| 1,112 → 1,174 |
|---|
| @charset "UTF-8"; |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Widget */ |
| .cel-photo-contenu{ |
| position:relative; |
| padding:0 5px; |
| margin:5px auto; |
| font-family:Arial,verdana,sans-serif; |
| background-color:#DDDDDD; |
| color:black; |
| |
| .grid { |
| max-width: 100vw; |
| } |
| |
| /* clearfix */ |
| .grid:after { |
| content: ''; |
| display: block; |
| clear: both; |
| } |
| |
| .grid-item { |
| float: left; |
| position: relative; |
| margin: 0.5vw; |
| } |
| |
| .cel-photo .cel-infos { |
| position: absolute; |
| bottom: 0; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| width: 100%; |
| padding: 1rem; |
| background: rgba(255,255,255,0.5); |
| text-align: center; |
| font-weight: 400 !important; |
| font-size: 0.5rem; |
| } |
| |
| .cel-infos, |
| .cel-infos a { |
| color: #606060; |
| } |
| |
| .cel-photo-contenu h1 { |
| margin:5px !important; |
| padding:0 !important; |
| font-size:16px !important; |
| color:black !important; |
| background-color:transparent !important; |
| background-image:none !important; |
| text-transform:none !important; |
| text-align:left !important; |
| text-align: center; |
| padding: 15px; |
| } |
| .cel-photo-contenu h1 a{ |
| color: #AAAAAA !important |
| |
| .cel-photo a, |
| .cel-photo a img { |
| height: 100%; |
| width: 100%; |
| } |
| .cel-photo-contenu h1 a:hover { |
| color:#56B80E !important; |
| border-bottom:1px dotted #56B80E; |
| |
| .cel-photo-contenu { |
| margin: 0 auto; |
| max-width: 100%; |
| } |
| .cel-photo-contenu h1 .cel-photo-flux{ |
| width:16px; |
| height:20px; |
| |
| .cel-photo-contenu .discretion { |
| color: grey; |
| font-size: 0.8rem; |
| font-weight: 700; |
| } |
| .cel-photo-contenu img { |
| border:0 !important; |
| padding:0 !important; |
| margin:0 !important; |
| |
| .cel-photo-contenu .nettoyage { |
| clear: both; |
| } |
| .cel-photo-contenu a, .cel-photo-contenu a:active, .cel-photo-contenu a:visited { |
| border-bottom:1px dotted #666; |
| color: black; |
| text-decoration:none; |
| background-image:none; |
| |
| .cel-photo-pieds { |
| padding: 1rem; |
| } |
| .cel-photo-contenu a:active { |
| outline:none; |
| |
| .cel-photo-contenu .cel-photo .cel-infos .close, |
| .cel-photo .bouton-afficher-infos { |
| position: absolute; |
| top: 3px; |
| right: 3px; |
| height: initial; |
| width: initial; |
| padding: 0.1rem 0.2rem; |
| } |
| .cel-photo-contenu a:focus { |
| outline:thin dotted; |
| |
| .cel-photo-contenu .cel-photo .cel-infos .close, |
| .cel-photo-contenu .cel-photo .cel-infos .close:hover { |
| font-size: 0.5rem; |
| text-decoration: none; |
| border: none; |
| color: #606060; |
| } |
| .cel-photo-contenu a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| |
| .cel-photo .bouton-afficher-infos { |
| font-size: 1rem; |
| } |
| .cel-photo-date-generation{ |
| float:right; |
| font-size:8px; |
| |
| .cel-photo .bouton-afficher-infos i { |
| color:#ffc107; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Général */ |
| .cel-photo-contenu .discretion { |
| color:grey; |
| font-family:arial; |
| font-size:11px; |
| font-weight:bold; |
| |
| .cel-photo .bouton-afficher-infos:hover i { |
| background-color: #ffc107; |
| color: #fff; |
| } |
| .cel-photo-contenu .nettoyage { |
| clear:both; |
| |
| /*---------------------------------------------*/ |
| |
| .form-recherche { |
| position: relative; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Galerie Photos CEL */ |
| .cel-photo-contenu .cel-photo a{ |
| float:left; |
| padding:2px; |
| border:1px solid white; |
| |
| .form-recherche .bloc-recherche .recherche { |
| width: auto; |
| display: inline-block; |
| } |
| .cel-photo-contenu .cel-photo a:hover{ |
| border:1px dotted #FD8C13; |
| |
| .form-recherche .bloc-recherche .bouton-rechercher, |
| .form-recherche .bloc-recherche .bouton-plus-filtres { |
| border: 0 none; |
| } |
| .cel-photo-contenu .cel-photo a img{ |
| float:left; |
| width:63px; |
| height:63px; |
| |
| .form-recherche .bloc-recherche .bouton-rechercher, |
| .form-recherche .bloc-recherche .bouton-rechercher:hover, |
| .form-recherche .bloc-recherche .bouton-plus-filtres:hover { |
| color: #fff; |
| } |
| .cel-photo-contenu .cel-photo-extra a img{ |
| height:auto; |
| |
| .form-recherche .autres-filtres { |
| position: absolute; |
| padding: 0.5rem; |
| margin: 0.5rem 0; |
| background-color: rgba(0, 0, 0, 0.8); |
| border-radius: 0.25rem; |
| top: 80%; |
| z-index: 9; |
| } |
| .cel-photo-contenu .cel-infos { |
| display:none; |
| |
| .form-recherche .autres-filtres .bloc-filtre { |
| padding: 0.5rem; |
| margin: 0.5rem; |
| color: #fff; |
| } |
| /*+-----------------------------------------------------------------------------------------------------------------+*/ |
| /* Diaporama */ |
| .cel-legende{ |
| text-align:left; |
| |
| .form-recherche .autres-filtres .btn.bouton-fermer-filtres { |
| position: absolute; |
| top: 0; |
| right: 0; |
| margin: 0; |
| color: #fff; |
| cursor: pointer; |
| z-index: 10; |
| } |
| .cel-legende-vei{ |
| float:right; |
| |
| @media screen and ( max-width: 991px ) { |
| .form-recherche .autres-filtres { |
| position: fixed; |
| border-radius: 0; |
| margin: 0; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 9; |
| overflow: scroll; |
| } |
| |
| .form-recherche .bloc-recherche .recherche { |
| width: 100vw; |
| } |
| |
| .form-recherche .bouton-plus-filtres .moins { |
| display: none; |
| } |
| } |
| .cel-legende p{ |
| color:black; |
| font-size:12px; |
| margin:5px 0; |
| |
| @media screen and ( max-width: 768px ) { |
| .cel-photo .cel-infos { |
| display: none; |
| } |
| } |
| .cel-legende a, .cel-legende a:active, .cel-legende a:visited { |
| border-bottom:1px dotted gainsboro; |
| color:#333; |
| text-decoration:none; |
| background-image:none; |
| } |
| .cel-legende a:hover { |
| color:#56B80E; |
| border-bottom:1px dotted #56B80E; |
| } |