@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Slab'), url(./libraries/fonts/RobotoSlab-Regular.ttf) format('truetype');
}

html{
	font-size:16px;
}
body{
	font-family: 'Roboto Slab', serif;
	font-size:1rem;
	background : #fff;
	padding : 0 ;
	margin : 0 ;
}


#main-container {
	max-width : 740px ;
	margin : 0 auto ;
	background : #fff;
	box-shadow: 0px 0px 6px #ccc;
} 

img {
	max-width : 100%;
}

header {
	text-align : center ;
	color : #FF7F13;
	position : relative ;
}
header .logo {
	width : 180px;
	height : auto ;
}
.adn_subtitle{
	margin : 0 ;
	padding: 0 0 10px 10px;
}
.menu-lines{
	margin : 2px 0;
	text-align : center;
	color : white ;
}
h1 {
	font-size: 1.1rem;
	margin : 0 ;	
}

#userarea{
	background : #white ;
	color : black;
	padding: 5px;
	text-align : center ;
	border-bottom : 3px solid #FFE479;
	border-top : 3px solid #FFE479;
}
.username{
	font-weight : bold ;
}
#userarea .helpmsg{
	color : #888;
	font-size : .6rem;
}
#userarea fieldset {
	border : none ;
}
.adn-link{
	border-radius: 5px;
	padding: 3px 7px;
	color: white;
	display : inline-block;
	margin: 2px;
	text-decoration : none ;
}
.adn-link:hover {
	color : black ;	
}
.adn-green{
	background : #73FF34 ;
	background : rgb(144, 181, 0);
}
.adn-orange{
	background : #FF791E ;
}
.adn-yellow{
	background : #F3FF00 ;
}
.adn-darkgrey{
	background : #333 ;
}
.adn-red {
	background : #f30;
}
.adn-blue {
	background : #003399;	
}

.adn-link.adn-green:hover {
	color : black;
}

.content_section p{
	font-size : 0.8rem ;
	margin : 0 ;
}
.content_section .item_header{
	margin-top: .5rem;
}
.avatar-home{
	float : left ;
	margin : 1px;
	margin-left : -10px;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;	
	border-style: solid;
	border-color: #ddd;
	border-width: 2px;	
}
.avatar-home:after { 
    clear:both;
} 

.author_avatar{
	float : left ;
	margin : 10px;
	width: 40px;
	height: 40px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 50%;	
	border-style: solid;
	border-color: #ddd;
	border-width: 2px;	
}
.post_item{
	background-color: white;
	border-radius: 4px;
	margin: 2px;
	border-style: solid;
	border-color: #ddd;
	border-width: thin;	
	cursor: pointer;
}
.post_item:hover{
	background-color: #ededed;
}
.author_avatar img {
    border-radius: 50%;
	height : auto ;
}
.item_desc{
	display:table-cell;
	padding-bottom: 8px;
	color: #939393;
}

.item_header a , .item_header {
    color : black ;
}
.w-modal-title , .author_style{
	color : #FF7F13;
}
.clear_float {
	clear : both ;
}

.section {
	display : none ;
}
#tools {
	margin-top : 15px; 
}
.tool_item {
    float: left;
    width: 25%;
    text-align: center;
    margin: 2% 0;
}
#tools h1 {
	text-align : center;
}

#tools a {
	text-decoration : none;
	color : #333;
	font-weight : bold ;
}
#tools a:hover {
	color : grey;
}
.tool_item > a > img{
	width : 100px;
	max-width : 90%;
}
footer{
	font-size: .8rem;
	text-align : center ;
	padding : 5px;
}

/* modal width correction for small screens */
.modal{
	max-width : 70% ;
}
.modal-close{
	text-align : center ;
}
.adn-link.adn-darkgrey:hover{
	color : grey;
}
.content_section , .main-content-block {
	padding: 10px;	
}
.forum-extract-subtitle{
	color: grey;
	text-align : right ;
}

#home_avatars{
	margin-left : 15px;
}

.workshop-item {
	background : #FFE479 ;
	background-image : url(images/workshop.png);
	background-size : 50px 50px;
	background-repeat : no-repeat;
	background-position : 3px 13px;   
	padding : 5px;
	padding-left : 65px;
	margin : 5px ;
	border-top: #f2b945 1px solid;
}
.ws-passed{
	background : #F7F7F7;
}
.wi-interaction {
	font-size: 0.8rem;
	/*text-align : right ;*/
}
.wi-connectplease{
	text-align : right ;
	font-style : italic;
	background : rgba(255, 255, 255, 0.46);
}
.content_section p.wi-desc-title {
	font-size : 1.2rem;
	font-weight : bold ;
}
.wi-counter{
	text-align : right;
}

@media screen and (max-width : 768px){
	#main-container{
		background : #fff ;
	}
	.post_item{
		margin : 0 ;
		border-left : 0;
		border-right : 0 ;
		border-bottom : 0 ;
	}
	.content_section {
		padding : 1rem ;
	}
	.tool_item > a > img {
	    max-width: 80%;
	}	
}


.workshop-people-icon{	
	width: 25px;
	height: 30px;
	margin: 1px;
	background-repeat: no-repeat;
	background-size: cover;
	float: right;
	background-position: center;
	Xborder-radius: 5px;
	border-style: solid;
	border-width: thin;
	border-color: white;
	box-shadow: -1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
}

#signature {
	background-image: url(images/signature.png);
	width: 80px;
	height: 131px;
	position: absolute;
	right: 0;
	top: -7px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 17px;

}
.soc_but {
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}
.soc_but_fb {
	background-image: url(images/fb-icon.png);
}
.soc_but_ma {
	background-image: url(images/logomastodon.png);
}
.soc_but_yt {
	background-image: url(images/ytlogo.png);
}
.soc_but_tw {
	background-image: url(images/twitter-bird.png);
}
.soc_but_bs {
	background-image: url(images/bluesky.png);
}
.soc_but_in {
	background-image: url(images/icons8-linkedin-48.png);
}
.soc_but_insta{
    background-image: url(images/instagram.png);
}
.subtitle-block{
	display : inline-block;
	padding : 7px;
}
.inscription-link{
	float : right ;
}
.inscription-link a {
    color: white;
    background-color: coral;
    text-decoration: none;
    padding: 5px;
}
.wi-desc-desc{
	color : #db6337;
}
.jc-complet {
    color: #fff;
    background: #da3c3c;
    padding: 2px 10px;
    font-size : 1rem;
    line-height: 2rem;
}
.jc-user-non-inscrit {
	color : rgba(128,128,128,0.5);
}
.jc-user-inscrit {
	color : black;
}
a.jc-espace-membre {
    background-color: coral;
    color: white;
    text-decoration: none;
    padding: 7px;
    text-align: right;
    display: inline-block;
    margin: 2px;
}
#userarea p{
	padding : 0 ;
	margin : 0 ;
}