@import url('https://zzz.zaclys.com/css/zzz.suite.css');


a:visited {color:inherit;}


/*li.et-social-diapora a:before {content:"\f2e5";  background-size: 100% auto;box-sizing: border-box;font-family:ForkAwesome !important}
li.et-social-mastodon  a:before {content:"\f2e1";  background-size: 100% auto; line-height:1; font-weight:400; box-sizing: border-box;font-family:ForkAwesome !important}
*/

body,body.custom-background, div#page-container {background-color:white !important}

body, article#dcentre {box-sizing:border-box; }
article#dcentre {margin-top:1em; min-height:75em; min-width:40em;}


#dz, #d_gus, zarticle#dcentre, div#main-content { display:flex; flex-direction:column; flex-wrap:wrap;
																						align-items:center; justify-content:space-around; padding:1em ;}

#dz {padding:0}

#dz, #d_gus  { flex-direction:column;  flex-wrap:no-wrap;}


/* login */
.max500 {max-width:500px}

#d_gus #dloginpart1 {max-width:500px}
#d_gus #dloginpart2 {max-width:500px; padding:3em 5em;}

#d_gus #dlosepart1 {max-width:500px}
#d_gus #dlosepart2 {max-width:400px; padding:3em 5em;}


/* mon profil */
#d_gus div.yop2 {max-width:700px}

#d_gus .colaborabtnvalid {display:block;width:25%;f\ont-weight:normal;border-radius:4px;background:#7272ff;color:white;padding:0.5em 2em;text-align:center}

#d_gus #panelongletgus a {cursor:pointer; padding:0.5em 1em; margin:0.4em; border:0;
													background-color:#333;color:#fff; transition:background-color 333ms ease}
#d_gus #panelongletgus a:hover {background-color:#8282ff}
#d_gus #panelongletgus a.active {background-color:#7272ff}
#d_gus #panelongletgus {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:stretch; }

#d_gus #panelongletgus a#btnongletgus7 {background-color: purple}

#d_gus .zwhats {color:#777;position:relative; left:-1.5em; font-size:1.5em; font-family:ETmodules; float:left}
#d_gus .zwhats:hover {color:#222}
#d_gus #d_gus_prefs ul {margin:1em}

#gus_zmail_alias {width: 48%;display: inline !important;}


