/* Bouton déposer un projet  */
.pp_deposer_projet {
	display: flex;
	align-items: center;
	margin: 20px auto;
	background: #424A60;
	color: white;
	padding: 5px 10px;
	border: none;
	font-size: 15px;
	border-radius: 10px;
}
.pp_deposer_projet a{
	color: white;
}


/* Barre de filtre projets  */
#pp_filterTriProjet{
	display: flex;
}

#pp_filterProjet{
	border:1px #ccc  solid;
	margin: 2px;
	padding: 2px;
	border-radius: 5px;
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;

}
#pp_filterProjet select,#pp_filterProjet input[type="text"]{
	background: white;
	color: black;
	border:none;
	padding: 5px;
	margin: 5px;
	flex:1 0 200px;
	/*height: 0px;*/
}

.pp_tdb {
	display: flex;
	align-items: center;
	padding: 5px;
}

.pp_tdb_projets{
	width: 100%;
}
.pp_tdb_projets{
	border:2px black solid;
}
.pp_tdb_projets thead td,.pp_tdb_projets tfoot td
{
	background: #424A60;
	color: white;
	font-weight: bold;
}
.pp_tdb_projets td{
	padding: 5px;
	border:1px white solid
}

.pp_tdb_projets tbody tr:nth-child(2n){
	background: #eee;
}

#pp_triProjets{
	background: #424A60;
	margin: 2px;
	padding: 2px;
	border-radius: 5px;
}

#pp_triProjets .tri-btn {
	padding: 5px;
	border-radius: 0px;
	border:none;
	margin: 5px ;
	background: none;
}
#pp_triProjets .tri-btn-active{
	border:1px white solid;
}
#pp_triProjets .tri-btn:hover {
	border:1px white solid;
}
#pp_triProjets .tri-btn img{
	height: 25px;
}







