/* Roxane COEZ (c) 2022 */


html {
	min-width:360px;
}
body {
	font-size:14pt;
	color:#eee;
	background:#000;	
	margin:0;
	padding:0;
}
* {
	font-family: 'Josefin Sans', sans-serif;
	outline:none;
	box-sizing:border-box;
}
p { margin:0; padding:0;}

a { color:#eee; text-decoration:none; }



#top-banner {
	text-align:center;
	margin:20px 0;
	background: url(../images/logo3.png) no-repeat top center;
	background-size:50px;
}
#top1 { min-height:40px;}
#top2 , #top3 { margin-bottom:10px ; color:#c4c4c4;}
#top2 { font-size:1.4rem; }

#main_home {
	max-width:1000px;
	margin:0 auto;
}

#footer{
	color:#888;
	border-top:1px solid #aaa;
	padding:6px;
	margin-top:10px;
	text-align:center;
}
#footer a { color:#888;}

.divarticle {
	display:flex;
	flex-direction: row-reverse;
}

.divarticle .intro { color:#ddd; writing-mode: vertical-lr;}
.article { flex-grow:2}
.divarticle .intro p {
	font-size:6rem;
	font-variant-caps:petite-caps;
	font-weight:900;
    text-shadow: #a2a2a2 6px 2px 10px;
}

.divarticle_normal .intro_normal p {
	font-size:4rem;
	font-variant-caps:petite-caps;
}

.article_home { line-height:1.5rem;}
 
.container {
	max-width: 1000px;
    margin: 0 auto;
}
.underlined {
	border-bottom:2px solid #666; 
	font-family: 'Josefin Slab', serif;
	width: 170px;
    display: inline-block;
    padding: 0 0 5px;
}

.mod_albums  { color:#000; }
.mod_albums a {  color:#000; text-decoration:none; }
.lib_diapo_container {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	
}
.article p { overflow:hidden;}
.user_photo { width:48%;margin-bottom:5%; overflow:hidden; position:relative;display:flex;}
.user_photos:last-child{ margin-bottom:0;}
.user_photo img, img.effect { width:100%; transition: all 0.3s ease-out;
	position: relative;}
.user_photo img:hover, img.effect:hover {
	transform: scale(1.2, 1.2);
	z-index: 9;
}
.user_photo .legend {
	z-index:10;
	background: #000000b3;
	font-variant-caps:petite-caps;
    color: #fff;
    position: absolute;
    bottom: calc( 50% - 2rem );
    height: 4rem;
    line-height: 4rem;
    width: 100%;
    text-align: center;
    display:none;
}
img.full { max-width:100%; height:auto; }
}
.tkform { display:flex; justify-content:center;}
.tkform ul { padding:1%;list-style:none; line-height:2rem; display:flex; flex-direction:column;}
.tkform ul li label { vertical-align:top;min-width:8rem; max-width:20%;display:inline-block; } 
.tkform input, .tkform textarea { font-size:1rem;min-width:30rem; max-width:80%;} 
.tkform textarea { height:6rem; }
.tkform input[type=submit] { color:#fff;align-self:flex-end; font-size:1.5rem; width:100%;}
/* responsive */

@media screen and (max-width: 1000px) {
	video { max-width:100%;}
	.menu_level-0 { margin-bottom:20px;}
	.container { padding:0 10px;}	
	
	.divarticle .intro p { font-size:4rem;}
	
}
@media screen and (max-width: 700px) {
	.tkform { justify-content:unset;}
	.tkform input, .tkform textarea { min-width:0; max-width:auto;}
	.article { font-size:1.5rem; }
	.article p {text-align:left!important;}
	.menu_main {margin-bottom:0px;}
	.divarticle { flex-direction: column; }
	.user_photo { width:100%;}
	.divarticle .intro { writing-mode: unset;}
	.divarticle .intro p { text-align:center; margin-bottom:30px;}
	.container { padding:0 10px;}	
	#top2 { font-size:2rem; }
	.underlined { width:230px;}
}