/*!
 * Copyright Présidence du Bénin - 2018
 * https://www.presidence.bj
 * @presidencebenin
 * digital@presidence.bj
 */
 
:root{
    --banner-slider-title-height: 16.68vw;
    
    --success-alt-2: #371969;
    --violet: #630A69;
    --blue: #00828F;
    --red-alt: #F3706A;
    --blue-alt: #3BCCE4;
    --blue-alt-2: #DDF0F4;
    --black-alt: #586470;
    --gray-alt-2: #DDF3DD;
    --btn-gouv-height: 3.125vw;
    --header-height: 9.5vw;
    --header-height-alt: 6vw;
    
    --plus-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAaBJREFUeNrt3LFpAzEYhmFdLlUgG6QyeAd7kQziQTJIMoi9g+GqbGBIJ5TGA9wVlki+56kF9xcvHAj0lwIAAAAAAAAAAAAAAAD8PdPoAXq5/lzf5jof15ytcz3vX/bfo2fu4Xn0AL3MdT620j5Xnn0vpXyNnrmHp9EDMJYAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMIJIJwAwgkgnADCCSCcAMJ1ex6+5X3+I7TWDmu3IbTWDsttGTVq1/0E3QLY8j7/IbaswpjKqZU2bNSe+wn8AsIJIJwAwgkgnADCCSCcAMIJIJwAwnW7CaxzPd9vuIa4XwWf1h0uH9M0XUbNWud67vWtbgHc77aHrV9dbktZe707TdNl97qzKpb/TwDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4QQQTgDhBBBOAOEEEE4A4bo9Dx9ty36Cnu/zAQAAAAAAAAAAAAAAALb7Bb82RBlk6hp4AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTEyLTE3VDA5OjU3OjU3KzAwOjAwMe/6dwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0xMi0xN1QwOTo1Nzo1NyswMDowMECyQssAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stRkpDZmtHeWMK1gXnAAAAAElFTkSuQmCC);
}

@media(max-width:768px){
    :root{
        --header-height: 80px;
        --header-height-alt: 60px;
    }
}

#header{
	height: var(--header-height);
	z-index: 10;
	transition: all .3s;
}

#header.opaque{
	height: var(--header-height-alt);
	background: rgba(0,0,0,.45);
}

.banner.overlay figure::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: .75;
}
.banner.bg-success.alt-2 figure::before{background: var(--success-alt-2);}
.banner.bg-success.alt figure::before{background: var(--success-color-alt);}
.banner.bg-success figure::before{background: var(--success-color);}
.banner.bg-warning figure::before{background: var(--warning-color);}
.banner.bg-error figure::before{background: var(--error-color);}
.banner.bg-black figure::before{background: rgba(0,0,0,.35);}

.titlebox{padding-top: var(--header-height); z-index: 1;}

.desc{z-index: 1;}

.main > li{
	padding-left: calc(var(--10px) + var(--5px));
	padding-right: calc(var(--10px) + var(--5px));
}

.lady-name{
	width: 35.9vw;
}

.lady-name h1{font-size: 5.9vw}

.lady-quote{
	width: 40vw;
}

.lady-quote q{border-bottom: 1px solid rgba(255,255,255,.5)}
.lady-read{padding-right: 1.5vw}
.lady-read::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 1.5vw;
	width: 1.5vw;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAALBJREFUaN7tkTEOwjAQBGPgiSgF74NXGmloXEUJ2PGROys77UnWzHqahBBCCOFHsnoIwFQspSq3i/UiR6OA0wLcgcwG3n5d8qEDgHlFPg8RsLH8G3iED/gmX+5xA37Jhw6okQ8bUCsfMqBFPlxAq3yogD3yYQL2yocI6JF3D+iVdw2wkHcLsJJ3CbCUPxzJS/5s8iXgtZDPwOzt1RJwBZ7DLb+IuJWfGGd5IYQQQvyRDwepTZj4Tv6bAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTAzLTE0VDEzOjExOjEwKzAwOjAw5vAlugAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wMy0xNFQxMzoxMToxMCswMDowMJetnQYAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2stR3g3MzVUVWrsnwjcAAAAAElFTkSuQmCC);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(45deg);
}

.logo-full{height: 11.54vw}

#yt-presentation{
	width: 75.64vw;
	height: 42.55vw;
}

.after-yt{
	margin-top: calc(-1 * var(--header-height));
	padding-top: var(--header-height);
}

.after-yt > article{
	width: 59.49vw;
}

.ladies-square::after{
	content: "";
	display: block;
	width: 100%;
	height: calc(100% - var(--header-height));
	bottom: 0;
	left: 0;
	position: absolute;
	background: var(--success-color-alt);
	z-index: -1;
}

.lady-square figure{
	height: 32vw;
	border-radius: 3.08vw;
}

.ladies{width: 75vw;}

.lady:not(.full){height: 16.92vw;}

.lady:not(.full) > div{
	width: calc(50% + (var(--20px) * 3));
	z-index: -1;
}

.lady h2{font-weight: 400}

.lady:hover{
	z-index: 1;
}

.lady:not(.full) .resume{
	max-height: 0px;
	transition: max-height .1s;
}

.lady:hover .resume{
	max-height: 2000px;
	box-shadow: -9px 12px 15px 0 rgba(0, 0, 0, 0.28);
}

.lady:not(.full) p{
	border-top: 1px solid rgba(255,255,255,.35);
	border-bottom: 1px solid rgba(255,255,255,.35);
}

.lady.full h3{
	border-bottom: 1px solid rgba(255,255,255,.35);
}

#contact{width: 75vw;}
@media(max-width:768px){#contact{width: 100%;}}
#contact input[type='text'],
#contact input[type='tel'],
#contact input[type='email'],
#contact select,
#contact textarea{
    background: #fff;
    border: 1px solid #C2C2C2;
    padding: calc(var(--10px) + var(--5px)) var(--20px);
    font-size: var(--p-size-adapt);
    width: 100%;
}
#contact textarea{height: 24vw; min-height: 180px;}
#contact label{display: block; margin-bottom: var(--10px)}

.partner{
	height: 9.62vw;
}

.partner:hover{background: white;}

.partner .details{
	height: 0%;
	overflow: hidden;
	top: 50%;
	background: rgba(0,0,0,.65);
	border-radius: 5px;
}
.partner:hover .details{
	height: 100%;
	top: 0px;
}

#nominee article h2{
	text-transform: uppercase;
	color: #fff;
	margin-bottom: var(--20px);
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.article figure{
	height: 18.79vw;
}

.article a + div{
	margin-top: calc(-2 * var(--20px));
}

.article h2 + div{border-top: 1px solid rgba(255,255,255,.5);}