/* $Id: layout-liquid.css,v 1.5.2.4 2009/02/13 19:30:50 johnalbin Exp $ */ /* * LAYOUT STYLES * * Define CSS classes to create a table-free, 3-column, 2-column, or single * column layout depending on whether blocks are enabled in the left or right * columns. * * This layout is based on the Zen Columns layout method. * http://drupal.org/node/201428 * * Only CSS that affects the layout (positioning) of major elements should be * listed here. Such as: * display, position, float, clear, width, height, min-width, min-height * margin, border, padding, overflow */ @font-face { font-family: 'Titillium'; src: url('TitilliumText999wt.eot'); src: local('TitilliumText14L 999 wt'), local('TitilliumText14L-999wt'), url('TitilliumText999wt.ttf') format('truetype'); } /** body **/ body { zoom: 100%; background-color:#e9e6e1; padding: 0; margin: 0; text-align: -moz-center; !text-align: center; color: #666; font-size: 0.75em; font-family:Arial, Helvetica, sans-serif; } h1, h2, h3 { color: black; } p{ line-height:1.5em; } h2{ font-size:1.333em; font-weight:bold; margin:1.5em 0 -0.75em; padding:0;} /*#sidebar-right h3{ font-size:1.33em; font-weight:bold; margin-bottom:-0.5em; margin-top:1em; }*/ #sidebar-right #contenu { padding: 0px 30px; } h4{ color:black; font-size:1.1em; line-height:1.3em; margin-top:1em; margin-bottom:0.5em;} h5{ color:black; font-size:1em; line-height:1.2em; margin-top:1em; margin-bottom:0.5em;} #main #content #content-area .content ul li { margin-top: 0.5em;} /* Espacement des LI seulement dans les fiches détaillées */ #main #content #content-area .content h3 { margin-bottom: -0.50em;} .parTranscription { color: #3F3E3E;} ol li{ margin-bottom:0.5em; margin-left: 5px;} a:link, a:visited{ color:#0088cc; } a:hover, a:active, a:focus{ text-decoration:none; } #page, #closure-blocks { min-width: 958px; width: 958px; margin-left: auto; margin-right: auto; } /* Don't allow the browser to make the site unreadable. */ #navigation-top, #navigation { position: absolute; left: -10000px; } #skip-to-nav { float: right; margin: 0 !important; font-size: 0.8em; } #skip-to-nav a:link, #skip-to-nav a:visited { color: #fff; } /* Same as background color of page */ #skip-to-nav a:hover{ color: #000;text-decoration: none;} .petitEspacementHaut { margin-top: 5px; } .espacement-menu {margin-top:50px;} /** header **/ #header { position:relative; width: 100%; text-align: left; font-size: 0.917em; padding:8px 0 2px; font-family:Arial, Helvetica, sans-serif;} #header .block{ margin:0; } #header ul { padding: 0; margin:0;} #header li { color: gray; float: left; list-style: none; margin: 0; text-align:right; } #header-left li{ margin:0 15px 0 0;} #header-right li{ float:none; } #header li a { color: #777573; text-decoration: none; } #header-blocks{clear: both; /* Clear the logo */} #header a, #footer a { color: #666; text-decoration: none;} #header a:hover, #footer a:hover, #header a:active, #footer a:active, #header a:focus, #footer a:focus { color: black; text-decoration:underline; } #header-left {float: left;} #header-right { display: block; position: absolute; right: 0; z-index: 1000; } .blockTranscription { width: 256px; height: 150px; padding: 4px 5px; overflow-y: scroll; display: none; color: #333333; font-family: arial; font-size: 1em;} .logo{ margin: 0;} #footer { text-align:left; float: left; width: 100%; padding-bottom: 20px; padding-top:15px; display: block; margin:0; font-size:0.92em;} #footer-left { float: left; } #footer-right{ float:right; } .reseaux p{ float:left; margin:0; padding:0; color:black; font-weight:bold; line-height:1.2em; } .reseaux ul{ float:left; margin:0; padding:0; list-style:none; line-height:1.2em; } .reseaux ul li{ float:left; margin:0; padding:0 0 0 15px; list-style:none; } #footer-right ul{ float:left; margin:0; padding:0; list-style:none; line-height:1.2em; } #footer-right ul li{ float:left; margin:0; padding:0 0 0 15px; list-style:none; } .copyrights{ clear:both; display:block; padding:1em 0 0; margin:0;} /** main (container for everything else) **/ #main{display: block; width: 100%; text-align: left; float: left; margin-left: auto; margin-right: auto; background-image: url('images/backgroundImage.gif'); background-repeat: repeat-y;} #main #content { padding-top: 0; padding-left: 45px; display:inline; width: 553px; float: left;} /* firefox */ @-moz-document url-prefix() { #main #content { padding-top: 8px; }} /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #main #content { padding-top: 8px; } } #main.mainMashup { background:#898989; } .mainSubMenu { top: 45px !important;} #content { float: left; width: 629px; position: relative; margin-left: 0; padding: 0 0 50px;} #content-area {padding-left:0;} .spacer-navbar{ height:4.2em; width:100%; margin:0 auto; padding:0; background:white; margin-top: -8px;} .portfolioBanniere {width: 958px; height: 363px;} .front .spacer-navbar, .section-transcription .spacer-navbar{ height:auto; padding-bottom:30px;} .section-search .spacer-navbar{ background:#898989} .espacementHautVideo { width: 958px; height: 23px; background-image: url('images/DegradeHaut.jpg'); display: block; background-repeat: none;} /* Negative value of #sidebar-left's width + left margin. */ /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */ #sidebar-left{ float: left; width: 200px; margin-left: 0; margin-right: -200px; padding: 0; } #sidebar-left-inner{ margin: 0 20px 0 0; padding: 0;} /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */ /* Negative value of #sidebar-right's width + right margin. */ #sidebar-right { float: left; width: 326px; margin:0; padding:0 0 50px 34px; } #sidebar-right .view-header, #sidebar-right .view-content{ padding:0 0px; } #sidebar-right li { list-style: none;} #sidebar-right-inner {margin: 0 0 0 20px; padding: 0;} /*.main_portfolio_div { margin-left:40px;}*/ .divclear { width:100%; overflow:hidden; margin:0; height:0; padding:0; clear:both; } #content-inner, .no-sidebars #content-inner { margin: 0; padding: 0; } .sidebar-right #content-inner{ padding-left: 0; padding-right: 200px;} .two-sidebars #content-inner { padding-left: 200px; padding-right: 200px; } .videotitle { font-size:1em; color:#000000; font-family:arial; padding-bottom:5px;} .videodesc { font-size:1em; color:#333333; font-family:arial;} /* The navbar can have any arbritrary height. We picked one that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6 Set this to the same value as the margin-top below. */ #navbar{ width: 100%; margin-left: 0; padding: 0; overflow:hidden; } .with-navbar #content, .with-navbar #sidebar-left, .with-navbar #sidebar-right { margin-top: 1em;} #sidebar-right h2{ font-size:1.667em; font-family:Titillium, Arial, Helvetica, sans-serif; border-bottom:1px solid black; padding-bottom:5px; margin:1.5em 0 0; } #sidebar-right h3{ font-size:1.667em; font-family:Titillium, Arial, Helvetica, sans-serif; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin:1.5em 0 0; } #search-box { padding: 12px 30px 10px; width:266px; overflow:hidden; margin-bottom: 0; margin-top: 0; background-color: #898989; text-align: left; } #sidebar-right #search-box h2 { margin:0; padding:0 0 5px; color: white; border-bottom: 1px solid white;} #search-box p { color: white; margin:0; padding:5px 0; } #search-box #search { background-color: #e9e6e1; width: 100%; overflow: hidden;} #edit-search-theme-form-1, #edit-search-theme-form { width: 243px; border: 0; padding:0 2px; font-family:Arial, Helvetica, sans-serif; font-size:1em; height:1.6em; margin-top:0px; float: left; -webkit-border-radius: 0px;} #search-theme-form #edit-submit-1, #search-theme-form #edit-submit { cursor:pointer; margin-top:0; border: 0; float: left; background:url(images/loupe.png); background-repeat: no-repeat; height: 19px; width:19px; background-color: #E9E6E1; background-position: center;} .ExpertisesPourItemAffiche { background-image:url("images/ico_left_expertises.gif");} .OffresPourItemAffiche, #sidebar-right .view-Offres h3 { background-image:url("images/ico_left_offres.gif");} .RealisationsPourItemAffiche, #sidebar-right .view-Realisations h3 { background-image:url("images/ico_left_realisations.gif");} .TechnologiesPourItemAffiche { background-image:url("images/ico_left_technos.gif");} .SolutionsPourItemAffiche { background-image:url("images/ico_left_affaires.gif");} .ProduitsPourItemAffiche { background-image:url("images/ico_left_produits.gif");} .ExpertisesPourItemAffiche, .OffresPourItemAffiche, .TechnologiesPourItemAffiche, .RealisationsPourItemAffiche, #sidebar-right .view-Offres h3, #sidebar-right .view-Realisations h3, .ProduitsPourItemAffiche, .SolutionsPourItemAffiche { padding-left:24px; background-position: left 2px; background-repeat: no-repeat; } #sidebar-right .view-Offres .view-content, #sidebar-right .view-SolutionsPourItemAffiche .view-content, #sidebar-right .view-ExpertisesPourItemAffiche .view-content, #sidebar-right .view-OffresPourItemAffiche .view-content, #sidebar-right .view-RealisationsPourItemAffiche .view-content, #sidebar-right .view-Realisations .view-content, #sidebar-right .view-TechnologiesPourItemAffiche .view-content{ clear:both; margin:0; padding:0;} #sidebar-right .view-Offres ul, #sidebar-right .view-SolutionsPourItemAffiche ul, #sidebar-right .view-ExpertisesPourItemAffiche ul, #sidebar-right .view-OffresPourItemAffiche ul, #sidebar-right .view-Realisations ul, #sidebar-right .view-RealisationsPourItemAffiche ul, #sidebar-right .view-TechnologiesPourItemAffiche ul{ margin:0; padding:0;} #sidebar-right .view-Offres ul li, #sidebar-right .view-SolutionsPourItemAffiche ul li, #sidebar-right .view-ExpertisesPourItemAffiche ul li, #sidebar-right .view-OffresPourItemAffiche ul li, #sidebar-right .view-Realisations ul li, #sidebar-right .view-RealisationsPourItemAffiche ul li, #sidebar-right .view-TechnologiesPourItemAffiche ul li{ margin: 0.5em 0 0; padding:0;} /*#sidebar-right .view-Realisations .view-content{ margin:0 30px; }*/ .underline { text-decoration: underline; } #search-box-mashup { width: 266px; float: right; padding-top:0.4em; } #main #content.contentMashup { width:958px; padding:0; } .mashupHeader { color:#fff; padding:0 30px 20px; margin:0; width:898px; overflow:hidden; } .mashupHeader h1 { width:592px; float:left; font-size:2.17em; color:#fff; font-family:Titillium, Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:1.1em; } .mashupOptions { background-color: #000000; height: 1.7em;} .mashupOptions ul { margin-top: -1px; float: right; margin-right: 2.5em; margin-bottom: -2px; font-weight: bold;} .mashupOptions ul li { color: white; list-style: none; float: left; margin-left: 1em; background-color:gray; padding:0.4em; font-size:0.8em;} .mashupOptions a { color: white; text-decoration: none;} .mashup { padding:0 24px 30px 30px; width:904px; overflow:hidden; } .mashup div.main { width:297px; margin-right:4px; float: left; display:inline } .mashup div .search_box { background-color:#fff; clear: both; overflow: hidden; margin:0 0 4px; padding:0 15px 18px; } .mashup div .search_box h2 { font-size:1.67em; font-family:Titillium, Arial, Helvetica, sans-serif; font-weight:bold; border-bottom: 1px solid #CCCCCC; text-align:left; margin:0; padding:10px 25px 5px 0; } .search_box h2 { margin-bottom: 0 !important;} .search_box h2 p {width:80%; margin:0;} .mashupFooter { width: 100%; clear:both; background-color:#FFFFFF; border-top:4px solid #e9e6e1;} .mashupFooter h2 { font-size: 1.17em; font-family:Arial, Helvetica, sans-serif; border-bottom: 1px solid black; margin:0; padding:5px 0 3px; } .mashupBoxContent { height:auto !important;clear:both; width:100% !important; overflow:hidden; } .mashupBoxContent ul, .contenu ul, .element-contenu ul{ padding-left: 0;} .mashupBoxContent img { border:1px solid black; } .intro-mashup-article, .body-mashup-article { margin-bottom:5px; margin-top:0 !important; width:99% !important; clear:both;} .intro-mashup-article h3 { font-size: 1em; font-family:arial; } .body-mashup-article h4 { font-size: 1em; font-family:arial; font-weight:bold; } .video-mashup-article { border: 1px solid black; margin-bottom: 10px; width:99% !important; clear:both;} .video-mashup-article div {margin:0; } .mashupFooter{ width:100%; overflow:hidden; } .mashupFooter .footerOverflow { padding:5px 0 30px; margin: 0 0 0 30px; display:inline; float:left; width:202px; } .mashupFooter .footerOverflow ul, .mashupFooter .footerOverflow ul li{ margin:0; padding:0; list-style:none; } .mashupFooter .footerOverflow ul li{ margin-top:0.3em; } .firstpara{ font-weight:bold; } .mashup div .search_box h2 { background-position: right 0.7em; background-repeat: no-repeat;} .mashupFooter h2 { background-position: right 3px; background-repeat: no-repeat;} .mashup .offres, .mashupFooter .offres { background-image:url(images/ico_left_offres.gif); } .mashup .expertises, .mashupFooter .expertises { background-image:url(images/ico_left_expertises.gif); } .mashup .produit, .mashupFooter .produit { background-image:url(images/ico_left_produits.gif); } .mashup .solAffaires, .mashupFooter .solAffaires { background-image:url(images/ico_left_affaires.gif); } .mashup .realisation, .mashupFooter .realisation { background-image:url(images/ico_left_realisations.gif); } .mashup .techno, .mashupFooter .techno { background-image:url(images/ico_left_technos.gif); } .cacheControls { height: 0;} .sansControls { margin-top: -38px;} /** Prevent overflowing content **/ #header, #content, #navbar, #sidebar-left, #sidebar-right, #footer, #closure-blocks { overflow: visible; word-wrap: break-word; /* A very nice CSS3 property */ } .videoPrenom, .contactPrenom { color: black; font-size: 1.333em; font-weight: bold;} .videoNom, .contactNom { color: #666; font-size: 1.333em; font-weight: bold;} .contactPrenom, .contactNom{ font-size:1em;} .contactSecteur, .contactFonction{ margin:0; line-height:1.2em;} .contactSecteur{ margin-top:0.2em; font-weight:bold; } .contactFonction{ padding-bottom:0.4em; border-bottom:1px solid #cccccc; } /* view template with fields */ .element { margin:1.4em 0; /*margin-left:5px; width:548px; clear:both; margin-top: 15px;*/ width:100%; overflow:hidden; } .element .element-image { width:200px; float: right; margin:0.3em 0 0; } .element .element-contenu { width:325px; float: right; margin-left:28px; display:inline; } .element .element-contenu h2{ margin:0; padding:0;} .element .element-contenu .premierParagraphe { font-size: 1.2em; line-height: 1.2em;} .portfolio-imagelist .views-row { margin:1.4em 0; /*margin-left:5px; width:548px; clear:both; margin-top: 15px;*/ width:100%; overflow:hidden; } .portfolio-imagelist .element-image { width:200px; float: right; margin:0.3em 0 0; } .portfolio-imagelist .element-image img{ width:200px; } .portfolio-imagelist .element-contenu { width:325px; float: right; margin-left:28px; display:inline; } .portfolio-imagelist .element-contenu h2{ margin:0; padding:0;} .approche-contenu {float: left; width: 500px; } /* view template without fields */ .Liste, .ListeBoxLink li{ margin:0; padding:0; list-style:none;} .ListeBoxLink li{ margin:0 0 0.8em; } .portfolio-contenu li a:link, .portfolio-contenu li a:visited, a.BoxLink:link, a.BoxLink:visited{ line-height:1.35em; display: inline; padding: 2px 5px 2px 5px; background-color: #767676; color: white; } .portfolio-contenu li a:hover, .portfolio-contenu li a:active, .portfolio-contenu li a:focus, a.BoxLink:hover, a.BoxLink:active, a.BoxLink:focus { background-color: #555; } #content h1, #content .element-contenu h2 { border-bottom: 1px solid #CCCCCC; padding-bottom: 4px;} .ficheIntro { font-weight: normal; font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; padding-top: 8px; line-height: 1.2em; text-align:left; color:#000000; border-top: 1px solid #CCCCCC; display: block; margin-top: 5px; margin-bottom: 5px;} .premierParagraphe { font-size:1.5em; font-family:Arial, Helvetica, sans-serif; padding-bottom: 4px; text-align:left; color:#000000; line-height:1.5em; border-bottom: 1px solid #CCCCCC; margin:0 0 1em; } /*.infoComplementaire { border: 0 !important;}*/ .realisationSupp { float: left; clear: both; width: 100%; padding-bottom: 10px;} .realisationSupp div{ float: left; clear: both; width: 100%; } .main_offres_div, .main_technos_div { clear: both; float: left; margin-bottom: 30px;} .accordeon{ width:100%; overflow:hidden;} .btnOuvrirAccordeon, .btnFermerAccordeon{ float:right; background:none; cursor:pointer; background-position:right center; background-repeat:no-repeat; margin:0 0 0.5em; padding:0 15px 0 0; border:none; font-weight:bold; color:black; font-family:Arial, Helvetica, sans-serif; font-size:1em; overflow:visible; } .btnOuvrirAccordeon{ background-image:url(images/plus.gif);} .btnFermerAccordeon{ background-image:url(images/moins.gif);} .btnOuvrirAccordeon:hover, .btnFermerAccordeon:hover, .btnOuvrirAccordeon:focus, .btnFermerAccordeon:focus{ text-decoration:underline; } .offres-liens, .technos-liens {width:533px; float:left; clear: both; } .offres-liens p, .technos-liens p { font-size:1em; font-family:arial; line-height:normal; margin-top:0;} .offres-liens h2, .technos-liens h2 {font-size:1em; font-family:arial; line-height:normal; margin-top:0; margin-bottom: 4px;} .accordeon{ /*margin-left:5px; width: 95%;*/ overflow:visible; clear:both; /*margin-top:35px;*/ } .accordeon h3 { cursor: pointer; background-color: black; background: url('images/plus.gif') 6px 0.35em no-repeat #e9e6e1; font-size:1em; font-weight:bold; line-height:1.2em; padding: 2px 0 2px 23px; margin-bottom: 0px; margin-top: 0; width: 530px; clear: both;} .accordeon h3.couleurPaire { background-color: #f6f5f2;} .accordeon h3.focus{ background-color:#06C3F2} .accordeon h3 a { color: black; font-weight: bold; font-size: 1em; text-decoration: none; } .accordeon h3.boxOuverte{ background-image: url(images/moins.gif); color: #000; background-color: #06c3f2; } /*.accordeon h4{ margin-bottom:-0.2em;}*/ .accordeon .contenu { width: 100%; padding-bottom:2px; overflow:hidden; clear:both;} ul.accordeon{ display: block; position: relative; right: 0; top: 20px; z-index: 1001; } #ul_accordeon{ display: block; position: absolute; right: 0; top: -1000px; background-color:#fff !important; } #ul_accordeon li{ background-color:#fff !important; list-style-position: inside !important; } .offres-liens { background-color: #e9e6e1; color: #333333; margin-top: 0; padding: 10px 0 0 20px; width: 533px; } .main_technos_div-field .technos-liens .hidden {display:none;} .offres_body_item, .technos_body_item { margin-top:0px; font-size:1em; font-family:arial; line-height:normal; } .portfolio-liens div { padding: 5px; background-color: #E1E1E1; display: none; float: none; margin-bottom:20px; } .technos-liens div { padding: 0; background-color: #E1E1E1; display: none; float: none; margin-bottom:0; } .portfolio-liens ul, .technos-liens ul {padding-left:0; list-style-type:none; margin:0;} .offres-liens h3, .portfolio-liens li { font-size:1em; font-family:arial; font-weight:bold; color:#000000;margin-bottom:20px;} .offres-liens h3 { margin-bottom:0; padding-top:4px; padding-left:6px; } .technos-liens li { font-size:1em; font-family:arial; font-weight:bold; color:#000000;margin-bottom:2px;} .offres-liens h3 a, .portfolio-liens li a {color:black; padding-left:20px; text-decoration:none;} .offres-liens h3 {color:black; padding-left:20px; background: url(images/barre-fleche-pale.png) top left no-repeat;} .portfolio-liens li a:hover{background:#CCC; color:black;} .technos-liens li a { padding:0; margin:1px; font-size:1em;} .technos-liens li a:hover {background:#CCC; color:black;} .technos-expertises {margin-bottom:60px;} .technos-expertises .field-content { font-size:1em; color:#00F; padding:3px; margin-bottom:4px;} div.form-item input#edit-submit { background: none; border: none; background-image: url("image-button.gif"); } #content-header h1 { /*margin-left:40px;*/ font-family: Titillium, "Arial Black",Arial, Helvetica, sans-serif; font-weight:bold; font-size:2.333em; line-height:1.1em; margin: 1em 0 5px; } /* Lecteur vidéo (Gros) */ .grandLecteurAccueil{ background:#f6f5f2; overflow:hidden; width:100%; clear:both; text-align:left; position:relative; background-image:url("images/DegradeDroit.jpg"); background-position: right top; background-repeat: repeat-y; top: 0px; right: 0;} /* Hacks pour la bordure des shadows */ /* firefox */ @-moz-document url-prefix() { .grandLecteurAccueil { top: -8px; } } /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .grandLecteurAccueil { top: -8px; } } #imageGrandVideoRemplacement img{ float:left;} .grandLecteurAccueil .nurunAVP{ float:left; width:764px; display:inline;padding:0; background:#f6f5f2; } .grandLecteurAccueil .menuGrandVideo{ float:right; width:168px; display:inline; padding:28px 0 0 20px; /* height: 282px; background-image: url("images/menuBackgroundDegrade.gif");*/ } .grandLecteurAccueil .nurunAVP . p{ color:black; padding:125px 20px; } .grandLecteurAccueil .nurunAVP_player img{ float:left;} .grandLecteurAccueil .nurunAVP_player { height: 300px;} /*.grandLecteurAccueil .nurunAVP_player img:hover { backgroundimages/image_video_preview_test.jpg}*/ /*.grandLecteurAccueil .nurunAVP_timeSlider { width: 178px; }*/ .menuGrandVideo ul, .menuGrandVideo li{ margin:0; padding:0; list-style:none;} .menuGrandVideo li{padding:0 0 16px;height:36px;overflow: hidden;} .menuGrandVideo button{ cursor:pointer; color:#3b3b3b; padding:0; margin:0; background-position:left top; background-repeat:no-repeat; border:none; background-color:transparent; overflow:visible; height:36px; font-family: Titillium,Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; /*text-indent:-2999px;*/ width:148px; overflow: hidden; line-height: 10px; } .menuGrandVideo button span{ padding:0 0 0 45px; display:block;} .menuGrandVideo button:hover, .menuGrandVideo button:focus, .menuGrandVideo .menuVideo-selected button{ background-position:left -100px; color:black;} button.menuVideo-Strategie{ background-image:url(images/menuvideo_strategie-2.gif);} button.menuVideo-Communication{ background-image:url(images/menuvideo_communication-2.gif);} button.menuVideo-Organisation{ background-image:url(images/menuvideo_organisation-2.gif);} button.menuVideo-Technologie{ background-image:url(images/menuvideo_technologie-2.gif);} button.menuVideo-JouerTout{ background-image:url(images/menuvideo_jouertout-2.gif);} .menuGrandVideo button.menuVideo-JouerTout:hover{ background-position:left -100px; } .menuGrandVideo button.menuVideo-Strategie:hover{ background-position:left -100px; } .controlsGrandVideo{ background:#ebe8e4; width:100%; overflow:hidden; clear:both;} .controlsGrandVideo .nurunAVP_controls{ width:570px; float:left; background:none; height:40px; } .controlsGrandVideo .nurunAVP_span_button{ padding:0; } .controlsGrandVideo .nurunAVP_timeSlider{ background:none; padding-top:13px; padding-bottom:12px; border-left:1px solid #f5f3f1; } .controlsGrandVideo .nurunAVP_button{ height:40px; width:42px; padding-top:40px;} .controlsGrandVideo .nurunAVP_span_button{ width:42px; border-right:1px solid #cac9c7; border-left:1px solid #f5f3f1; } .controlsGrandVideo .nurunAVP_span_button_first{ border-left:0;} .controlsGrandVideo .nurunAVP_timer{ border-right:1px solid #cac9c7; background:none; color:#3b3b3b; font-weight:normal; font-size:1em; padding:14px 0 0; height:26px; } .controlsGrandVideo .nurunAVP_timeSliderZone{ background:url(images/grosLecteur/bg-time-slider.gif) left 3px no-repeat; } .controlsGrandVideo .nurunAVP_timeSliderLoaded{ background:url(images/grosLecteur/bg-time-slider-active.gif) left 3px no-repeat; } .controlsGrandVideo .nurunAVP_timeSliderBtn{ background:url(images/grosLecteur/sound-slider.gif) left top no-repeat; width:10px; } .controlsGrandVideo .nurunAVP_timeSliderFocusBtnsFocus{ background:url(images/grosLecteur/bg-btn-time.gif) left top no-repeat; width:33px; height:18px; margin-left:-9px;} .controlsGrandVideo button.nurunAVP_timeSliderFocusBtnRightFocus{ margin:0; background:url(images/grosLecteur/bg-btn-time-next.gif) top left no-repeat; width:16px; padding-top:18px; height:18px; } .controlsGrandVideo button.nurunAVP_timeSliderFocusBtnLeftFocus{ margin:0; background:url(images/grosLecteur/bg-btn-time-prev.gif) top left no-repeat; width:16px; padding-top:18px; height:18px; } .controlsGrandVideo .nurunAVP_play { background:url(images/grosLecteur/play.gif) left top no-repeat; } .controlsGrandVideo .nurunAVP_play_act, .controlsGrandVideo .nurunAVP_play_focus{ background-position: left -40px; } .controlsGrandVideo .nurunAVP_pause { background:url(images/grosLecteur/pause.gif) left top no-repeat; } .controlsGrandVideo .nurunAVP_pause_act, .controlsGrandVideo .nurunAVP_pause_focus{ background-position: left -40px; } .controlsGrandVideo .nurunAVP_stop { background:url(images/grosLecteur/stop.gif) left top no-repeat; } .controlsGrandVideo .nurunAVP_stop_act, .controlsGrandVideo .nurunAVP_stop_focus{ background-position: left -40px; } .controlsGrandVideo .nurunAVP_mute { background:url(images/grosLecteur/mute.gif) left top no-repeat; } .controlsGrandVideo .nurunAVP_mute_act, .controlsGrandVideo .nurunAVP_mute_focus{ background-position: left -40px; } .controlsGrandVideo .nurunAVP_unmute { background:url(images/grosLecteur/unmute.gif) left top no-repeat; } .controlsGrandVideo .nurunAVP_unmute_act, .controlsGrandVideo .nurunAVP_unmute_focus{ background-position: left -40px; } .controlsGrandVideo .nurunAVP_volume{border-left:1px solid #f5f3f1; background:url(images/grosLecteur/bg-sound-slider.gif) left top no-repeat; margin-right:0; height:18px; padding:11px 26px; width:73px; border-right:1px solid #cac9c7;} .controlsGrandVideo .nurunAVP_volumeBtn{ background:url(images/grosLecteur/sound-slider.gif) left top no-repeat;} .controlsGrandVideo button.nurunAVP_volumeDown{ width:16px; padding-top:16px; left:8px; margin-top:1px;} .controlsGrandVideo button.nurunAVP_volumeDownFocus, .controlsGrandVideo button.nurunAVP_volumeDown:hover{ border:none; background:url(images/grosLecteur/sound-down.gif) top left no-repeat;} .controlsGrandVideo button.nurunAVP_volumeUp{ width:16px; padding-top:16px; right:8px; margin-top:1px; } .controlsGrandVideo button.nurunAVP_volumeUpFocus, .controlsGrandVideo button.nurunAVP_volumeUp:hover{ border:none; background:url(images/grosLecteur/sound-up.gif) top left no-repeat;} .controlsGrandVideo .nurunAVP_accessibilityButtons .nurunAVP_alignRightBar{ margin:0; padding:0; float:left; margin-left:-1px;} .controlsGrandVideo .nurunAVP_accessibilityButtons{ background:none; width:auto; float:left; border-left:1px solid #f5f3f1;border-right:1px solid #f5f3f1;} .controlsGrandVideo button.nurunAVP_textButton{ font-weight:normal; font-size:1em; padding:12px 0 11px; min-width:100px; _width:100px; text-align:center; background:none; border-right:1px solid #cac9c7; border-left:1px solid #f5f3f1;color:#3b3b3b; } .controlsGrandVideo .nurunAVP_captions{ width:770px; color:white; font-weight:normal; } .controlsGrandVideo button.nurunAVP_textButton_hover, .controlsGrandVideo a.nurunAVP_textButton_hover{ background:#878683; color:white;} .controlsGrandVideo button.nurunAVP_textButton_focus, .controlsGrandVideo a.nurunAVP_textButton_focus{ background:#878683; color:white; border:none; outline:0; } /* Lecteur vidéo (Petit) */ .nurunAVP_player button{ background-image: url(images/image_video_preview.jpg); height: 300px; border: 0; width: 100%; cursor: pointer;} .nurunAVP_player button:hover, .nurunAVP_player button:focus { background-position: left -415px;} .nurunAVP_consulting .nurunAVP { padding:0; background:#ebe8e4} .nurunAVP_consulting .nurunAVP_player{ border:2px solid black; border-width:2px 0; } .nurunAVP_consulting .nurunAVP .nurunAVP_player p{ color:black; padding:30px 10px; } .nurunAVP_consulting .nurunAVP_controls{ background:#ebe8e4; height:26px; border-top:1px solid #f6f5f2; } .nurunAVP_consulting .nurunAVP_button{ height:26px; width:43px; padding-top:26px;} .nurunAVP_consulting .nurunAVP_span_button{padding:0; width:43px; border-right:1px solid #cac9c7; border-left:1px solid #f5f3f1; } .nurunAVP_consulting .nurunAVP_span_button_first{ border-left:0;} .nurunAVP_consulting .nurunAVP_span_button_stop{ border-right:1px solid #f5f3f1;} .nurunAVP_consulting .nurunAVP_span_button_stop .nurunAVP_button{border-right:1px solid #cac9c7;} .nurunAVP_consulting .nurunAVP_play { background:url(images/petitLecteur/play.gif) left top no-repeat; } .nurunAVP_consulting .nurunAVP_play_act, .nurunAVP_consulting .nurunAVP_play_focus{ background-position: left -26px; } .nurunAVP_consulting .nurunAVP_pause { background:url(images/petitLecteur/pause.gif) left top no-repeat; } .nurunAVP_consulting .nurunAVP_pause_act, .nurunAVP_consulting .nurunAVP_pause_focus{ background-position: left -26px; } .nurunAVP_consulting .nurunAVP_stop { background:url(images/petitLecteur/stop.gif) left top no-repeat; } .nurunAVP_consulting .nurunAVP_stop_act, .nurunAVP_consulting .nurunAVP_stop_focus{ background-position: left -26px; } .nurunAVP_consulting .nurunAVP_mute { background:url(images/petitLecteur/mute.gif) left top no-repeat; } .nurunAVP_consulting .nurunAVP_mute_act, .nurunAVP_consulting .nurunAVP_mute_focus{ background-position: left -26px; } .nurunAVP_consulting .nurunAVP_unmute { background:url(images/petitLecteur/unmute.gif) left top no-repeat; } .nurunAVP_consulting .nurunAVP_unmute_act, .nurunAVP_consulting .nurunAVP_unmute_focus{ background-position: left -26px; } .nurunAVP_consulting .nurunAVP_controls .nurunAVP_alignRightBar{ border-left:1px solid #cac9c7;} .nurunAVP_consulting .nurunAVP_volume{border-left:1px solid #f5f3f1; margin-right:0; background:url(images/petitLecteur/bg-sound-slider.gif) -3px -7px no-repeat; height:18px; padding:4px 24px; width:51px; } .nurunAVP_consulting .nurunAVP_volumeBtn{ background:url(images/petitLecteur/sound-slider.gif) left top no-repeat;} .nurunAVP_consulting button.nurunAVP_volumeDown{ width:16px; padding-top:16px; left:5px; margin-top:1px;} .nurunAVP_consulting button.nurunAVP_volumeDownFocus, .nurunAVP_consulting button.nurunAVP_volumeDown:hover{ border:none; background:url(images/grosLecteur/sound-down.gif) top left no-repeat;} .nurunAVP_consulting button.nurunAVP_volumeUp{ width:16px; padding-top:16px; right:5px; margin-top:1px; } .nurunAVP_consulting button.nurunAVP_volumeUpFocus, .nurunAVP_consulting button.nurunAVP_volumeUp:hover{ border:none; background:url(images/grosLecteur/sound-up.gif) top left no-repeat;} .nurunAVP_consulting .nurunAVP_captions{ color:white; font-weight:normal; } .nurunAVP_consulting button.nurunAVP_textButton{ font-weight:normal; font-size:1em; padding:5px 0; min-width:133px; _width:133px; text-align:center; background:none; border-right:1px solid #cac9c7; border-left:1px solid #f5f3f1;color:#3b3b3b; } .nurunAVP_consulting button.nurunAVP_textButton_hover, .nurunAVP_consulting a.nurunAVP_textButton_hover{ background:#878683; color:white;} .nurunAVP_consulting button.nurunAVP_textButton_focus, .nurunAVP_consulting a.nurunAVP_textButton_focus{ background:#878683; color:white; border:none; outline:0; } .nurunAVP_consulting .nurunAVP_accessibilityButtons .nurunAVP_alignRightBar{ margin:0; padding:0; } .nurunAVP_consulting .nurunAVP_accessibilityButtons{background:none; border-top:1px solid #cac9c7;} .nurunAVP_consulting button.nurunAVP_textButton_subtitles{ border-left:0;} .nurunAVP_consulting button.nurunAVP_textButton_transcript{ border-right:0; } .hide{ display: none; } .offscreen{ position: absolute; left: -2000px; } .offscreenTemp { position: absolute; left: -2000px; } a.lien-revenir:link, a.lien-revenir:visited, a.lien-revenir:hover, a.lien-revenir:active{ width: 160px; display: block; padding:5px 8px 5px 22px; background:url(images/fleche-back.gif) 8px 0.7em no-repeat #767676; margin-top: 8px\9;} a.lien-revenir:hover, a.lien-revenir:active{ background-color:#555; margin-top: 8px\9;} /*boite offre d'affichage*/ #page{position: relative} #navbar{z-index: 2} #boutton-ul_accordeon, a.aller-contenu { display:block; position: absolute; right: 0; top: 8px; text-align:right; line-height: 0.916em; font-size: 0.916em; background-color: transparent; border:0; width: 9em; padding: 0; color:#777573; font-family: Arial,Helvetica,sans-serif; } a.aller-contenu{ text-decoration:none; width: 12em; right: 12em; background-color:#fff; padding: 3px; text-align:center } .hover{ text-decoration:underline; color:#000 !important; } #header-right .boite-outils{ color:black; font-size:0.92em; border:1px solid #cac9c7; background:#f6f5f1; float:left; padding: 15px 0px 10px 10px; margin-top:1,5em; position:relative; width:19.5em; top: 1em } #header-right .boite-outils .outils-pointe{ position:absolute; right:5em; top:-7px; width:14px; height:7px; display:block; background:url(images/outilsAffichage/pointe.gif) top left no-repeat;} #header-right .boite-outils ul, .boite-outils li{ margin:0 !important; padding:0 !important; list-style:none; } #header-right .boite-outils .outils-tailleTexte{ width: 100px; float:right; text-align:left;} #header-right .boite-outils .outils-tailleTexte li{ float:left !important; overflow:hidden; margin-left: 0; padding-left:0} #header-right .boite-outils .libelle-tailleTexte{ float:right; line-height:1.8em; width:8.9em; text-align:left; display:inline; padding-right:15px; } .boite-outils button{ border:none; overflow:visible; cursor:pointer; font-size:1em; height:1.8em;} .boite-outils{ color:black; font-size:0.92em; border:1px solid #cac9c7; background:#f6f5f1; float:left; padding: 0 18px 11px 0; margin-top:7px; position:relative; } .boite-outils .outils-pointe{ position:absolute; right:3.7em; top:-7px; width:14px; height:7px; display:block; background:url(images/outilsAffichage/pointe.gif) top left no-repeat;} .boite-outils ul, .boite-outils li{ margin:0; padding:0; list-style:none; } .boite-outils .outils-tailleTexte{ float:right; } .boite-outils .outils-tailleTexte li{ float:left; overflow:hidden; } .boite-outils .libelle-tailleTexte{ float:right; } .boite-outils .tailleTexte-petit, .boite-outils .tailleTexte-moyen, .boite-outils .tailleTexte-gros{ height:21px; background:left top no-repeat; width:18px; margin-right:15px; display:inline; } .boite-outils .tailleTexte-petit{ background-image:url(images/outilsAffichage/petitTexte-on.gif);} .boite-outils .tailleTexte-moyen{ background-image:url(images/outilsAffichage/moyenTexte-off.gif);} .boite-outils .tailleTexte-gros{ background-image:url(images/outilsAffichage/grandTexte-off.gif); } .boite-outils .actif .tailleTexte-petit{ background-image:url(images/outilsAffichage/petitTexte-on.gif);} .boite-outils .actif .tailleTexte-moyen{ background-image:url(images/outilsAffichage/moyenTexte-on.gif);} .boite-outils .actif .tailleTexte-gros{ background-image:url(images/outilsAffichage/grandTexte-on.gif); } .boite-outils .groupe-outils{ clear:both; padding-top:15px;} .boite-outils .groupe-outils-tailleTexte{ float:left; margin-bottom: 5px !important; } .boite-outils .outils-affichages li{ float:right; clear:both; text-align:left } .boite-outils .couleurs-normal, .boite-outils .couleurs-contrasteEleve, .boite-outils .couleurs-contrasteInverse{ display:block; padding-left:99px; padding-right:5px; overflow:visible; display:inline; background: left center no-repeat; line-height:1.8em; color:black; text-decoration:none; margin-bottom:4px; } .boite-outils .couleurs-normal{ background-image:url(images/outilsAffichage/couleur-normal.gif);} .boite-outils .couleurs-contrasteEleve{ background-image:url(images/outilsAffichage/couleur-contraste.gif);} .boite-outils .couleurs-contrasteInverse{ background-image:url(images/outilsAffichage/couleur-inverse.gif);} .boite-outils .actif .tailleTexte-petit, .boite-outils .tailleTexte-petit:hover, .boite-outils .tailleTexte-petit:focus{ background-image:url(images/outilsAffichage/petitTexte-on.gif);} .boite-outils .actif .tailleTexte-moyen, .boite-outils .tailleTexte-moyen:hover, .boite-outils .tailleTexte-moyen:focus{ background-image:url(images/outilsAffichage/moyenTexte-on.gif);} .boite-outils .actif .tailleTexte-gros, .boite-outils .tailleTexte-gros:hover, .boite-outils .tailleTexte-gros:focus{ background-image:url(images/outilsAffichage/grandTexte-on.gif);} .boite-outils .groupe-outils{ clear:both; width:100%; overflow:hidden; padding-top:15px; _margin-left:-15px; *margin-left:-15px;} .boite-outils .couleurs-normal:hover, .boite-outils .couleurs-contrasteEleve:hover, .boite-outils .couleurs-contrasteInverse:hover{ text-decoration:underline} .boite-outils .outils-tailleTexte{ position:relative; /*left: -14px*/} .accordeon h3.boxFermee:hover, .accordeon h3.boxFermee:focus{background-image: url("images/plus-o.gif") !important} .accordeon h3.boxOuverte:hover{background-image: url("images/moins-o.gif") !important} #search-box-mashup h2 { margin:0; padding:0 0 5px; color: white; border-bottom: 1px solid white;} #search-box-mashup #search-theme-form { margin-top : 10px;} .plandesite{ padding-top:10px; } .plandesite, .plandesite ul, .plandesite li{ margin:0; padding:0; list-style:none; } .plandesite li{ color:white; text-transform:uppercase; font-weight:bold; margin-top:12px; } .plandesite li a{ color:white; display:block; background:#898989; text-decoration:none; padding:2px 7px; } .plandesite li a:hover, .plandesite li a:focus{ background-color:#333333; text-decoration:underline; } .plandesite li li{ text-transform:none; margin-top:6px; } .plandesite li li a{ color:#666; background: #f6f5f2; padding:1px 7px 1px 30px;} .plandesite li li a:hover, .plandesite li li a:focus{ background: #f6f5f2; background:#e3e0d8}