div.zinfo3 {font-size:1.1em;margin:1em 0;}
div.zinfo3 span {color:#4CAF50; font-size:1.5em; vertical-align:bottom; }


.zviolet {color:#8b20bb !important}

.zbtnviolet {
		letter-spacing: 2px;
		border:0;
		font-size:14px;
		font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
		font-weight: 600!important;
		ztext-transform:uppercase!important;
		margin-top: 0.5em;
		border-radius: 0.5em;
		cursor:pointer;
		padding: 0.5em 1.5em !important;
		color: white;
		font-size:1rem;
		line-height:1.5em !important;
		background-color: #8b20bb !important;
		position: relative;
		box-sizing: border-box;
		align-items: flex-start;
		text-align: center;
		text-indent: 0px;
		text-shadow: none;
		display:block !important;
}
.zbtnviolet:hover {
		background-color: #ab40db  !important;
}

.right {float:right;}
zspan.zET.zbigedit {color:#c20;display:block;position:absolute;top:0;right:0;font-size:3em;font-weight:bold;margin:0;opacity: 1;z-index: 4095}

span.zET.p1 {color:#73db54;;}
span.zET.p2 {color:#ffa64e;}
span.zET.p3 {color:#b41d1b}
span.zET.p4 {color:#268ffc}


header#main-header span#zalbumbtnv3span,header#main-header span#zalbumdocbtnv3span {z-index: 4096;font-size:1.5em;padding:1em;position:absolute;top:0.8em;right:0.5em;cursor:pointer;transition:all .4s ease-in-out}
header#main-header.et-fixed-header span#zalbumbtnv3span,header#main-header.et-fixed-header span#zalbumdocbtnv3span {font-size:1.5em;padding:0.8em;top:0;right:0.5em;cursor:pointer;}
span#zalbumbtnv3span:hover, span#zalbumdocbtnv3span:hover{color:#c20}

h3#zalbumh3 a:hover {color:#2ea3f2!important}
h3#zalbumh3 a.actif {color:#7272ff}

div.albumbigbox p.info{padding:1em}

div.albumbigbox {display:flex; flex-flow:row wrap; margin:0; padding:0; width:100%;align-items:center;justify-content:center;;}
div.album_explorer_doc_box {  line-height:1rem;position:relative ; box-sizing:border-box; border:0; padding:0; margin:0 0.4rem 0.3rem 0; transition:all .4s ease-in-out}  /* 1000x700 220x250*/
div.album_explorer_doc_box_in { min-width:200px; min-height:100px; box-sizing:border-box; border:0; margin:0; padding:0;}  /* 1000x700 220x250*/
div.album_explorer_doc_box_in img.diapo {margin:0; max-height:250px; }
div.album_explorer_doc_box_in span.exifdate {display:none}
div.album_explorer_doc_box_in span.legende {min-height:1em;box-sizing:border-box;min-width:2em;overflow-x:hidden;position:absolute;bottom:0.2rem;left:0;padding:0.1rem 0.25rem;color:white;background-color:rgba(0,0,0,0.5);}
div.album_explorer_doc_box_in input.zeditlegend {box-sizing:border-box;border:0;width:100%;position:absolute;bottom:0.2rem;left:0;padding:0.1rem 0.25rem;color:white;background-color:rgba(0,0,0,0.5);}
div.album_explorer_doc_box >div {text-align: center}
div.album_explorer_doc_box >div.album_explorer_doc_box_tools {box-sizing:border-box;position:absolute;top:0;left:0;padding:0;background-color:rgba(0,0,0,0.5);opacity:0.7}
div.album_explorer_doc_box >div.album_explorer_doc_box_tools:hover {opacity:1}
div.album_explorer_doc_box >div.album_explorer_doc_box_tools a {line-height:1.8rem; font-size:1.1rem; padding:0.4rem !important;}
div.album_explorer_doc_box >div.album_explorer_doc_box_tools a:hover span {color:#c20}
div.album_explorer_doc_box >div.album_explorer_doc_box_tools a span {color:white;}

a {cursor:pointer}

/* album pochettes */
div.albumbigbox {background-color:#f7f8fa}
div.album_explorer_box {  line-height:1rem;position:relative ;  border:1px solid #f2f3f6;box-sizing:border-box; padding:0; margin:1em;transition:all .4s ease-in-out }  /* 1000x700 220x250*/
div.album_explorer_box_in {  min-width:150px; background-color:#fff;box-sizing:border-box; border-radius:0.5em;}  /* 1000x700 220x250*/
div.album_explorer_box_in:hover {box-shadow:0 0 1em #aaa; }
div.album_explorer_box_in img.diapo {margin:0; max-height:250px; }
div.album_explorer_box_in span.exifdate {display:none}
div.album_explorer_box_in span.legende {min-height:1em;box-sizing:border-box;min-width:2em;overflow-x:hidden;position:absolute;bottom:0.2rem;left:0;padding:0.1rem 0.25rem;color:white;background-color:rgba(0,0,0,0.5);}
div.album_explorer_box_in input.zeditlegend {box-sizing:border-box;border:0;width:100%;position:absolute;bottom:0.2rem;left:0;padding:0.1rem 0.25rem;color:white;background-color:rgba(0,0,0,0.5);}
div.album_explorer_box div.zlegende {padding:0.25em;text-align:center;}
div.album_explorer_box div.zlegende small img {vertical-align: middle;}
div.album_explorer_box div.zlegende h3 {font-size: 20px;line-height: 1.4em; overflow: hidden;  text-overflow: ellipsis;    display:block;}
div.album_explorer_box >div {text-align: center}
div.album_explorer_box >div.album_explorer_box_tools {box-sizing:border-box;position:absolute;top:0;left:0;padding:0;background-color:rgba(0,0,0,0.5);opacity:0.7}
div.album_explorer_box >div.album_explorer_box_tools:hover {opacity:1}
div.album_explorer_box >div.album_explorer_box_tools a {line-height:1.8rem; font-size:1.1rem; padding:0.5rem !important;}
div.album_explorer_box >div.album_explorer_box_tools a:hover span {color:#c20}
div.album_explorer_box >div.album_explorer_box_tools a span {color:white;}

.zrotate {position:absolute;animation:spin 1s linear infinite; }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }}


div#div_album_modif_box {box-shadow:0 0.1em 0.5em #333;border-top:2px solid #c20; position:absolute;
	border-bottom:2px solid #c20; display:block;top:8em;left:0;width:100%;box-sizing: border-box;
	margin:0;padding:1em 3em;z-index:4096;background-color: #fff}

div#div_album_modif #doc_album_theme {width:90%}

div.zamis {line-height:2em;display:flex; flex-direction:row; flex-wrap:wrap;align-items:center; justify-content:flex-start; }
div.zamis > div {border:1px solid #555;margin:0 0.5em 0.5em 0;padding:0;}
div.zamis > div:hover {box-shadow:0 0 0.1em 0.1em #aaa}
div.zamis a {margin:0; padding:0.5em;}

fieldset legend {font-weight: bold}

div.zoombox {display:flex; margin:0;padding:0}
div.zoombox img {margin:0;padding:0}

#div_album_modif #doc_partager_sujet, #div_album_modif #doc_partager_msg {width:90%}