/*
Theme Name: Extranet U Technologie	
Theme URI: https://extranet.utechnologie-lesherbiers.com
Author: François ROY	
Author URI: https://extranet.utechnologie-lesherbiers.com/
Description: Extranet U Technologie
Requires at least: WordPress 5.0
Version: 1.0
*/

.post-container-single .titrecat {
	padding: 0;
}

.post-container-single .titrecat a {
	text-decoration: none;
}

.post-container p {
	margin: 0;
}

.titreevent {
	font-family: 'museo_slab700';
	text-transform: uppercase;
}

.itemagenda p {
	display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.itemagenda, .aucunmessage {
	margin: 10px 20px;
    padding: 2px 1%;
}

.nompersonneconcernee {
	background: #FFF;
	display: inline-block;
	padding: 2px 5px;
	margin: 1px;
	color: #007e92;
	border-radius: 25px;
}

.customize-support {
	background: #DCDCDC;
	font-family: 'museo_slab300';
}

.contagenda {
	background: #007e92;
	width: 31.5%;
	display: inline-block;
	height: 44vh;
	margin: 0.5%;
	border: 1px solid grey;
	box-shadow: 1px 1px 5px black;
	vertical-align: top;
	color: #FFF;
	overflow: hidden;
}

.barremenu {
	position: sticky;
	top: 0;
	text-align: right;
}
.dateheure {
	display: inline-block;
	line-height: 40px;
	width: 500px;
	text-align: left;
	font-family: 'museo_slab700';
	text-transform: uppercase;
	position: absolute;
	left: 0px;
	padding-left: 10px;
	font-size: 20px;
	color: #000;
}

.btnagenda {
    position: relative;
    top: 15px;
}

.champtitre {
	width: 80%;
}

.lirelasuite, .retouraccueil {
    background: #FFF;
    color: #000;
    padding: 5px;
    border-radius: 20px;
	font-family: 'museo_slab900';
	border: 1px solid black;
	width: auto;
}

.retouraccueil {
	display: block;
}

.lirelasuite {
	display: inline-block;
}

.single-post {
	text-align: center;
}

.post-title {
	font-family: 'museo_slab900';
}

.post-content {
	font-family: 'museo_slab500';
	line-height: 16px;
}

.post-title a {
	text-decoration: none;
	color: #000;
}

.post-container-single {
	width: 40%;
	text-align: center;
	display: inline-block;
}

.new {
	background: red;
	color : #FFF;
	display: inline-block;
	padding: 0px 5px;
	border-radius: 20px;
	text-transform: uppercase;
	font-family: 'museo_slab700';
}

.voirtout {
	background: grey;
	color: #fff;
	text-align: center;
	border-radius: 20px;
	font-family: 'museo_slab700';
}

.menu {
    position: fixed;
    top: 0px;
}

.admin-bar .menu {
	top: 32px; /* on prend en compte le décalage */
}


textarea
{
  border:1px solid #999999;
  width:100%;
  margin:5px 0;
  padding:3px;
}

.conteneurcat {
	width: 31.5%;
	display: inline-block;
	height: 44vh;
	margin: 0.5%;
	border: 1px solid grey;
	box-shadow: 1px 1px 5px black;
	background: #FFF;
	vertical-align: top;
}

.titrecat {
	font-family: 'blogscriptpouruw00-regularRg';
	font-size: 25px;
	padding: 0 10px;
	height: 30px;
	color: #007e92;
	padding-left: 50px;
}

.titreagenda {
	font-family: 'blogscriptpouruw00-regularRg';
	font-size: 25px;
	padding: 0 10px;
	height: 30px;
	color: #FFF;
	padding-left: 50px;
}

.articlescat {
	overflow: auto;
	padding: 0.5%;
	margin: 0.5%;
	height: 85%;
}

.agendaliste {
	overflow: auto;
	padding: 4.5% 0.5% 1% 0.5%;
	margin: 0.5%;
	height: 85%;
}

/* width */
.agendaliste::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.agendaliste::-webkit-scrollbar-track {
  background: none;
}

/* Handle */
.agendaliste::-webkit-scrollbar-thumb {
	background: #FFF;
	border-radius: 10px;
}

/* Handle on hover */
.agendaliste::-webkit-scrollbar-thumb:hover {
 	background: #FFF;
	border-radius: 10px;
}


/* width */
.articlescat::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.articlescat::-webkit-scrollbar-track {
  background: none;
}

/* Handle */
.articlescat::-webkit-scrollbar-thumb {
	background: #007e92;
	border-radius: 10px;
}

/* Handle on hover */
.articlescat::-webkit-scrollbar-thumb:hover {
 	background: #007e92;
	border-radius: 10px;
}

.post-date{
	background: #FFF;
	border-radius: 20px;
	padding: 0 5px;
	text-transform: capitalize;
	font-family: 'museo_slab700';
}

.post-author {
	display: inline-block;
	background: #FFF;
	padding: 2px 5px;
	margin: 1px;
	color: #007e92;
	border-radius: 25px;
	font-family: 'museo_slab700';
	border: 1px solid #007e92;
}

.my-modal-button, .boutonenvoyer, .btnevnt {
	background: #007e92;
	color: #FFF;
	font-family: 'museo_slab700';
	border-radius: 50px;
	padding: 10px;
	cursor: pointer;
	text-align: center;
	height: 40px;
	vertical-align: top;
}
.btnevnt {
	width: 40px;
}

.btnevnt img {
	max-width: 120%;
	position: relative;
	top: -2px
}

.form-group > .boutonenvoyer {
	text-align: right;
}

.nomdestinataire {
	display: inline-block;
	background: #007e92;
	padding: 2px 5px;
	margin: 1px;
	color: #FFF;
	border-radius: 25px;
}

.tousdest {
	display: inline-block;
	background: green;
	padding: 1px 5px;
	margin: 1px;
	color: #FFF;
	border-radius: 25px;
	font-family: 'museo_slab900';
	border: 1px solid green;
}
.delete-post-form {
	text-align: right;
}

.delete-post-button {
	background: grey;
	color: #FFF;
	cursor:pointer;
	font-size: 9px;
	border-radius: 20px;
}

.modify-post-button {
	background: grey;
	color: #FFF;
	cursor:pointer;
	font-size: 9px;
	border-radius: 20px;
	width: auto;
	display: inline-block;
	padding: 5px;
}

.post-container, .post-container-single {
	margin: 10px 20px;
	padding: 2px 1%;
	font-family: 'museo_slab300';
	background: #EFEFEF;
	box-shadow: 1px 1px 5px black;
	border-radius: 10px;
}

.misenvaleur {
	border: 3px solid red;
}

@media only screen and (max-width: 1000px) {
  .conteneurcat, .contagenda {
	width: 98%;
}
	
	.dateheure {
		display: none;
	}
}


/* 5 - Fontface */
 
@font-face {
    font-family: 'mariannebold';
    src: url('webfont/marianne-bold-webfont.woff2') format('woff2'),
         url('webfont/marianne-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'marianneextrabold';
    src: url('webfont/marianne-extrabold-webfont.woff2') format('woff2'),
         url('webfont/marianne-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'mariannelight';
    src: url('webfont/marianne-light-webfont.woff2') format('woff2'),
         url('webfont/marianne-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'mariannemedium';
    src: url('webfont/marianne-medium-webfont.woff2') format('woff2'),
         url('webfont/marianne-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'marianneregular';
    src: url('webfont/marianne-regular-webfont.woff2') format('woff2'),
         url('webfont/marianne-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'mariannethin';
    src: url('webfont/marianne-thin-webfont.woff2') format('woff2'),
         url('webfont/marianne-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab1000_italic';
    src: url('webfont/museo_slab_1000italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_1000italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab1000';
    src: url('webfont/museo_slab_1000-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_1000-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab900_italic';
    src: url('webfont/museo_slab_900italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_900italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab900';
    src: url('webfont/museo_slab_900-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_900-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab700_italic';
    src: url('webfont/museo_slab_700italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_700italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab700';
    src: url('webfont/museo_slab_700-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab500_italic';
    src: url('webfont/museo_slab_500italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_500italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab500';
    src: url('webfont/museo_slab_500-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab300_italic';
    src: url('webfont/museo_slab_300italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_300italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab300';
    src: url('webfont/museo_slab_300-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_300-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab100_italic';
    src: url('webfont/museo_slab_100italic-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_100italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'museo_slab100';
    src: url('webfont/museo_slab_100-webfont.woff2') format('woff2'),
         url('webfont/museo_slab_100-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'blogscriptpouruw00-regularRg';
    src: url('webfont/blogscriptpouruw00-regular-webfont.woff2') format('woff2'),
         url('webfont/blogscriptpouruw00-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}