integration/css/style.css
changeset 4 b00fdbef41d4
parent 3 b5b13ce6935f
child 5 16413123bc8c
equal deleted inserted replaced
3:b5b13ce6935f 4:b00fdbef41d4
    96 	height: 21px;
    96 	height: 21px;
    97 	width: 26px;
    97 	width: 26px;
    98 	cursor: pointer;
    98 	cursor: pointer;
    99 	border: none;
    99 	border: none;
   100 }
   100 }
       
   101 div.login-wrap form input.submit-button:hover{
       
   102 	background-color: #333;
       
   103 }
   101 p.password-lost{
   104 p.password-lost{
   102 	padding-left: 18px;
   105 	padding-left: 18px;
   103 }
   106 }
   104 p.password-lost a {
   107 p.password-lost a {
   105 	color: #000;
   108 	color: #000;
   172 }
   175 }
   173 div.dossier-documentaire a.documentaire-lien:hover{
   176 div.dossier-documentaire a.documentaire-lien:hover{
   174 	background-position: 0 -16px;
   177 	background-position: 0 -16px;
   175 }
   178 }
   176 a.dossier-button{
   179 a.dossier-button{
   177 
       
   178 	padding-left: 40px;
   180 	padding-left: 40px;
   179 	background: url(../img/dossier-icon.jpg) no-repeat 6px 5px;
   181 	background: url(../img/dossier-icon.jpg) no-repeat 6px 5px;
   180 	color: #FFF;
   182 	color: #FFF;
   181 	text-decoration: none;
   183 	text-decoration: none;
   182 	line-height: 27px;
   184 	line-height: 27px;
   184 	top:100px;
   186 	top:100px;
   185 	position: absolute;
   187 	position: absolute;
   186 	width:205px;
   188 	width:205px;
   187 	height: 27px;
   189 	height: 27px;
   188 }
   190 }
       
   191 a.dossier-button:hover{
       
   192 	color: #ddd;
       
   193 }
   189 div.content-wrap{
   194 div.content-wrap{
   190 	width:950px;
   195 	width:950px;
   191 	padding: 0 5px;
   196 	padding: 0 5px;
   192 }
   197 }
   193 /*frise*/
   198 /* FRISE */
   194 div.frise{
   199 div.frise{
   195 	background: #333;
   200 	background: #333;
   196 	height: 114px;
   201 	height: 114px;
   197 }
   202 }
   198 /*cluster*/
   203 /* CLUSTER */
   199 div.cluster-containment{
   204 div.cluster-containment{
   200 	position: absolute;
   205 	position: absolute;
   201 	height: 22px;
   206 	height: 22px;
   202 }
   207 }
   203 div.cluster-wrap{
   208 div.cluster-wrap{
   257 div.content{
   262 div.content{
   258 	height: 100%;
   263 	height: 100%;
   259 	width: 950px;
   264 	width: 950px;
   260 	border-top:2px solid #c51810;
   265 	border-top:2px solid #c51810;
   261 	border-bottom:2px solid #c51810;
   266 	border-bottom:2px solid #c51810;
       
   267 	padding: 1px 0;
   262 
   268 
   263 }
   269 }
   264 div.content-left,div.content-right{
   270 div.content-left,div.content-right{
   265 	float: left;
   271 	float: left;
   266 }
   272 }
   267 /*left*/
   273 /* content-left */
   268 div.content-left{
   274 div.content-left{
   269 	width: 188px;
   275 	width: 188px;
   270 }
   276 }
   271 div.content-left h2{
   277 div.content-left h2{
   272 	padding: 10px 0 10px 10px;
   278 	padding: 10px 0 10px 10px;
   303 }
   309 }
   304 div.content-left div.widget-wrap div.widget h3 a.open{
   310 div.content-left div.widget-wrap div.widget h3 a.open{
   305 	background-position: 0px 7px;
   311 	background-position: 0px 7px;
   306 	background-image: url(../img/dossier-title-arrow-show.jpg);
   312 	background-image: url(../img/dossier-title-arrow-show.jpg);
   307 }
   313 }
       
   314 /* content-left.documentaire */
       
   315 div.content-wrap div.header-documentaire{
       
   316 	height: 34px;
       
   317 	width: 100%;
       
   318 	padding-bottom: 1px;
       
   319 	border-bottom: 4px solid #313131;
       
   320 }
       
   321 div.content-wrap div.header-documentaire a.retour{
       
   322 	padding-left: 12px;
       
   323 	display: block;
       
   324 	line-height: 34px;
       
   325 	font-size: 24px;
       
   326 	background-color: #007dad;
       
   327 	color: #FFF;
       
   328 	width: 176px;
       
   329 	text-decoration: none;
       
   330 }
       
   331 div.content-wrap div.header-documentaire a.retour:hover{
       
   332 	background-color: #4fa3c4;
       
   333 }
       
   334 div.content-wrap div.header-documentaire h2{
       
   335 	padding-left: 50px;
       
   336 	background: url(../img/header-documentaire-titre-icon.jpg) no-repeat 12px 6px;
       
   337 	color: #007dad;
       
   338 	font-size: 24px;
       
   339 	line-height: 34px;
       
   340 }
       
   341 
       
   342 div.content-wrap div.header-documentaire a.retour, div.content-wrap div.header-documentaire h2{
       
   343 	float: left;
       
   344 }
       
   345 div.content div.documentaire.content-left div.widget-wrap{
       
   346 	background-color: #4fa3c4;
       
   347 	border: 5px solid #007dad;
       
   348 	color: #FFF;
       
   349 }
       
   350 div.content  div.documentaire.content-left div.widget h3{
       
   351 	border-bottom: 1px solid #000;
       
   352 }
       
   353 div.content  div.documentaire.content-left div.widget h3 a,
       
   354 div.documentaire.content-left .widget-inner form.filtre-date label,
       
   355 div.documentaire.content-left .widget-inner h4, 
       
   356 div.documentaire.content-left .widget-inner a{
       
   357 	color: #FFF;
       
   358 }
       
   359 div.content-left.documentaire div.widget-wrap div.widget h3 a{
       
   360 	background-image: url(../img/dossier-documentaire-title-arrow-hide.jpg);
       
   361 
       
   362 }
       
   363 div.content-left.documentaire div.widget-wrap div.widget h3 a.open{
       
   364 	background-image: url(../img/dossier-documentaire-title-arrow-show.jpg);
       
   365 }
       
   366 /* WIDGET */
   308 .widget-inner{
   367 .widget-inner{
   309 	padding: 8px 0 8px 16px;
   368 	padding: 8px 0 8px 16px;
   310 }
   369 }
   311 .widget-inner h4{
   370 .widget-inner h4{
   312 	color: #c51810;
   371 	color: #c51810;
   372 .widget.affichage li a{
   431 .widget.affichage li a{
   373 	text-decoration: none;
   432 	text-decoration: none;
   374 	font-size: 12px;
   433 	font-size: 12px;
   375 	color: #C51810;
   434 	color: #C51810;
   376 }
   435 }
   377 
   436 .widget.recherche form input[type=text]{
   378 /*right*/
   437 	float: left;
       
   438 	width: 100px;
       
   439 	height: 17px;
       
   440 	padding: 0 2px;
       
   441 	border: 1px solid #828282;
       
   442 	margin-right: 6px;
       
   443 }
       
   444 .widget.recherche form input[type=submit]{
       
   445 	float: left;
       
   446 	width: 20px;
       
   447 	height: 18px;
       
   448 	background-image: url(../img/widget-button-recherche.jpg);
       
   449 	background-repeat: no-repeat;
       
   450 	border:none;
       
   451 	cursor: pointer;
       
   452 }
       
   453 .widget.recherche form input[type=submit]:hover{
       
   454 	background-position: -20px 0;
       
   455 }
       
   456 /* content-right */
   379 div.content-right{
   457 div.content-right{
   380 	width: 762px;
   458 	width: 762px;
   381 }
   459 }
   382 /*articles*/
   460 /*articles*/
   383 div.articles{
   461 div.articles{
   495 	float: left;
   573 	float: left;
   496 	margin-right: 12px;
   574 	margin-right: 12px;
   497 	line-height: 55px;
   575 	line-height: 55px;
   498 
   576 
   499 }
   577 }
   500 div.footer-partenaire ul li a{
   578 div.footer-partenaire ul li a:hover{
   501 
   579 
   502 }
   580 }
   503 div.footer-texte{
   581 div.footer-texte{
   504 	float: left;
   582 	float: left;
   505 	padding-top: 30px;
   583 	padding-top: 30px;
   512 	line-height: 18px;
   590 	line-height: 18px;
   513 	text-align: center;
   591 	text-align: center;
   514 }
   592 }
   515 div.copyright a{
   593 div.copyright a{
   516 	text-decoration: none;
   594 	text-decoration: none;
       
   595 }
       
   596 div.copyright a:hover{
       
   597 	text-decoration: underline;
   517 }
   598 }
   518 /* Home Actus */
   599 /* Home Actus */
   519 div.actu {
   600 div.actu {
   520 	float: left;
   601 	float: left;
   521 	position: relative;
   602 	position: relative;
   582 	background-color:rgba(0,0,0,.5);
   663 	background-color:rgba(0,0,0,.5);
   583 	border-left: 1px solid #C51810;
   664 	border-left: 1px solid #C51810;
   584 }
   665 }
   585 .ui-slider-handle.ui-state-default.ui-corner-all{
   666 .ui-slider-handle.ui-state-default.ui-corner-all{
   586 	cursor: pointer;
   667 	cursor: pointer;
   587 	width: 14px;
   668 	width: 19px;
   588 	height: 28px;
   669 	height: 28px;
   589 	background: url(../img/frise-cursor.png) 0 0 no-repeat;
   670 	background: url(../img/frise-cursor.png) 0 0 no-repeat;
   590 	border: none;
   671 	border: none;
   591 	-webkit-border-radius: 0;
   672 	-webkit-border-radius: 0;
   592   	-moz-border-radius: 0;
   673   	-moz-border-radius: 0;
   593   	border-radius: 0;
   674   	border-radius: 0;
   594 }
   675 }
       
   676 
       
   677 
       
   678 
       
   679 
       
   680 /* page dossier documentaire */
       
   681 div.dossier-similaire, div.dossiers{
       
   682 	float: left;
       
   683 }
       
   684 /* dossier-similaire */
       
   685 div.dossier-similaire{
       
   686 	padding-top: 22px;
       
   687 	width: 204px;
       
   688 }
       
   689 div.dossier-similaire div.widget{
       
   690 
       
   691 }
       
   692 div.dossier-similaire div.widget h3{
       
   693 	border-bottom: 1px solid #007dad;
       
   694 	padding-bottom: 2px;
       
   695 
       
   696 }
       
   697 div.dossier-similaire div.widget h3 a{
       
   698 	font-size: 14px;
       
   699 	color: #007dad;
       
   700 	display: block;
       
   701 	background: url(../img/dossier-similaire-title-hide.jpg) no-repeat 2px 4px;
       
   702 	padding-left: 14px;
       
   703 	text-decoration: none;
       
   704 }
       
   705 div.dossier-similaire div.widget h3 a.open{
       
   706 	background: url(../img/dossier-similaire-title-show.jpg) no-repeat 2px 4px;
       
   707 }
       
   708 div.dossier-similaire div.widget ul{
       
   709 	padding-left: 20px;
       
   710 }
       
   711 div.dossier-similaire div.widget ul li{
       
   712 	color: #313131;
       
   713 	margin-bottom: 4px;
       
   714 	list-style-image: url(../img/documentaire-widget-list-item.jpg);
       
   715 }
       
   716 div.dossier-similaire div.widget ul li a{
       
   717 	color: #313131;
       
   718 }
       
   719 div.dossier-similaire div.widget ul li a:hover{
       
   720 	text-decoration: none;
       
   721 }
       
   722 /* dossiers */
       
   723 div.dossiers{
       
   724 	width: 525px;
       
   725 }
       
   726 li.item-dossier{
       
   727 	border-bottom: 1px solid #e0dde0;
       
   728 }
       
   729 
       
   730 div.dossiers{
       
   731 	padding: 10px 0 0 14px;
       
   732 }
       
   733 li.item-dossier .dossier-col-left,li.item-dossier .dossier-col-right{
       
   734 	float: left;
       
   735 }
       
   736 /*item left*/
       
   737 li.item-dossier .dossier-col-left .dossier-content{
       
   738 	padding-bottom: 10px;
       
   739 }
       
   740 li.item-dossier .dossier-col-left{
       
   741 	width: 294px;
       
   742 	margin-right: 6px;
       
   743 }
       
   744 li.item-dossier .dossier-col-left h2{
       
   745 	margin-bottom: 6px;
       
   746 }
       
   747 li.item-dossier .dossier-col-left h2 a{
       
   748 	text-decoration: none;
       
   749 	font-size: 22px; 
       
   750 }
       
   751 li.item-dossier .dossier-col-left h2 a:hover{
       
   752 	color: #C51810;
       
   753 }
       
   754 li.item-dossier .dossier-col-left .dossier-content img{
       
   755 	float: left;
       
   756 	margin: 0 8px 8px 0;
       
   757 }
       
   758 /*item right*/
       
   759 li.item-dossier div.dossier-col-right{
       
   760 	width: 200px;
       
   761 }
       
   762 
       
   763 li.item-dossier div.dossier-col-right ul.links{
       
   764 	padding-left: 20px;
       
   765 }
       
   766 li.item-dossier div.dossier-col-right ul.links li {
       
   767     list-style-image: url("../img/article-link-arrow.jpg");
       
   768     margin-bottom: 1px;
       
   769 }
       
   770 li.item-dossier div.dossier-col-right ul.links li a:hover{
       
   771 	text-decoration: none;
       
   772 }
       
   773 
       
   774 li.item-dossier div.dossier-col-right h3{
       
   775 	color: #C51810;
       
   776 	margin-bottom: 6px;
       
   777 }
       
   778 li.item-dossier div.dossier-col-right ul.annotations{
       
   779 	float: right;
       
   780 
       
   781 }
       
   782 li.item-dossier div.dossier-col-right ul.annotations li a{
       
   783 	width: 20px;
       
   784 	height: 20px;
       
   785 	background-image: url(../img/dossier-annotation-sprite.jpg);
       
   786 	background-repeat: no-repeat;
       
   787 	display: block;
       
   788 
       
   789 }
       
   790 li.item-dossier div.dossier-col-right ul.annotations li a.share{
       
   791 	background-position: -6px -2px;
       
   792 }
       
   793 li.item-dossier div.dossier-col-right ul.annotations li a.share:hover{
       
   794 	background-position: -36px -2px;
       
   795 }
       
   796 li.item-dossier div.dossier-col-right ul.annotations li a.favorite{
       
   797 	background-position: -6px -21px;
       
   798 }
       
   799 li.item-dossier div.dossier-col-right ul.annotations li a.favorite:hover{
       
   800 	background-position: -36px -21px;
       
   801 }
       
   802 li.item-dossier div.dossier-col-right ul.annotations li a.trash{
       
   803 	background-position: -7px -41px;
       
   804 }
       
   805 li.item-dossier div.dossier-col-right ul.annotations li a.trash:hover{
       
   806 	background-position: -37px -41px;
       
   807 }
       
   808 li.item-dossier div.dossier-col-right ul.annotations li a.edit{
       
   809 	background-position: -7px -60px;
       
   810 }
       
   811 li.item-dossier div.dossier-col-right ul.annotations li a.edit:hover{
       
   812 	background-position: -37px -60px;
       
   813 }