@charset "utf-8";
/* CSS Document */

	/*---- Index à deux colonnes, comme dans la page /ressources/bibliotheque/officialisation/index-thematique.aspx -------*/

	.lettrine {
		font-size: 1.2em ;
		font-weight: bold;
		display: block;
		margin-top: 35px;
		color: #000;
		background-color: #dddddd;
		padding: 3px 5px;
		}
	

     
     .colonnes > div {
        -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
     }
 .colonnes > div:first-child .lettrine{
 
      margin-top: 0px;
     }


	
		.lettrine a {
			color: #000 !important;
			text-decoration: none !important;
		}

        div.colonnes {
            column-count: 2;
            column-gap: 30px;
            column-rule-width: 1px;
            column-rule-style: solid;
            column-rule-color: #e9e9e9;
            padding: 0px;
			font-size: 12px;
			line-height: 1.4em;
        }
		
				div.colonnes a, #lettres a {
					color: #0066CC;
					text-decoration: underline;
				}
				
					div.colonnes a:hover, #lettres a:hover {
						text-decoration: none;
					}
			
					div.colonnes a:visited, #lettres a:visited {
						color: #800080;
					}
		
				div.colonnes p {
					margin-top: 0px;
				}
				
		.sans-coupure {
            -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
            page-break-inside: avoid; /* Firefox */
            break-inside: avoid; /* IE 10+ */
            break-inside: avoid-column; /* W3C */
        }
		

	ul#lettres {
		list-style-type: none;
		padding: 0px;
		margin: 40px 0px;
		display: flex;
		justify-content: space-between;
		font-weight: bold;
		color: #666;
		font-size: 1.2em;
		}
	
		#lettres li {
			display: inline;
		}

			
				#lettres li a:hover {
					background-color: #cfe4fa;
				}