/* TODO: Module Développement */
.titre_developpement
{ font-weight: bold; text-align: center; letter-spacing: 1vh; font-size: 3vh; font-family: 'Lora', serif; }

/* TODO: Module Public */
.nom_photographe { text-align: center; margin-top: 8vh; font-size: 4vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 6px; word-spacing: 15px; font-weight: bold; }
.titres_albums { text-align: center; margin-top: 2.2vh; font-size: 2.4vh; text-transform: uppercase; letter-spacing: 3px; }
.liens_albums { color: #464646; }
.liens_albums:hover { color: #2f4f9e; padding-bottom: 3px; border-bottom: 1px solid #2f4f9e; }
.lien_album_actif  { color: #2f4f9e; padding-bottom: 3px; border-bottom: 1px solid #2f4f9e; }
.lien_album_annee { color: #580584; }
.lien_album_annee:hover { color: #580584; padding-bottom: 3px; border-bottom: 1px solid #580584; }
.lien_album_annee_actif { color: #580584; padding-bottom: 3px; border-bottom: 1px solid #580584; }
.lien_album_annee_actif:hover { color: #580584; padding-bottom: 3px; border-bottom: 1px solid #580584; }
.logo_instagram { text-align: center; padding-top: 1vh; font-size: 6vh; padding-bottom: 4.5vh;}
.lien_instagram { color: #464646; }
.lien_instagram:hover { color: #2f4f9e; }
.masonry { -webkit-column-count: 3; -moz-column-count:3; column-count: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; margin: 1.5em; padding: 0; -moz-column-gap: 1.5em; -webkit-column-gap: 1.5em;  column-gap: 1.5em;  font-size: .85em; }
.item { display: inline-block;  background: #fff;  padding: 0.9em;  margin: 0 0 1.3em;  width: 100%; -webkit-transition:1s ease all; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.item img{max-width:100%;}
      
@media only screen and (max-width: 520px)
	{
	.masonry { -moz-column-count: 1;  -webkit-column-count: 1;  column-count: 1; }
	.nom_photographe { text-align: center; margin-top: 8vh; font-size: 4vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 6px; word-spacing: 15px; font-weight: bold; }
	.titres_albums { text-align: center; margin-top: 3.2vh; font-size: 2vh; text-transform: uppercase; letter-spacing: 4px; }
	.icone_menu_mobile { font-size: 3vh; color: #464646; }
	.logo_instagram { text-align: center; margin:auto; padding-top: 0.5vh; font-size: 6vh; padding-bottom: 4.5vh; width: 100%;}
	}
@media only screen and (min-width: 521px) and (max-width: 768px)
	{
    .masonry {  -moz-column-count: 2;  -webkit-column-count: 2; column-count: 2; }
	.nom_photographe { text-align: center; margin-top: 8vh; font-size: 4.2vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 6px; word-spacing: 15px; font-weight: bold; }
	.titres_albums { text-align: center; margin-top: 2.5vh; font-size: 2vh; text-transform: uppercase; letter-spacing: 3px; }
	.logo_instagram { text-align: center; margin:auto; padding-top: 1vh; font-size: 6vh; padding-bottom: 4.5vh; width: 100%;}
	}
@media only screen and (min-width: 769px) and (max-width: 1200px)
	{
    .masonry { -moz-column-count: 2; -webkit-column-count: 2;  column-count: 2; }
	.nom_photographe { text-align: center; margin-top: 8vh; font-size: 4.2vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 6px; word-spacing: 15px; font-weight: bold; }
	.titres_albums { text-align: center; margin-top: 2.2vh; font-size: 2.4vh; text-transform: uppercase; letter-spacing: 3px; }
	.logo_instagram { text-align: center; margin:auto; padding-top: 1vh; font-size: 6vh; padding-bottom: 4.5vh; width: 100%;}
	}
@media only screen and (min-width: 1201px)
	{
    .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
	.nom_photographe { text-align: center; margin-top: 8vh; font-size: 4.2vh; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 6px; word-spacing: 15px; font-weight: bold; }
	.titres_albums { text-align: center; margin-top: 2.2vh; font-size: 2.4vh; text-transform: uppercase; letter-spacing: 3px; }
	.logo_instagram { text-align: center; margin:auto; padding-top: 1vh; font-size: 6vh; padding-bottom: 4.5vh; width: 100%;}
	}
	
	
/* TODO: Module Administrayion */
.btn-mdb-color:hover { background-color: #32adb5!important; }
.btn-danger:hover { background-color: #b5337d!important; }
.icone_gestion:hover  { color: green; }
.icone_suppression:hover  { color: red; }
.icone_ajout { position: relative; z-index: 1; display: inline-block; padding: 0; margin: 10px; overflow:visible; vertical-align: middle; border-radius: 50%; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);  width: 47px; height: 47px; }
.icone_ajout i { font-size: 1.25rem; line-height: 47px; }
.icone_ajout i { display: inline-block; width: inherit; color: #fff;  text-align: center; }

@media only screen and (max-width: 520px)
	{
	.btn-floating.btn-xxl { width: 70px; height: 70px; }
	.btn-floating.btn-xxl i { font-size: 2.125rem; line-height: 70px; }
	.copyright { color: #3e3e3e;font-style: italic;font-size: 12px; }
	}
@media only screen and (min-width: 521px) and (max-width: 768px)
	{
    .btn-floating.btn-xxl { width: 90px; height: 90px; }
	.btn-floating.btn-xxl i { font-size: 2.725rem;  line-height: 90px; }
	.copyright { color: #3e3e3e;font-style: italic;font-size: 15px; }
	}
@media only screen and (min-width: 769px) and (max-width: 1200px)
	{
    .btn-floating.btn-xxl { width: 110px; height: 110px; }
	.btn-floating.btn-xxl i { font-size: 3.125rem; line-height: 110px; }
	.copyright { color: #3e3e3e;font-style: italic;font-size: 15px; }
	}
@media only screen and (min-width: 1201px)
	{
    .btn-floating.btn-xxl { width: 120px; height: 120px; }
	.btn-floating.btn-xxl i { font-size: 3.225rem; line-height: 120px; }
	.copyright { color: #3e3e3e;font-style: italic;font-size: 15px; }
	}