/*Reviewe 10/11/2010 */

/**********************Deposer evenement   ****************/

.bloc_deposer_evenement .bloc_affiche_evenement {display:flex; flex-direction: column; max-width:36%; justify-content:center;}
.bloc_deposer_evenement .bloc_affiche_evenement #rotation_affiche {text-align:center; margin-bottom:15px; width:100%;}
.bloc_deposer_evenement .bloc_affiche_evenement .thumb_photo{align-self: center;}
.bloc_deposer_evenement textarea{font-size:13px;}
.bloc_deposer_evenement .div_multi_checkbox { float:left; margin-top:4px; width:35%; margin-left:10px;}
.bloc_deposer_evenement .div_multi_checkbox span {line-height:25px}
.bloc_deposer_evenement .div_multi_select{ float:left; margin-top:4px; width:35%;}
.bloc_deposer_evenement .div_multi_select select {float:left; width:99%;}


/**********************Afficher evenement   ****************/

.bloc_afficher_evenement {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around}
.bloc_afficher_evenement .affiche{margin: 10px}
.bloc_afficher_evenement .affiche img {max-width:240px; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background-color: black;}
.bloc_afficher_evenement .affiche img:hover {opacity: .5; background-color: black;}


.bloc_afficher_evenement .affiche_rdv_mensuel img {max-width:200px; opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; background-color: black;}
.bloc_afficher_evenement .affiche_rdv_mensuel img:hover {opacity: .5; background-color: black;}


.bloc_afficher_evenement .content{flex: 1; padding: 10px; display:flex; flex-direction: column;}
.bloc_afficher_evenement .content .title {border-bottom: 1px solid #ccc; padding:0px 5px 5px 0px; margin-bottom:10px;}
.bloc_afficher_evenement .content .description {line-height:25px; text-align:justify; margin-bottom:10px; margin-top:10px;}

.bloc_afficher_evenement .content .div_bouton_validation {align-self: flex-end; margin:0px; margin-bottom:10px;}



/*############### Design Evenement Solo     ######################*/
.evenement_solo .onglet_titre_evenement_solo {width: calc( 100% - 34px);}
.evenement_solo .content .evenement_identite {line-height:24px;}
.evenement_solo .content .evenement_identite span, .evenement_solo .content .evenement_identite i{font-size:14px; margin-right:5px;}

.evenement_solo .content .evenement_type i {margin-left:10px; line-height:24px;}
.evenement_solo .content .evenement_type span {line-height:24px; vertical-align: top}
.evenement_solo .content .description {line-height:25px; padding: 5px; float:left; text-align:justify; padding-left:0px;}

.evenement_solo .ligne_separation_verte {border-top: 1px solid #457822;}
.evenement_solo #logo_club{text-align:center; max-height:200px;}
.evenement_solo #logo_club img{max-height:200px;}
.evenement_solo #logo_club img:hover {opacity: .7; background-color: black; transition-duration: 1s;}
.evenement_solo .box_liste_rendez_vous {line-height:24px;}
.evenement_solo .box_liste_rendez_vous i{margin-left:8px;}



@media screen and (max-device-width:450px) {
	.bloc_deposer_evenement .div_multi_checkbox {width:95%; line-height:28px;}
	.bloc_deposer_evenement .div_multi_checkbox select {width:100%;}

	.evenement_solo .onglet_titre_evenement_solo {width: 100%;}
	.bloc_afficher_evenement .content .div_bouton_validation {align-self: center; margin:0px; margin-bottom:10px;}
	
}
@media screen and (min-device-width:450px) and (max-device-width:800px) {
	.bloc_deposer_evenement .div_multi_checkbox {width:53%;line-height:28px;}
}

@media screen and (min-device-width:800px) {
	.evenement_solo .affiche_medium {display: block; text-align:center; margin-top:20px; margin:0 auto;} 
	.evenement_solo .affiche_thumb{display:none;}
}
@media screen and (min-device-width:0px) and (max-device-width:800px) {
	.bloc_afficher_evenement {flex-direction:column;}
	.bloc_afficher_evenement .content .title {font-size:15px;}
	.bloc_afficher_evenement .affiche{align-self:center;}

	.evenement_solo .affiche_thumb {display: block; text-align:center; margin-top:20px; margin:0 auto;} 
	.evenement_solo .affiche_medium {display:none;}
}