/* Éléments général sur l'accueil */
#accueil h1{ width:0; height:0; overflow:hidden; margin:0; padding:0;}
#accueil .colonne1, #accueil .colonne2{display:inline; float:left; margin-bottom:3em; margin-top:0.5em; width:475px;}
#accueil .colonne2{ margin-left:50px; margin-right:-3px; width:425px;}


/* zone nouvelles */
#accueil #nouvelles{margin-left:75px;}

#accueil #nouvelles h2{ font-size:1.275em; background:url(../images/bg-h2.gif) left bottom no-repeat; padding-bottom:13px; padding-left:15px; margin-top:2.5em; margin-bottom:0; margin-left:-15px;}

#accueil #nouvelles dt{ margin-top:1.5em; color:#a1a1a1;}
#accueil #nouvelles dt a{ font-weight:bold; float:left; margin:0.2em 0; width:100%;}
#accueil #nouvelles dd{ clear:both;}

#accueil #nouvelles .boutons{  background:url(../images/bg-h2.gif) left top no-repeat; margin-left:-15px; margin-top:1.5em; padding-left:15px; padding-top:1.5em;}

/* 2 boutons: #accueil #nouvelles .boutons li{ width: 115px;  float:left;  min-height:31px; padding-top:0.2em; padding-left:35px; margin-right:50px;}*/
#accueil #nouvelles .boutons li{ float:left;  min-height:19px; padding-top:0.55em; padding-left:35px; margin-right:50px;}
#accueil #nouvelles .boutons .activites{ background:url(../images/btnCalendrierRouge.gif) left center no-repeat;}
#accueil #nouvelles .boutons .communiques{ background:url(../images/btnCommuniques.gif) left center no-repeat;}



/* Liste Les normes du travail */
#accueil #top4 h2{ margin-left:18px; margin-bottom:1em; margin-top:18px; background:url(../images/fr/normes-du-travail.gif) left top no-repeat; width:117px; height:0; padding-top:30px; overflow:hidden;}

#accueil #top4 dt, #accueil #top4 ul{  background:url(../images/bg-h2.gif) left top no-repeat; padding-left:17px; padding-bottom:0.1em; padding-top:0.9em; margin-top:1em;  font-size:1.275em; text-transform:uppercase;}
#accueil #top4 dt span{ color:#333; margin-left:0.1em;}
#accueil #top4 dd{ margin-left:1.5em; line-height:1.4em;}
#accueil #top4 dd a{ white-space:nowrap;}

#accueil #top4 ul{ font-size:1em; padding-top:1.1em; text-transform:none;}
#accueil #top4 ul li{ background:url(../images/puce-nav-norme-h.gif) left 0.3em no-repeat; padding-bottom:0.2em;  padding-left:1.5em;}



/* Zone Centre de documentation */
#accueil #centre-de-documentation .t3ancre{ height:0;}

#accueil #centre-de-documentation{ background:url(../images/acc-centredoc-bg.gif) left top repeat-x #519ed6; width:222px; float:left; clear:both; margin-top:3em;}
#accueil #centre-de-documentation h2{ margin:0; padding:0; overflow:hidden; width:222px; height:62px;}
#accueil #centre-de-documentation h2 a{ display:block; background:url(../images/fr/acc-centredoc-h2.gif) top left no-repeat; width:222px; height:0; padding-top:62px; overflow:hidden; margin:0; }
#accueil #centre-de-documentation ul{ font-size:1.09em; color:#FFF; padding-left:15px;}
#accueil #centre-de-documentation ul li{ background:url(../images/puce-nav-centredoc.gif) left 0.3em no-repeat; padding-left:15px; padding-right:10px; padding-bottom:0.4em;}
#accueil #centre-de-documentation ul a{ color:#FFF;}

#accueil #centre-de-documentation form{ color:#FFF; padding:10px 15px 19px; background:url(../images/acc-centredoc-bas.gif) left bottom no-repeat;}
#accueil #centre-de-documentation input{  background:url(../images/acc-centredoc-inputbg.gif) left top no-repeat #FFF; height:14px; border:0; padding-top:1px; padding-bottom:0; color:#676767; width:170px; margin-right:1px; margin-top:4px;}
#accueil #centre-de-documentation form a img{ vertical-align:bottom;}

#accueil #centre-de-documentation input#boutton_recherche_accueil{ width:15px; height:15px; background:transparent;}



/* zone Services en ligne */

#accueil #services-en-ligne{ clear:none;  width:180px; margin:3em 0 0 23px; float:left;}
#accueil #services-en-ligne h2{ margin:0; padding:0;}
#accueil #services-en-ligne h2 a{ display:block; background:url(../images/fr/titre-service-en-ligne.gif) left top no-repeat; height:0; padding: 60px 0 0; width:180px; overflow:hidden; margin:0; }
#accueil #services-en-ligne .coinRond{ margin-top:0;}
#accueil #services-en-ligne .coinRond .contenuCentral{padding:0 1px;}

