.wall h1 {display:inline;float:left;text-decoration:none;border-bottom:none;margin-bottom:1rem;}
.wall .button {width:100%;max-width:none;font-size:1.2rem}

ul.wall-menu {float:right; margin:0; display:inline; margin-bottom:1rem; padding:0;} 
ul.wall-menu li:first-child { padding-left:10px; }
ul.wall-menu li:last-child {border-right:none;padding-right:0; width:40px;}
ul.wall-menu li 
{
   float:left;display:inline-block; padding-right:10px; padding-left:10px; 
   border-right:solid; border-right-width:1px; border-right-color:#CCCCCC;
   width:50px;
}

.wall hr {margin-top:0px;}

/** CONTAINER **/
.wall-container { position:relative; }
.wall-container .bloc {padding-right:0px;}
.wall-container form {margin-top:0;}

/** MENU PRINCIPAL **/

/** ICONE DU MENU **/
.reaction-icon, .photo-icon, .question-icon 
{ 
	background-repeat:no-repeat;
	background-size:30px 30px; 
	width:100%; height:30px;
	display:block;
}

.photo-icon {background-position:center -3px; background-image:url('../img/theme/image-icon-200x200.png'); }
.reaction-icon {background-position:center 0px; background-image:url('../img/theme/reaction-icon-200x200.png'); }
.question-icon {background-position:center 0px; background-image:url('../img/theme/question-icon-200x200.png'); }



.input { height:auto; width:100%; background-color:transparent;}

/** INPUT REACTION **/
.reaction-input { display:none; }
.reaction-input textarea {max-width:none; width:100%;box-sizing:sizing-box;background-color:#FFFFFF;}
.reaction-input #envoyer {float:right; width:auto; margin-right:0;}
.reaction-input #fermer {width:auto;}

/** INPUT VIDEO **/
.wall .video-input {display:none;}

/** INPUT PHOTO **/
/** par défaut pas affiché **/
.wall .photo-input { display:none; }
.wall .photo-input textarea {max-width:none; width:100%;box-sizing:sizing-box;background-color:#FFFFFF;}

.wall .photo-input .envoyer  {float:left; width:27%;margin-right:0;min-width:0;}
.wall .photo-input .file {float:right; width:70%;margin-right:0;min-width:0}
/*.wall .photo-input .fermer {width:auto;}*/
.wall .photo-input .fermer {width:100%;}
.wall .photo-input .preview {margin-bottom:1rem;}


/** LISTE **/
.wall .wall-liste ul {list-style:none;margin:0;padding:0;margin-bottom:10px;}
.wall .wall-liste li {margin-bottom:10px;}

.wall .wall-liste .avatar {width:10%; height:auto; float:left; padding:0; border-style:none;}

.wall .content-outer .content-inner {padding-left:12px;padding-right:12px;padding-top:10px; padding-bottom:10px; background-color:#EEEEEE;border-radius: 5px}

.me {background-color:#f9f0e8!important;}



.wall .content-outer .content-inner.admin { background-color:#FFFFFF; border-width:2px; border-style:solid;border-color:#e40050;}
.wall .content-outer .content-inner.admin  {}


/** BLOC **/

.wall .bloc { background-color:transparent; height:auto; border-style: none}

/** bloc avatar **/
.wall .bloc.reaction .avatar {background-color:#EEEEEE;border-radius: 5px;overflow:hidden;width:30px;height:30px;}
.wall .bloc.reaction .avatar img {width:100%;height:auto;display:block;}
.wall .bloc.reaction .content-outer {margin-left:0px}

/*.wall .content-outer { padding-left:0; width:100%; float:left;} /** 88% **/


/** STYLE DU CONTENU DES POSTS **/
.wall .content-outer img {max-width:100%;display:block; margin-bottom:1rem;}
.wall .content-outer p.nom {margin-left:3.5rem;} /** margin-left:largeur de l'avatar + marge **/
.wall .content-outer p.date {font-size:1.2rem;line-height:normal;margin-bottom:10px;margin-left:3.5rem;}

/*.wall .reaction p {word-break: break-all;}*/
.wall .reaction p.corps {font-size:2rem;line-height:120%; font-weight:bold;word-wrap: break-word;}
@media only screen and (max-width: 480px)
{
	.wall .reaction p.corps {font-size:1.4rem;}
}

/** MENU SOCIAL **/
.wall .social-container { border-top-color: #CCC; border-top-style: solid; border-top-width: 1px; padding-top:10px; margin-top:10px; min-height:3.5rem;}
.wall .social-container p {display:inline;}
.wall .social-container ul {float:right;height:auto;margin:0;}
.wall .social-container li {}

/** LIKE **/
.love, .no-love, .delete
{
	background-repeat: no-repeat;
	background-size:25px 25px;
	width:25px;height:25px;
	display:block;
}

.love {background-image:url(../img/theme/love-icon-100x100.png);}
.no-love {background-image:url(../img/theme/no-love-icon-100x100.png);}
.delete {background-image:url(../img/theme/delete-icon-100x100.png);}

/** MENU **/
.social-container ul>li {float:right; margin-left:1rem;}


/** PAGINATION **/
/** bouton plus, remarque plus de post... **/
.wall .wall-pagination {position:relative; width:100%; text-align:center;}
.wall .wall-pagination .button {width:auto;}

#button-next { position:relative; float:right; margin-right:0px;}
#button-plus { position:relative; margin:auto; display:inline;}


/*******************************/
/** VOTE
/*******************************/

.vote p.corps 
{
	font-family:"AvenirLTW0295Black",sans-serif; font-size:1.3rem; text-transform:uppercase;
	margin-bottom:1rem;
	word-wrap:normal;
}

.vote p.message 
{
	font-family:"AvenirLTW0295Black",sans-serif;
	text-transform:uppercase; 
	color:#FF0000;
	font-size:1.4rem;
}

/** RADIO BUTTON **/
.vote .radio { margin-bottom:2rem; }
.vote .radio:last-child {margin-bottom:0;}
.vote .radio label {margin-bottom:1.8rem;line-height:110%;}
.vote .radio span {margin-top:1rem;position:relative;top:.5rem;} /** position du texte **/

/** BUTTON **/
.vote a.button {max-width:34rem;margin-top:1rem;}


/************************************/
/*** VIDEO 
/************************************/

.wall .video-message .video-image-container {display:inline-block;position:relative;}
.wall .video-message .video-image-container p {color:#FFFFFF;text-transform:uppercase;font-style:bold;}
.wall .video-message img {max-width:300px;position:relative;display:inline-block;}
.wall .video-message .video-message-container {max-width:300px;}
.wall .video-mention {position:absolute;width:100%;text-align:center;top:50%;left:0;position:absolute;transform: translateY(-50%);}

.wall .video-message .video-image-container.processing {background-color:#FF0000;width:300px;height:200px;}
.wall .video-message .video-image-container.processing.error {background-color:#FF0000;}


@media screen and (max-width: 450px)
{
	.wall .video-message img {max-width:100%;}
	.wall .video-message .video-message-container {max-width:100%;}
	.wall .video-message iframe {width:100%;height:auto;}
	.wall .video-message .video-image-container.processing {width:100%;}
}

/**************************************/
/**** 
/**************************************/


/** **/
@media only screen and (min-width: 768px)
{
	.wall .photo-input .envoyer  {float:right;width:auto;margin-right:0;}
	.wall .photo-input .file {float:right;width:auto;margin-right:1rem;}
	.wall .photo-input .fermer {width:auto;}
}

/** DESKTOP **/
@media only screen and (min-width: 1024px)
{
	.wall .button {font-size:1.6rem};
}