/* ce qui concerne la liste des vignettes projets  */
.pp_container_projets{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.pp_projet{
	position: relative;
	flex:0 0 300px;
	display: flex;  
	flex-direction: column;
	background: white;
	margin: 10px;
	border:2px #ccc solid;
	border-radius: 5px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15),
	0 4px 10px rgba(0, 0, 0, 0.07); 
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.pp_projet:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1),
	0 2px 6px rgba(0, 0, 0, 0.05); 
}
.pp_projet a{
	height: 100%;
	display: flex;
	flex-direction: column;
	color: black;
}
.pp_projet_state_alert_0{
	border:3px red solid;
	padding: 5px;
	color: red;
	margin-bottom:10px ;
	text-align: center;
}
.pp_projet_state_0{ /* etat hors ligne  */
	opacity: .5;
	display: none;
}
.pp_projet_state_2{ /* etat archivé  */
	display: none;
}
.pp_projet_statut_moderation{ /* etat moderé  */
	display: none;
}
.project-badge.archived {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: #d9534f; /* rouge doux pour archivé */
	color: white;
	padding: 2px 6px;
	font-size: 0.75rem;
	font-weight: bold;
	border-radius: 3px;
}
.project-badge.parameters {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #fff; /* rouge doux pour archivé */
	padding: 2px 6px;
	font-size: 0.75rem;
	font-weight: bold;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.pp_logo_url_plateforme_associee{
	position: absolute;
	left:-6px;
	top:-6px;
	background: #424A60;
	border-radius:15px ;
	padding: 2px;
	box-shadow: 5px 5px 20px white;
}
.pp_logo_url_plateforme_associee img{
	height: 25px;
}
.pp_url_plateforme_associee_detail{
	display: flex;
	align-items: center;
}
.pp_url_plateforme_associee_detail  a{
	color: black;
	font-weight: bold;
}
.pp_url_plateforme_associee_detail  img{
	height: 25px;
	background: #424A60;
	border-radius: 12px;
}
.pp_lien_delete_actu{
	margin-left: 40px;
}
.pp_vignette_projet{
	height: 110px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-position: center center;
	background-size: 665px 110px;
}

.pp_info_projet{
	padding: 5px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.pp_porteur_projet{
	padding: 5px 0;
	margin: 5px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
.pp_porteur_1_projet,.pp_porteur_2_projet{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.pp_projet_profile_pic img{ 
	width: 30px;
	border-radius: 15px;
	margin-right: 5px;
}
.pp_date_depot{
	padding: 2px 5px ;
	margin: 5px 5px 0 5px;
	text-align: right;
	font-style: italic;
	font-size: .9em;
	background: #ccc;
}
.pp_projet_phase_detail{
	padding: 2px 5px ;
	margin-bottom: 5px;
	text-align: right;
	font-style: italic;
	font-size: .9em;
}
.pp_titre_projet{
	font-weight: bold;
	font-size: 1.1em;
}
.pp_description_projet_resume{
	color: #aaa;
}
.pp_projet_categories{
	border: 1px #ccc solid;
	padding: 2px 5px;
	margin: 2px;
	font-size: .8em;
	font-style: italic;
	display: inline-block;
	border-radius: 5px;
	background: #eeeddd;
}
.pp_projet_categories img {
	height: 12px;
}

.pp_middle_content{
	flex:1;
}
.pp_barre_actions{
	margin-top: auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
.pp_barre_actions img{
	height: 20px;
	margin-right: 5px;
}
.pp_barre_actions div{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	border-top: 1px #ccc solid;
	margin: 15px 0 0 0;
	padding: 10px 0;
}
.pp_projet_phase{
	border-top: 1px #ccc solid;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	margin-top: auto;
}

.pp_projet_phase_moderation{background: #6C757D;	color:white;}
.pp_projet_phase_concertation{background: #17A2B8;	color:white;}
.pp_projet_phase_vote{background: #007BFF;	color:white;}
.pp_projet_phase_deliberation{background: #6610F2;	color:white;}
.pp_projet_phase_valide{background: #28A745;	color:white;}
.pp_projet_phase_reporte{background: #FFC107;	color:white;}
.pp_projet_phase_nonretenu{background: #DC3545;	color:white;}
.pp_projet_phase_encoursderealisation{background: #FD7E14;	color:white;}
.pp_projet_phase_realise{background: #20C997;	color:white;}





/* ce qui concerne le dépot de projets */
.pp_container_page{
	position: relative;
	padding: 15px;
	background: white;
}
.pp_titre_rubrique{
	font-size: 20px;
	font-weight: bold;
}
.pp_deposer_projet {
	display: flex;
	align-items: center;
	margin: 10px auto;
	background: #424A60;
	color: white;
	padding: 5px 10px;
	border: none;
	font-size: 12px;
	border-radius: 10px;
}
.pp_deposer_projet img{
	width: 20px;
}
.pp_deposer_projet a{
	color: white;
	font-size: 12px;
}
.pp_container_depot_projet{
	margin: 10px ;
	padding: 10px;
}
.pp_steps{
	display: flex;
	flex-direction: column;
	min-height: 850px;
}
#step-administration h3{
	text-align: center;
	background: red;
	padding: 5px;
	color: white;
}
#step-administration .pp_options_module label{
	margin: 0;
	font-weight: inherit;
	cursor: pointer;
}
#step-administration select{
	border:none;
	padding: 5px;
	border-top: 1px black solid;
}
#step-administration .pp_precision_intervalle{
	margin-left: 30px;
}
#step-administration .pp_intervalle{
	margin-left: 10px;
	padding-left:10px ;
	border-left: 2px black solid;
}
.wizard_steps{
	border-top: 1px #ccc solid;
	padding-top: 30px;
}
.wizard_horizontal ul.wizard_steps li a .step_no{
	width: 20px !important;
	height: 20px !important;
}
.wizard_horizontal ul.wizard_steps li a::before{
	top:10px !important;
}
.actionBar a{
	font-size: 20px;
}
.pp_container_depot_projet label{
	font-weight: bold;
	margin-top: 20px;
}
.pp_container_depot_projet input[type="text"],.pp_container_depot_projet input[type="file"]{
	background: #eeeeee;
	border:none;
	padding: 5px;
	border-top: 1px black solid;
	width: 100%
}
.pp_container_depot_projet input[type="checkbox"]{
	margin-left: 20px;
}
.pp_container_depot_projet input[type="button"]{
	margin-top: 30px;
	padding: 20px;
}





.pp_actualite_state_0{
	display: none;
	opacity: .5;
}
.pp_container_depot_actualite{
	margin: 10px ;
	padding: 10px;
}
.pp_container_depot_actualite label{
	font-weight: bold;
	margin-top: 20px;
	width: 100%;
	border-bottom: 1px black solid;
}
.pp_container_depot_actualite input[type="text"]{
	background: #eeeeee;
	border:none;
	padding: 5px;

	width: 100%
}
.pp_etat_actualite{
	background: #eeeeee;
	padding: 5px;
}
.pp_button_actualite {
	text-align: right;
}

.pp_button_actualite button{
	background: #424A60;
	margin-top: 30px;
	margin-bottom: 200px;
	padding: 10px;
	color: white;
	border:none;
}







/* ce qui concerne la fiche détail du projet  */

.pp_detail_projet_container_page{
	position: relative;
	padding: 15px 15px 0px 15px;
	background: white;
}
.pp_detail_projet_bandeau{
	border-radius: 5px;	
	background-repeat:no-repeat ;
	height: 310px;
	position: relative;
}
.pp_detail_projet_bandeau_custom{
	background-position: center center;
	background-size: cover;
}
.pp_detail_projet_bandeau_default{
	background-color: #41475B;
	background-position: center center;
}
.pp_retour{
	position: absolute;
	top:10px;
	left: 10px;
	padding: 10px;
	background: white;
	border-radius: 10px;
}
.pp_retour a {
	color: black;
}
.pp_encart_bandeau{
	position: absolute;
	bottom:10px;
	right: 10px;
	padding: 10px;
	background: white;
	width: 300px;
	border-radius: 10px;
	max-height: 275px;
	overflow: auto;
	opacity: .8;
}
.pp_encart_bandeau_icone{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	font-size: .8em;
	border-bottom: 1px #eee solid;
}

.pp_encart_bandeau_icone img{
	height: 25px;
}

.pp_detail_projet_titre_projet{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.pp_detail_projet_titre_projet img{
	margin: 0 5px;
}
.pp_export_liste{
	position: absolute;
	top:20px;
	right: 10px;
	cursor: pointer;

}
.pp_detail_projet_porteur{
	display: flex;
	align-items: center;
	margin: 20px 0;
}
.pp_detail_projet_porteur .pp_porteur_1_projet,.pp_detail_projet_porteur .pp_porteur_2_projet{
	padding-right:20px ;
	display: flex;
	align-items: center;
}
.pp_detail_projet_actions{
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #eee solid;
	display: flex;
	flex-wrap: wrap;
}
.pp_detail_projet_actions button{
	display: flex;
	align-items: center;
	margin: 3px;
	padding: 10px 15px;
	background: #ccc;
	margin-right: 10px;
	border-radius: 5px;
	border:none;
}
.pp_detail_projet_actions button:hover{
	opacity: .8;
}
.pp_detail_projet_actions button img{
	padding-right:5px;
}

.pp_detail_projet_actions .likerProjet1, .pp_detail_projet_actions .voterProjet1, .pp_detail_projet_actions .rencontrerProjet1{
	background: #F8DF40;
}

#contenu_liker,#contenu_voter,#contenu_rencontrer{
	display: flex;
	flex-wrap: wrap;
}
.pp_profil_user{
	margin: 10px;
	text-align: center;
	padding: 5px;
	flex : 0 0 150px;

}
.pp_profil_user img{ 
	width: 50px;
	border-radius: 25px;
	border: 1px #ccc solid;
}
.pp_detail_projets_onglets{
	display: flex;
	flex-wrap: wrap;
}
.pp_detail_projets_onglets div{
	font-weight: bold;
	margin:10px 20px 0 0;
	cursor: pointer;
	height: 30px;
}
.pp_detail_projets_onglets_actif{
	border-bottom: 5px black solid;
}
.pp_detail_projets_onglets_details{
	position: relative;
	padding: 15px;
	background: white;
}
.pp_presentation strong{
	font-weight: bold;
}
.pp_presentation ol,.pp_presentation ul{
	margin-left: 30px;
}
.pp_presentation p{
	margin: 10px 0;
}


#onglet_contribuer button,#onglet_questionner button{
	padding: 10px 15px;
	background: #4A4A60;
	margin: 10px 0;
	border-radius: 5px;
	color:white;
	border:none;
}
#onglet_contribuer textarea,#onglet_questionner textarea{
	width: 100%;
	padding: 5px;
}
#onglet_contribuer .contentBtnContribuer,#onglet_questionner .contentBtnQuestionner{
	text-align: right;
	border-bottom: 2px #eee solid;
}

#voir_posts_moderes_questionner,#voir_posts_moderes_contribuer{
	display: none;
}
#voir_posts_moderes_questionner select,#voir_posts_moderes_contribuer select,#select_filtre_actualites{
	background: white;
	padding: 10px;
	margin-bottom: 10px;
	border:1 px black solid;
}

.pp_content_post{
	display: flex;
	flex-wrap: no-wrap;
	margin-top: 20px;
}
.pp_post_modere{
	border:1px red solid;
	opacity: .4;
}
.pp_content_post_general_modere_hide{
	display: none;
}
.pp_attente_moderation{
	text-align: right;
	color: red;
}
.pp_content_post img{
	width: 50px;
	border-radius: 25px;
	border: 1px #ccc solid;
	height: 50px;
	margin-right: 10px;
}
.pp_block{
	display: flex;
	flex-direction: column;
	flex:1 1 auto;
	max-width: 600px;
}
.pp_post_info{
	flex : 1 1 auto;
	background: #eee;
	padding: 15px;
	border-radius: 10px;
}
.pp_contribution_animateur{
	background: #424A60;
	color: white;
}
.pp_post_actions_admin{
	display: flex;
	justify-content: flex-end;
	font-size: .9em;
}
.pp_btn_repondre,.pp_btn_moderer,.pp_btn_supprimer{
	margin: 10px 0 0 30px;
	text-transform: uppercase;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: .8em;
}
.pp_btn_repondre,.pp_btn_moderer,.pp_btn_supprimer{
	cursor: pointer;
}
.pp_btn_supprimer a{
	color: black;
}
.pp_btn_repondre img,.pp_btn_moderer img,.pp_btn_supprimer img{
	width: 25px;
	height:25px;
	border:none;
	margin-right: 5px;
}
.pp_post_user{
	font-size: 1.1em;
	margin-bottom: 5px;
}
.pp_post_date{
	font-style: italic;
	font-size: .8em;
	padding-bottom: 5px;
}
.pp_post_contenu{
	border-top:1px white solid;
	padding: 10px 0;
}

#pp_modalrepondre textarea{
	width: 100%;
}

.contentBtnRepondre{
	text-align: right;
}

#pp_modalrepondre .contentBtnRepondre button{
	padding: 10px 15px;
	background: #4A4A60;
	margin: 10px 0;
	border-radius: 5px;
	color: white;
	border: none;
}









.pp_content_article{
	padding-left: 20px;
}
.pp_titre_article{
	font-size: 20px;
	font-weight: bold;
}
.pp_content_block_article{
	border-left: 3px black solid;
	padding: 5px 10px 10px 0;
	margin-left: 15px;
	background: #eee;
	margin-bottom: 30px;
	position: relative;
}
.pp_date_article{
	padding: 2px 5px;
	margin: 5px;
	text-align: right;
	font-style: italic;
	font-size: .8em;
	background: #ccc;
}
.pp_contenu_article{
	margin:15px;
}
.pp_contenu_article_text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7; /* nombre de lignes visibles */
	overflow: hidden;
	background: inherit !important;
	padding: 0px;
}
.pp_contenu_article_text.open {
	display: block;
	-webkit-line-clamp: unset;
}
.pp_contenu_article img{
	max-width: 100%;
}
.pp_lire_suite{
	background: #424A60;
	color: white !important;
	padding: 5px;
	margin: 10px 0;
	border-radius: 10px;
	width: 100px;
	text-align: center;
	float: right;
}
























/* responsive */
@media screen and (max-width:640px) {
	.pp_container_projets{
		justify-content: center;
	}
	.pp_detail_projets_onglets{
		font-size: .8em;
	}
	.pp_detail_projets_onglets div {
		margin: 10px 10px 0 0;
		height: 20px;
	}
	.pp_detail_projets_onglets_actif{
		border-bottom: 1px black solid;
	}

}