#accueil #services-en-ligne .important{ background-color:#ededed; padding:8px 9px 5px;}
#accueil #services-en-ligne p{ margin:0;}

#accueil #services-en-ligne .contenu{ padding:12px 15px 0.5em;}

#accueil #services-en-ligne select{ width:160px;}
#accueil #services-en-ligne ul{ font-size:1em; padding-top:0.6em; padding-bottom:0.3em; text-transform:none; clear:both;}
#accueil #services-en-ligne dl.select{ margin-top:0.4em;}
#accueil #services-en-ligne ul li{ background:url(../images/puce-nav-norme-h.gif) left 0.3em no-repeat; padding-bottom:0.2em;  padding-left:14px;}


/* visionneuse */
#visionneuse{ width:475px; }
#boiteVisionneuse{ background:url(../images/visionneuse/fond.gif)}
#visionneuse h2{ margin:0; padding:9px 0 8px 24px;}
#visionneuse h2 a{margin:0; width: 440px; height:0; padding-top:21px; background:url(../images/visionneuse/titre.gif) 0px 0px no-repeat; overflow:hidden; padding-left:0px; display:block; }
#visionneuse h2 strong{ font-size:1.08em;}
#visionneuse #canalDeDiffusion{ background:white; padding:1px; border:1px solid #d3dbdf; margin:0 8px; }
#visionneuse #canalDeDiffusion img{ width:455px; height:240px;}
#visionneuse #canalDeDiffusion p a img{ width:auto; height:auto;}
#visionneuse ul{ width:455px;  height:150px; overflow:auto; overflow-y:scroll;}
#visionneuse ul li{ width:438px; float:right; clear:both; cursor:pointer; background:url(../images/visionneuse/fond_blanc.gif) left top repeat-y #FFF; }
#visionneuse li.impair { background:url(../images/visionneuse/fond_bleu.gif) left top repeat-y #eef9ff; }
#visionneuse ul li a { padding:8px 0 9px; display:block;}
#visionneuse li a:visited{ color:#0088EE}
#visionneuse li a:hover { color:#00B4FF;}
#visionneuse .jsactif li a:hover { text-decoration:none;color:#FFF;}
#visionneuse ul li a.btn { float: left; margin-left:20px; padding-left:19px;}
#visionneuse ul li span.ficheinfo{ float:right; display:block; background:url(../images/visionneuse/pipe.gif) left 45% no-repeat; padding-left:24px; font-size:0.91em; font-family:Arial, Helvetica, sans-serif;}
#visionneuse ul li.video span.ficheinfo{background-image:url(../images/visionneuse/camera.gif)}
#visionneuse ul li span.ficheinfo a{ padding-left:9px; padding-right:7px;}
#visionneuse ul li span.ficheinfo a:hover, #visionneuse ul li span.ficheinfo a:focus{ text-decoration:underline;}
#visionneuse ul li.actif, #visionneuse ul li.hover{ color:#FFF; background: url(../images/over-visionneuse.gif) left top repeat-x #c8063e;} 
#visionneuse ul li.actif a.btn, #visionneuse ul li.hover a.btn{ background:url(../images/fleche-visionneuse.gif) 4px 1em no-repeat; font-weight:bold;}
#visionneuse ul li.loading{background: url(../images/over-visionneuse.gif) left top repeat-x #c8063e; color:#FFF;}
#visionneuse ul li.loading a.btn{background:url(../images/ajax-loader.gif) left 0.55em no-repeat; font-weight:bold;}
#visionneuse ul li.actif a, #visionneuse ul li.loading a, #visionneuse ul li.hover a{ color:#FFF;}
#visionneuse ul li.actif span.ficheinfo, #visionneuse ul li.loading span.ficheinfo, #visionneuse ul li.hover span.ficheinfo{ background-image:url(../images/visionneuse/pipe_rouge.gif)}
#visionneuse ul li.actifvideo span.ficheinfo,#visionneuse ul li.loadingvideo span.ficheinfo, #visionneuse ul li.hovervideo span.ficheinfo{background-image:url(../images/visionneuse/camera_rouge.gif)}
#visionneuse ul li.actif a:hover, #visionneuse ul li.hover a:hover,  #visionneuse ul li.loading a:hover, #visionneuse ul li.actif a:visited, #visionneuse ul li.hover a:visited,  #visionneuse ul li.loading a:visited{ color:#FFF; }
#visionneuse li a:focus{ outline:none;}
#visionneuse .selecteur{ padding-left:10px; padding-bottom:15px; padding-top:8px; background:url(../images/visionneuse/fond.gif) bottom left no-repeat;}