/*
Theme Name: new Admin
Theme URI: 
Author: Jessai
Version: 1.0
Author URI: https://avpush.fr
Description: gestion radiosports
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*{margin:0;padding:0;font-family:arial;font-size:14px;box-sizing: border-box;}
body{position:relative;width:100vw;height:100vh;}
.container{flex-wrap:wrap;display:flex;justify-content:center;width:100%;height:100%;}
#home{background-image:url("https://radiosports.fr/wp-content/uploads/2023/05/fond_site_radioSports-e1682958441677.jpeg"); background-size:cover}
#fenetre {
    z-index: 999;
    border-radius: .5em;
    box-shadow: 0 0 6px 0 rgba(0,0,0,1), 0 0 6px 0 #000000 !important;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    position: absolute;
}
header {
    align-content: flex-end;
    margin: .7em .7em .7em auto;
    width: 100%;
    display: flex;
}
#connexion {
    margin-left: auto;
    color:#fff;
}
#connectmenu {padding:.5em;background:transparent;border-radius:.3em;margin-top:.5em}
.site {
    margin: 1em;
    border-radius: .3em;
    box-shadow: 0 0 6px 0 rgba(0,0,0,1), 0 0 6px 0 #000000 !important;
    cursor:pointer;
}
form.loginform {
    /* display: none; */
    background-color: #fff;
    border-radius: 8px;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 0 6px #000 inset;
    position: relative;
    padding: 50px 1em 1em;
    width: auto;
    z-index: 15000;
    font-size: 11px;
    background: 60% no-repeat  #fff;
    background-position: top 10px center;
    align-self: center;
    background-image: url(https://radiosports.fr/wp-content/uploads/2023/01/cropped-Radio-SportsFichier-22@2x.png);
}
/* #register,#lostpass{padding: 40px 25px 35px 25px;} */
form.loginform h1{
    color: #000;
    font-family: arial;
    font-size: 27px;
    font-weight: 100;
    text-align: center;
    line-height: 1;
    margin: 1.3em 0 30px 0;
}

/* form.loginform input#username,
form.loginform input#usermail,
form.loginform input#password{ */
form.loginform .input {
    border: 1px solid #EDEDED;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
    color: #000;
    font-size: 15px;
    padding: 10px 10px 10px 13px;
    width: 80%;
    margin: 7px auto 30px auto;
    background-color: #fff;
    font-family: arial;
    display: block;
}

form.loginform input#username:focus,
form.loginform input#password:focus{
    background-color: #FFF;
}


form.loginform input.submit_button{
    font-size: 13px;
    color: #000;
    /* border: 1px solid #b34336;
    background-color: #e25c4c; */
    border-radius: 3px;
    /* text-shadow: 0 1px 0 #ba3f31; */
    padding: 9px 31px 9px 31px;
    /* background: rgb(244,181,208);
    border-top: 1px solid #bb483a;
    border-bottom: 1px solid #a63b2e; */
    float: right;
    /* box-shadow: 0 1px 0 #E87A6E inset; */
    cursor:pointer;
}

form.loginform a{
    text-decoration: none;
}

form.loginform a.close{
    color: #DCDCDC;
    position: absolute;
    right: 15px;
    top: 15px;
}

form.loginform a.lost{
    color: #000;
    float: left;
    margin: 10px 0 0 0;
}
form.loginform div a.lost{
    color: #000;
}
form.loginform .signin {
    display: flex;
    position: absolute;
    left: 0;
    bottom: 0.5em;
    width: 100%;
    justify-content: center;
    font-size: 17px;
}

form.loginform p.status{
    text-align: center;
    margin: -25px 0 20px 0;
    display: none;
}
form#formlogout p.status{
    text-align: center;
    margin: -25px 0 20px 0;
    font-size:2em;
    display:block
}
form#formlogout div {
    display: flex;
    justify-content: space-evenly;
}

a.login_button{
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 7px 5px 7px;
    background-color: #FFF;
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    color: #333;
    text-decoration: none;
    font-size: 11px;
}

.login_overlay{
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}
.cadre {
	background: #fff;
	border-radius: .7em;
	padding: .7em;
	box-shadow: 0 0 5px #000,0 0 10px #0050FF;
}
#gestion {
	display: grid;
	grid-template-areas: "header header " "side   contenu" "footer footer ";
	grid-template-columns: 12% 1fr;
	grid-template-rows: 3em 1fr 3em;
	gap: 2em;
	max-width: 100%;
	max-height: 99%;
	padding: 0 2em;
}
#gest_entete {
	grid-area: header;
	/* background: #0050FF; */
	display: flex;
	/* align-content: center; */
	justify-content: center;
	align-items: center;
}
#gest_entete img {
	max-width: 150px;
	max-height: 33px;
	/* align-self: center; */
	margin: 0 auto 0 auto;
}#gest_entete div {
	width: 150px;
}
#logout {
	align-self: flex-end;
	margin: auto 0;
	font-size: 1.25em;
	cursor: pointer;
}
#side{
    grid-area: side;
    padding-left: 1Sem;
}
.actif {
	text-decoration: underline  #0050FF;
    /* margin-left:52%; */
}
#content{
    grid-area: contenu;
    padding-right: 2em;
}
footer{
    grid-area: footer;
}
.publication {
	display: flex;
	margin-bottom: 1em;
	cursor: pointer;
	/* height: calc(58px * .5625); */
    flex-wrap: wrap;
}
.publication h2,.actif {
    transition: margin-left 1s
}

.publish{box-shadow: 0 0 3px blue;border-radius: .3em .3em 0 0;}
.draft{box-shadow: 0 0 3px green;border-radius: .3em .3em 0 0;}
.future{box-shadow: 0 0 3px orange;border-radius: .3em .3em 0 0;}
.detail {
	display: grid;
	justify-content: space-evenly;
	flex-wrap: wrap;
	grid-template-columns: repeat(9,124px);
	max-height: 78vh;
	overflow-y: auto;
	overflow-x: hidden;
}
/* .publication img {
	margin-right: .7em;
	min-width: 58px;
	max-width: 58px;
	height: auto;
} */
.publication img {
	margin-right: .7em;
	width: 0;
	max-width: 58px;
	height: auto;
	transition: width 1s;
	/* width: 58px; */
}
.publication .imgaffiche {width: 58px;}
#content article {cursor:pointer;margin: 0 .3em 1em 0;display: grid;}
#content article img {border-radius: .3em .3em 0 0;width: 120px;}
#content article div{font-size: .8em;text-align: center;margin:.3em 0}
#content article .titre{font-weight: 600;margin: .3em .1em;}
#content article .etat{align-self: end;}