body{
	background-color: #f8fbff;
}


/*Connexion*/
.page_account{
	width: 100%;
	height: 100vh;
	background-image: url("../imgs/fond.png");
	background-size: contain;
}

.content_connexion{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1300px;
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.titre_page_compte{
	width: 50%;
}

.titre_page_compte h1{
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 5px;
	color: #0281e8;
}

.titre_page_compte p{
	line-height: 20px;
	color: #777;
}

.form_connexion_compte{
	width: 330px;
	background-color: #fff;
	box-shadow: 0px 0px 35px rgba(0, 0, 0, .2);
}

.content_label_form{
	padding: 40px 40px 0px;
}

.content_label_form h2{
	font-weight: 800;
	text-align: center;
	margin-bottom: 20px;
	color: #0281e8;
}

.content_label_form label{
	display: block;
	margin-bottom: 30px;
	position: relative;
	width: 100%;
}

.content_label_form label input{
	display: block;
	border: none;
	padding: 12px 10px;
	border: 1px solid #487fac;
	width: 100%;
	border-radius: 3px;
	outline: none;
}

.content_label_form label input[type=password]{
	font-weight: 800;
}

.content_label_form label span{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top: 12px;
	left: 10px;
	opacity: .3;
	transition: .4s;
	padding: 2px 3px 2px;
	background-color: #fff;
}

.bd_color_tv{
	border-top: 4px solid #0281e8;
}

.btns_compte_form{
	text-align: center;
	margin-bottom: 20px;
	padding: 0px 40px;
}

.btns_compte_form button{
	display: inline-block;
	width: 100%;
	padding: 12px 25px;
	background-color: #0281e8;
	cursor: pointer;
	color: #f8fbff;
	border: none;
	transition: .4s;
	border-radius: 3px;
}

.footer_compte{
	padding: 14px 40px;
	background-color: #0281e8;
	color: #f8fbff;
	text-align: right;
}

.footer_compte h5 a{
	color: #c1e3ff;
	text-decoration: none;
}

.btns_compte_form button:hover{
	background-color: #00569c;
}

.response_comte{
	text-align: center;
	margin-bottom: 20px;
	padding: 0px 40px;
	display: none;
	font-size: 14px;
}

/*======== Responsivité ======*/






/*====== Header ======*/
header{
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	padding: 10px 40px;
	background-color: #0081e3;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	z-index: 100;
}

.content_header_admin{
	max-width: 1300px;
	width: 95%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.bnt_menu_et_nom{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.bnt_menu_et_nom h3{
	color: #f8fbff;
	margin-left: 10px;
}

.btn_menu_dmin{
	display: inline-block;
	width: 37px;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	transition: .4s;
	opacity: .7;
}

.btn_menu_dmin span{
	display: block;
	width: 100%;
	height: 3px;
	background-color: #f8fbff;
	margin: 5px 0px;
}

.btn_menu_dmin:hover{
	opacity: 1;
}

.admin_menu_item{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.admin_menu_item h4{
	font-weight: 400;
	font-size: 14px;
	color: #f8fbff;
	margin: 0px 20px;
}

.f_search_admin_lmg{
	margin-right: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 550px;
	/*border: 1px solid #f8fbff;*/
	border-radius: 50px;
	overflow: hidden;
}

.f_search_admin_lmg input{
	display: block;
	width: calc(100% - 200px);
	padding: 4px 10px 5px 20px;
	border: none;
	outline: none;
	background-color: rgba(255, 255, 255, .5);
	color: #fff;
	font-size: 16px;
}

.f_search_admin_lmg select{
	display: block;
	width: 130px;
	padding: 8px 10px;
	border: none;
	outline: none;
}

.f_search_admin_lmg button{
	display: block;
	width: 70px;
	padding: 8px 20px;
	border: none;
	outline: none;
	background-color: #eee;
	cursor: pointer;
}

.admin_menu_item > h4 > span{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

.div_notification{
	position: relative;
}

.div_notification h4{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.div_notification h4 small{
	font-weight: bold;
	background-color: #fff;
	color: #0281e8;
	padding: 3px 5px;
	border-radius: 3px;
	margin-left: 3px;
}

.contenair_notification{
	position: absolute;
	top: 100%;
	right: -10px;
	width: 220px;
	max-height: 80vh;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: auto;
	display: none;
}

.content_notification{
	overflow: auto;
	height: 100%;
	background-color: #fff;
}

.content_notification ul li a{
	display: block;
	padding: 10px;
	border-bottom: 1px solid #fafafa;
	color: #777;
	text-decoration: none;
	transition: .4s;
	font-size: 14px;
}

.div_notification:hover > .contenair_notification{
	display: block;
	box-shadow: 1px 5px 10px rgba(0, 0, 0, .1);
}

.content_notification ul li a:hover{
	background-color: #fafafa;
	color: #000;
}

.admin_profile{
	position: relative;
}

.admin_profile ul{
	position: absolute;
	top: 100%;
	right: -10px;
	background-color: #fff;
	width: 170px;
	list-style: none;
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	display: none;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
}

.li_admin_menu{
	border-bottom: 1px solid #eee;
}

.admin_profile ul li a{
	text-decoration: none;
	display: block;
	opacity: .5;
	padding: 10px;
	color: #000;
	transition: .3s;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.admin_profile ul li a img{
	margin-right: 5px;
}

.admin_profile ul li a:hover{
	opacity: 1;
	background-color: #fafafa;
}

.admin_profile{
	margin-left: 40px;
}

.span_profile{
	display: inline-block;
}

.admin_profile:hover > ul{
	display: block;
}

.liste_menu_mlg{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	display: none;
	z-index: 110;
}

.menu_lmg_admin{
	position: fixed;
	top: 0px;
	left: -280px;
	width: 260px;
	height: 100vh;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	background-color: #f8fbff;
	transition: .4s;
	z-index: 100;
}

.accompagne_header_lmg{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .2);
	z-index: 2;
	display: none;
}

.head_menu_lmg{
	padding: 10px 20px;
	background-color: #0281e8;
}

.head_menu_lmg img{
	border: 1px solid #f8fbff;
}

.liste_privilege_lmg{
	height: calc(100vh - 75px);
	padding: 10px 20px;
	overflow: auto;
}

.liste_privilege_lmg ul{
	list-style: none;
}

.liste_privilege_lmg > ul > li > a{
	position: relative;
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #555;
	transition: .4s;
}

.liste_privilege_lmg > ul > li:hover > a{
	background-color: #eee;
	padding-left: 10px;
}

.sub_menu_lmg{
	margin-left: 20px;
}

.sub_menu_lmg li a{
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	color: #999;
	transition: .4s;
}

.sub_menu_lmg li a:hover{
	background-color: #fafafa;
	padding-left: 10px;
}

/*============= Article ===============*/

.navigation_btns{
	width: 90%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	z-index: 0;
}

.navigation_btns a, .navigation_btns button{
	display: inline-block;
	padding: 7px 15px 7px 10px;
	text-decoration: none;
	border-radius: 3px;
	margin-right: 10px;
	color: #fff;
	opacity: .7;
	transition: .4s;
	border: none;
	cursor: pointer;
}

.btn_app_add{
	background-color: #014989;
}

.btn_app_all{
	background-color: #61118e;
}

.corbeille{
	background-color: rgba(255, 12, 0, .7);
	border: 1px solid red;
}

.navigation_btns a:hover{
	opacity: 1;
}

.box_article{
	margin-top: 80px;
	z-index: 0;
}

.box_article form{
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.form_article{
	width: calc(100% - 300px);
}

.form_article h2{
	font-weight: 600;
	color: #777;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.bl_plugin_app{
	display: block;
	margin-bottom: 10px;
	color: #777;
}

.config_data{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.config_data h4{
	color: #777;
	width: 100%;
	margin: 5px;
}

.config_data label{
	font-weight: bold;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

.config_data label span{
	margin-left: 5px;
}

.config_data label span img{
	margin-right: 5px;
}

.config_data label input{
	cursor: pointer;
}

.group_label_app{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.bl_plugin_app_100{
	width: 100%;
}

.bl_plugin_app_66{
	width: 66%;
}

.bl_plugin_app_64{
	width: 64%;
}

.bl_plugin_app_49{
	width: 49%;
}

.bl_plugin_app_32{
	width: 32%;
}

.bl_plugin_app_24{
	width: 24%;
}

.bl_plugin_app_12{
	width: 12%;
}


.bl_plugin_app > input[type=text], .bl_plugin_app > textarea{
	display: block;
	padding: 7px 10px;
	font-size: 17px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 3px;
}

.bl_plugin_app > input[type=date]{
	display: block;
	padding: 4px 10px;
	font-size: 17px;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 3px;
}

.bl_plugin_app > p{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid #ccc;
}

.bl_plugin_app > p > i{
	display: block;
	padding: 7px 10px;
	font-size: 20px;
	background-color: #fff;
	border: none;
	width: 30px;
	outline: none;
	text-align: center;
}

.bl_plugin_app > p > input[type=text]{
	display: block;
	padding: 7px 10px;
	font-size: 20px;
	background-color: #fff;
	border: none;
	width: calc(70% - 30px);
	outline: none;
}

.bl_plugin_app > p > span{
	display: block;
	padding: 7px 10px;
	font-size: 20px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	width: 30%;
}

.bl_plugin_app h4 span{
	font-weight: 400;
}

#file_from_pc, #file_from_pc_update{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	background-color: #fff;
	border: 1px solid #eee;
	margin-top: 5px;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 3px;
}

#file_from_pc input, #file_from_pc_update input{
	display: none;
}

#file_from_pc img, #file_from_pc_update img{
	margin-right: 5px;
}

#file_from_pc span, #file_from_pc_update span{
	font-weight: bold;
}

#audio_id_youtube input, 
#audio_iframe textarea,
#audio_id_youtube_update input, 
#audio_iframe_update textarea{
	padding: 6px 10px;
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
}

#audio_id_youtube, #audio_iframe{
	display: none;
	width: 100%;
}

.btn_ckeditor{
	text-align: right;
	margin-top: 20px;
}

.btn_ckeditor a{
	display: inline-block;
	padding: 12px 20px;
	background-color: #ff0c00;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	border: none;
	font-size: 14px;
	text-decoration: none;
	margin-right: 20px;
}

.btn_ckeditor a:hover{
	background-color: #cd0a00;
}

.btn_ckeditor button{
	display: inline-block;
	padding: 12px 20px;
	background-color: #0075c1;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	border: none;
	font-size: 14px;
}

.btn_ckeditor button:hover{
	background-color: #005b96;
}

.parametre_article{
	width: 280px;
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.box_img_principale > h4{
	margin-bottom: 5px;
}

.file_ctrl_video{
	display: block;
	padding: 7px 10px;
	background-color: red;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
}


.file_ctrl_video_ok{
	display: block;
	padding: 7px 10px;
	background-color: green;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	text-decoration: none;
}

.podcast_alert{
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	background-color: red;
	color: #fff;
}

.btn_img_principale{
	display: block;
	padding: 5px 15px 5px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.btn_img_principale span{
	margin-left: 5px;
}

.image_show{
	width: 100%;
	height: 200px;
	margin-top: -5px;
}

.image_show img{
	display: block;
	width: 100%;
	border: 1px solid #ccc;
}

#file{
	visibility: hidden;
}

.config_post, .article_commente{
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.article_commente{
	margin-top: 20px;
}

.article_commente span{
	color: #777;
	font-weight: 400;
	font-style: italic;
}

.config_post h2{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.div_tag{
	width: 90%;
	margin: 0px auto;
	color: #777;
	text-transform: uppercase;
}


.h4_red{
	color: red;
}

.config_post h2 img{
	margin-bottom: -3px;
	margin-right: 5px;
}

.search_comment{
	width: 400px;
}

.search_comment label{
	display: block;
	padding: 12px 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.btns_tri{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.conditions_tri{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}

.conditions_tri a{
	display: inline-block;
	padding: 3px 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	color: #777;
	margin: 0px 10px 0px 0px;
}

#btn_white{
	background-color: #555;
	border: 1px solid #555;
	color: #eee;
}

.select_tri_app{
	display: inline-block;
	padding: 2px 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	color: #777;
	font-size: 14px;
	margin-right: 10px;
}

.select_tri_app option{
	background-color: #fff;
}

.form_search_post{
	width: 480px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 50px;
	overflow: hidden;
}

.btns_all_comment{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.btns_all_comment button, .btns_all_comment label{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-weight: bold;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	transition: .3s;
}

.btns_all_comment label{
	padding: 7px 10px;
	margin-left: 20px;
}

.btns_all_comment label input{
	margin-right: 5px;
}

.btns_all_comment button:hover, .btns_all_comment label:hover{
	background-color: #fafafa;
}

.search_form_app{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	position: relative;
}

.search_form_app input{
	display: block;
	width: 100%;
	padding: 7px 30px 8px 15px;
	font-size: 18px;
	border: none;
	outline: none;
}

.search_form_app button{
	position: absolute;
	top: 9px;
	right: 10px;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.image_header{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	max-width: 1300px;
	width: 90%;
	margin: 0px auto;
}

.image_header label{
	display: block;
	width: 23%;
	margin-left: 20px;
	cursor: pointer;
}

.image_header label> span{
	display: block;
	max-height: 180px;
	overflow: hidden;
	border: 1px solid #eee;
	border-radius: 5px;
}

.image_header label> span img{
	display: block;
	width: 100%;
}

.image_header label input{
	display: none;
}

.image_header label button{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 3px;
	margin-top: 5px;
	padding: 5px 10px;
	cursor: pointer;
}

.image_header label button img{
	margin-right: 5px;
}

.content_loader_img{
	width: 100%;
	height: 10px;
	background-color: #eee;
	border-radius: 50px;
	margin-top: 10px;
}

.loader_img_header{
	width: 2%;
	height: 10px;
	border-radius: 50px;
	background-color: green;
}

.all_post_app{
	width: 90%;
	margin: 0px auto;
}

.content_accueil{
	position: relative;
	max-width: 1300px;
	width: 100%;
	margin: 0px auto;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0px 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.update_data{
	position: absolute;
	top: 20px;
	right: 20px;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.photo_pasteur{
	width: 200px;
}

.content_image_pasteur{
	border-radius: 10px;
	border: 1px solid #eee;
	overflow: hidden;
}

.texte_pasteur{
	width: calc(100% - 220px);
}

.texte_pasteur h1, .texte_pasteur h4{
	color: #0281e8;
	margin-bottom: 5px;
}

.form_update_pasteur, .form_update_presentation{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .2);
	display: none;
	z-index: 110;
}

.content_presentation_from{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.form_update_pasteur form, .form_update_presentation form{
	position: relative;
	display: block;
	width: 900px;
	padding: 30px;
	background-color: #f8fbff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	transition: .4s;
	opacity: 0;
}

.form_update_pasteur form a, .form_update_presentation form a{
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
}

.form_update_pasteur form h2, .form_update_presentation form h2{
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.form_update_pasteur form h2 img, .form_update_presentation form h2 img{
	margin-right: 5px;
}

.response_data{
	margin: 10px 0px;
	text-align: left;
	display: none;
	width: 100%;
}

.texte_pasteur p{
	line-height: 20px;
	margin: 10px 0px 20px;
	color: #777;
}

.lien_sociaux{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.lien_sociaux a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 25px;
	margin-right: 10px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
}

.photo_pasteur img{
	display: block;
	width: 100%;
}

.biographie_pasteur{
	width: 100%;
	border-top: 1px solid #eee;
	margin-top: 20px;
	padding-top: 20px;
}

.biographie_pasteur p{
	color: #777;
	line-height: 20px;
}

.suppression_fonctions{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.btns_restaures{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.btns_restaures button{
	margin-left: 20px;
}

.suppression_fonctions a, .suppression_fonctions button{
	display: inline-block;
	padding: 3px 7px 3px 5px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	border-radius: 3px;
	opacity: .6;
	transition: .4s;
}

.suppression_fonctions a span, .suppression_fonctions button span{
	display: inline-block;
	margin-left: 5px;
}

.suppression_fonctions a{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #777;
}

.suppression_fonctions button{
	background-color: #fff;
	border: 1px solid red;
	color: red;
	outline: none;
}

.suppression_fonctions a:hover, .suppression_fonctions button:hover{
	opacity: 1;
}

.tb_article{
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
	border-collapse: collapse;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}

.tb_article thead tr{
	background-color: rgba(2, 129, 232, .1);
	color: #000;
	border-bottom: 1px solid #eee;
}

.lign_header .selection_tb{
	text-align: center;
	border-left: 1px solid #777;
}

.tb_article thead tr th{
	padding: 7px 10px;
	text-align: left;
}

.tr_ligne_tb_app td{
	border-right: 1px solid #ccc;
}

.tr_ligne_tb_app td p{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.tr_ligne_tb_app td p span{
	margin-left: 5px;
}

.titre_categorie_app{
	width: calc(100% - 131px);
}

.titre_app{
	width: calc(100% - 599px);
}

.tb_branche{
	width: 150px;
}

.tb_presenattion{
	width: calc(100% - 600px);
}

.tb_reseau{
	width: 250px;
}

.tb_reseau p a{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	margin-right: 10px;
}

.tb_slider{
	width: 100px;
}

.tb_ation_presentation{
	width: 100px;
}

.tb_slider p button{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	padding: 5px 10px;
}

.tb_ation_presentation p button{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	padding: 5px 10px;
}

.tb_slider p button small, .tb_ation_presentation p button small{
	margin-left: 5px;
}

.titre_app:hover .p_link{
	visibility: visible;
	transition: .2s;
}

.select_tri_titre{
	display: inline-block;
	margin-right: 5px;
	background-color: #ccc;
	border: 1px solid #777;
	padding: 1px 5px;
}

.select_tri_titre option{
	background-color: #fff;
}

.date_heure_app{
	width: 180px;
}

.theme{
	width: 200px;
}

.animateur{
	width: 120px;
}

.date_audio{
	width: 190px;
}

.invites{
	width: 25%;
}

.date_enregistrement{
	width: 220px;
}

.date_production{
	width: 150px;
}

.categorie_app, .couleur_degrade{
	width: 250px;
}

.auteur_app{
	width: 170px;
}


.etiquette_app{
	width: 130px;
}

.playliste_app{
	width: 150px;
}

.commentaire_app{
	width: 120px;
}

.div_state_post{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.like_app{
	width: 80px;
}

.actions_app{
	width: 131px;
}

.status{
	width: 220px;
}

.username{
	width: 300px;
}


.lign_header .titre_app, 
.lign_header .date_heure_app,
.lign_header .categorie_app,
.lign_header .etiquette_app,
.lign_header .commentaire_app,
.lign_header .like_app,
.lign_header .actions_app, .status,
.auteur_app, .date_production, .playliste_app{
	border-right: 1px solid #eee;
}

.categorie_post{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.liste_categorie{
	width: calc(100% - 20px);
	margin-left: 3px;
}

.degradee{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 50px;
	width: 50px;
	margin-left: 10px;
}


.i_categorie_red{
	display: inline-block;
	font-size: 11px;
	padding: 1px 5px;
	border-radius: 50px;
	background-color: rgba(240, 28, 7, .2);
	margin-bottom: 3px;
	border: 1px solid red;
}

.i_categorie{
	display: inline-block;
	font-size: 11px;
	padding: 1px 5px;
	border-radius: 50px;
	background-color: #eee;
	margin-bottom: 3px;
	border: 1px solid #ccc;
}

.p_link{
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	visibility: hidden;
}

.p_link a, .p_link button{
	display: inline-block;
	margin: 0px 5px 5px 0px;
	text-decoration: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.p_link a{
	color: #777;
	padding-right: 5px;
	font-size: 14px;
}

.btn_share_post_tb{
	padding-right: 5px;
	font-size: 14px;
	outline: none;
}

.btn_share_tb{
	color: #777;
	padding-right: 5px;
}

.btn_delete_post_tb{
	color: red;
}

.p_link a span, .p_link button span{
	margin-left: 3px;
}

.p_link a:hover, .p_link button:hover{
	text-decoration: underline;
}

.actions_app button, .actions_app a{
	display: inline-block;
	border: 1px solid #ccc;
	padding: 3px 5px;
	background-color: #eee;
	margin: 0px 2.5px;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}

.actions_app button:hover, .actions_app a:hover{
	background-color: #fff;
}

.selection_tb{
	width: 30px;
}

.selection_tb input{
	cursor: pointer;
}

.tr_ligne_tb_app{
	border-bottom: 1px solid #eee;
}

.tr_ligne_tb_app td{
	padding: 10px 10px;
	font-size: 14px;
}

.tr_ligne_tb_app .selection_tb{
	background-color: #eee;
	text-align: center;
}

.alt_lg{
	background-color: #fff;
}

.tr_ligne_tb_app:hover{
	opacity: .7;
}

.pagination_post_app{
	text-align: right;
	margin: 10px 0px;
	width: 400px;
}

.pagination_galeire_app{
	text-align: right;
	margin: 10px 0px;
	width: 100%;
}

.lien_pagination_app{
	display: inline-block;
	padding: 5px 8px;
	text-decoration: none;
	margin: 0px 3px;
	border-radius: 3px;
}

.lien_actif_app{
	background-color: #555;
	color: #fff;
}

.lien_non_actif_app{
	background-color: #ccc;
	color: #fff;
}

.total_post{
	color: #777;
}

.boutons_partage_post{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .1);
	display: none;
	transition: .4s;
}

.accompagne_share_post{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: transparent;
	z-index: 1;
}

.les_boutons_partage_post{
	width: 50px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: -70px;
	width: 50px;
	transform: translate(0%, -50%);
	padding: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	z-index: 3;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	opacity: 0;
	transition: .4s;
}

.btn_share_post{
	display: block;
	background-color: transparent;
	cursor: pointer;
	margin: 7.5px 0px 7.5px;
	border: none;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	overflow: hidden;
	outline: none;
	transition: .2s;
}

.btn_share_post img{
	display: block;
	width: 100%;
	height: 100%;
}

.btn_share_post:hover{
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	transform: scale(1.1);
}

.span_state{
	color: #777;
	font-weight: bold;
}

.categorie_etiquette{
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

.categorie_etiquette h4{
	color: #777;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.btn_add_config{
	display: inline-block;
	padding: 3px 5px;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	opacity: .7;
	transition: .2s;
	outline: none;
}

.btn_add_config:hover{
	opacity: 1;
}

#add_etiquette{
	display: none;
}

#add_categorie{
	display: none;
}

.add_config, .add_config_etiquette{
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: #999;
}

.add_config input{
	display: block;
	padding: 7px 10px;
	width: calc(100% - 60px);
	border: solid #eee;
	border-width: 1px 0px 1px 1px;
}

.add_config_etiquette input{
	display: block;
	padding: 7px 10px;
	width: calc(100% - 100px);
	border: solid #eee;
	border-width: 1px 0px 1px 1px;
}

.add_config_etiquette select{
	display: block;
	padding: 7px 5px;
	width: 40px;
	border: solid #eee;
	border-width: 1px 0px 1px 1px;
}

.add_config button, .add_config_etiquette button{
	display: block;
	padding: 7px 5px;
	width: 60px;
	border: solid #eee;
	border-width: 1px 1px 1px 0px;
	color: #fff;
	cursor: pointer;
}

.liste_config_article ul{
	list-style: none;
	background-color: #fff;
	max-height: 150px;
	overflow: auto;
}

.liste_config_article ul li{
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding-right: 5px;
}

.liste_config_article ul label{
	display: block;
	padding: 6px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	width: calc(100% - 50px);
}

.liste_config_article ul label span{
	margin-left: 5px;
	color: #777;
	text-transform: uppercase;
}

.liste_config_article ul li:hover{
	background-color: #fafafc;
}

.btn_delete_config{
	display: inline-block;
	background-color: transparent;
	border: none;
	cursor: pointer;
	font-size: 20px;
	color: #000;
	padding: 3px 7px;
	outline: none;
	transition: .3s;
	opacity: .5;
}

.btn_delete_config:hover{
	opacity: 1;
}

.aide_post{
	margin-top: 20px;
}

.div_aide_post{
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
}

.div_aide_post h4{
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	background-color: #eee;
}

.div_aide_post p{
	padding: 10px;
	background-color: #fff;
	line-height: 20px;
	color: #777;
}

.div_aide_post p span{
	color: #9bcbcf;
	font-weight: bold;
}

.alert_post_app{
	background-color: rgba(240, 28, 7, .2);
	border: 1px solid red;
	padding: 10px;
	margin-bottom: 20px;
}

.alert_post_app ul{
	list-style: none;
}

.alert_post_app ul li{
	font-size: 13px;
}

.alert_post_app ul li span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #777;
	border-radius: 50%;
	margin-right: 5px;
}

.div_categorie_etiquette{
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 20px;
}

.div_categorie_etiquette h4{
	border-bottom: 1px solid #ccc;
	padding: 3px 10px;
	color: #555;
}

.div_categorie_etiquette ul{
	background-color: #fafafa;
	display: flex;
	list-style: none;
	padding: 10px;
	color: #777;
	font-size: 14px;
	font-style: italic;
}

.div_categorie_etiquette ul li{
	margin-right: 10px;
}

.div_categorie_etiquette ul li span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ccc;
	border-radius: 50%;
	margin-right: 1px;
}

.alert_change_img{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .1);
	display: none;
	z-index: 5;
}

.box_change_img{
	width: 470px;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	box-shadow: 2px 5px 10px rgba(0, 0, 0, .2);
	padding: 40px;
	opacity: 0;
	transition: .4s;
}

.btn_close_app{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #777;
	background-color: transparent;
	cursor: pointer;
	border: none;
	font-size: 25px;
	outline: none;
	opacity: .5;
	transition: .2s;
}

.btn_close_app:hover{
	opacity: 1;
}

.content_box_alert h2{
	color: red;
}

.content_box_alert p{
	color: #777;
}




/*============= Galerie ==================*/

.form_progress_bar label{
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	text-align: center;
	color: #777;
}

.form_progress_bar label h4{
	margin-top: 10px;
}

.form_progress_bar label img{
	display: block;
	width: 120px;
	margin: 0px auto;
}

.progress{
	width: 100%;
	height: 10px;
	background-color: #ccc;
	border-radius: 50px;
	margin-top: 20px;
	overflow: hidden;
}

.progress-bar{
	width: 0%;
	height: 100%;
	background-color: #6c27b3;
}


.grille_imgs, .gestionnaire_image_galerie{
	max-width: 1300px;
	width: 90%;
	/*padding: 0px -20px;*/
	/*border: 1px solid #fafafa;*/
	height: auto;
	margin: 10px auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content: space-evenly;*/
	justify-content: flex-start;
}

.grille_imgs{
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, .1);
	border: 1px solid #eee;
}

.gestionnaire_image_galerie h2{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.gestionnaire_image_galerie h2 img{
	margin-right: 5px;
}

.grid_item{
	position: relative;
	width: calc((100% / 5) - 4px);
	max-height: 120px;
	text-align: center;
	color: #777;
	font-weight: 800;
	margin: 2px;
	overflow: hidden;
	border: 2px solid #f4d6ff;
	background-color: #222;
}

.delete_btn button{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5;
	padding: 3px 5px;
	background-color: rgba(255, 255, 255, .3);
	border: none;
	cursor: pointer;
	border-radius: 3px;
	outline: none;
	transition: .3s;
}

.delete_btn button:hover{
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}

.grid_item a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.grid_item > a > img{
	display: block;
	width: 100%;
	opacity: .3;
	transition: .6s;
}

.grid_item a:hover > img{
	transform: scale(1.2);
	opacity: 1;
}

.section_file_upload{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .2);
	z-index: 5;
	display: none;
}

.form_upload_file{
	position: absolute;
	top: 40%;
	left: 50%;
	width: 280px;
	padding: 40px 20px;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, .5);
	transform: translate(-50%, -50%);
	transition: .3s;
	opacity: 0;
}

#loader_icon{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	display: none;
}

#response_upload{
	display: block;
	margin-top: 20px;
	text-align: center;
}

.see_img{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #eee;
	overflow: hidden;
	display: none;
	margin-top: 10px;
}

.see_img img{
	display: block;
	width: 100%;
}

.btn_upload{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.btn_upload button{
	display: inline-block;
	padding: 12px 30px;
	border-radius: 3px;
	background-color: #6c27b3;
	color: #fff;
	cursor: pointer;
	transition: .2s;
	border: none;
}

.btn_upload button:hover{
	background-color: #56159a;
}

.pagination_galerie{
	width: 90%;
	margin: 0px auto;
}


/*========== Commentaire =========*/
.liste_commentaire_post{
	display: flex;
	flex-wrap: wrap;
	/*justify-content: flex-start;*/
}

.content_commentaire{
	position: relative;
	width: 32%;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0px 0px 50px;
	margin: 5px 7px 10px 7px;
	overflow: hidden;
	background-color: #eee;
	transition: .3s;
}

.content_commentaire:hover{
	box-shadow: 1px 2px 10px rgba(0, 0, 0, .2);
}

.user_comment{
	border-bottom: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	background-color: #fafafa;
	cursor: pointer;
	transition: .3s;
}

.user_comment span{
	display: block;
	width: 25px;
	height: 25px;
}

.user_comment span img{
	display: block;
	width: 100%;
	height: 100%;
}

.user_comment:hover{
	background-color: #eefafb;
}

.texte_commentaire_post p{
	padding: 0px 10px 10px;
	line-height: 22px;
}

.btn_comment_post{
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-top: 1px solid #ccc;
}

.btn_select_comment{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 10px;
}

.btn_select_comment button{
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 2px 3px;
	cursor: pointer;
}

.btn_af_commentaire{
	margin-left: 20px;
	border-radius: 50px;
	color: #fff;
	padding: 5px 10px;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}

.btn_affiche{
	background-color: green;
}

.btn_non_affiche{
	background-color: red;
}

.btn_af_commentaire span{
	margin-left: 5px;
}

.btn_comment_post > label{
	padding: 10px 10px;
	background-color: #fafafa;
	border-left: 1px solid #ccc;
	cursor: pointer;
}

.voir_plus_comment{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .2);
	z-index: 3;
	display: none;
}

.box_comment_app{
	width: 500px;
	padding: 40px;
	background-color: #fff;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 1px 3px 10px rgba(0, 0, 0, .5);
	transition: .4s;
	opacity: 0;
}

.box_comment_app h3{
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 22px;
}

.box_comment_app h3 span{
	display: block;
	color: #777;
	font-weight: 400;
}

.box_comment_app h2 span i{
	font-weight: 600;
}

.box_comment_app p{
	padding: 10px;
	border: 1px solid #ccc;
	max-height: 60vh;
	overflow: auto;
	line-height: 22px;
	margin-bottom: 20px;
}

@media screen and (max-width: 942px){
	.grid_item{
		width: calc((100% / 4) - 4px);
	}
}

@media screen and (max-width: 742px){
	.grid_item{
		width: calc((100% / 3) - 4px);
	}
}

@media screen and (max-width: 495px){
	.grille_imgs, .gestionnaire_image_galerie{
		width: 95%;
	}

	.grid_item{
		width: calc((100% / 2) - 4px);
	}
}




/*======= Tabeau de bord ========*/
.content_tableau_bord{
	max-width: 1300px;
	width: 80%;
	margin: 100px auto 40px;
	z-index: 0;
}

.content_tableau_bord> h2{
	margin-bottom: 10px;
	color: #0281e8;
	font-weight: 400;
}

.content_tableau_bord> h2> span{
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: #0281e8;
	margin-right: 5px;
}

.state_tb_bord{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.div_state_tb_bord{
	width: 23%;
	background-color: #fff;
	/*box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);*/
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #eee;
	transition: .4s;
}

.div_state_tb_bord h4{
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-color: rgba(2, 129, 232, .1);
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.div_state_tb_bord h4 img{
	margin-right: 5px;
}

.nombre_state{
	padding: 10px 10px 10px;
}

.nombre_state h1 span{
	font-size: 14px;
	font-weight: 400;
	color: #ccc;
}

.link_detail{
	padding: 5px 10px;
	text-align: right;
	border-top: 1px solid #eee;
	background-color: #fafafa;
	z-index: 0;
}

.link_detail a{
	color: #999;
	text-decoration: none;
	transition: .4s;
}

.link_detail a span{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #999;
}

.link_detail a:hover{
	color: #000;
}

.link_detail a:hover span{
	background-color: #000;
}

.div_state_tb_bord:hover{
	box-shadow: 1px 5px 10px rgba(0, 0, 0, .1);
}

.tableau_visite{
	margin-top: 40px;
}

.tableau_visite h3{
	margin-bottom: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tableau_visite h3 img{
	margin-right: 5px;
}

.tableau_visite table{
	width: 100%;
	border-collapse: collapse;
	border-radius: 5px;
	overflow: hidden;
}

.tableau_visite table thead{
	background-color: rgba(2, 129, 232, .1);
	border-bottom: 1px solid #eee;
}


.tableau_visite table thead tr th{
	padding: 10px 5px;
	text-align: left;
}

.alterne{
	background-color: #fafafa;
}

.tableau_visite table tbody tr{
	border-bottom: 1px solid #eee;
}

.tableau_visite table tbody tr td{
	padding: 7px 5px;
	font-size: 14px;
}

.item_tb_admin{
	width: 70px;
}

.ip_tb_admin{
	width: calc(100% - 370px);
	font-weight: bold;
}

.dateheure_tb_admin{
	width: 200px;
}

.action_tb_admin{
	width: 100px;
}

.action_tb_admin button{
	display: inline-block;
	padding: 3px 5px;
	background-color: #fff;
	border: 1px solid #eee;
	cursor: pointer;
	border-radius: 3px;
}

.tableau_visite table tbody tr:hover{
	background-color: #eee;
}

/* =========== Resnponsivité ============ */

@media screen and (max-width: 1040px){
	.content_tableau_bord{
		width: 90%;
	}
}


@media screen and (max-width: 914px){
	.div_state_tb_bord{
		width: 48%;
		margin-bottom: 20px;
	}
}


/*=========== Notifications =======*/
.get_notification_by_id{
	padding: 20px;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #eee;
}

.get_notification_by_id h3{
	margin-bottom: 10px;
	color: #555;
	font-weight: 400;
}

.get_notification_by_id p{
	line-height: 20px;
	color: #999;
	margin-bottom: 10px;
}

.get_notification_by_id a{
	color: #0281e8;
	text-decoration: none;
}

.get_notification_by_id button{
	display: inline-block;
	padding: 3px 10px;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 50px;
	cursor: pointer;
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	color: #777;
	outline: none;
	transition: .3s;
	opacity: .5;
}

.get_notification_by_id button:hover{
	opacity: 1;
}

.video_field{
	width: 100%;
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 10px;
	margin: 20px 0px;
}

.video_field h4{
	color: #777;
}

.video_field label input[type=file]{
	display: block;
	background-color: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	display: none;
}

.label_input textarea{
	display: block;
	background-color: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	padding: 10px;
	width: 100%;
}

.label_file{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	background-color: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	padding: 5px 10px;
	cursor: pointer;
	border-radius: 3px;
	align-items: center;
	font-weight: bold;
}

.label_file img{
	margin-right: 5px;
}

.video_field label input[type=text]{
	display: block;
	background-color: #fafafa;
	border: 1px solid #eee;
	font-size: 18px;
	padding: 5px 10px;
	width: 100%;
}

.forms_video{
	width: 90%;
	margin: 0px auto;
}

.forms_video form{
	display: block;
	width: 100%;
}

.apercu_video{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px solid #eee;
	border-radius: 5px;
}

.content_video_aprcu{
	width: 45%;
	padding: 20px;
}

.content_video_aprcu video{
	display: block;
	width: 100%;
}

.content_video_aprcu iframe{
	display: block;
	width: 100%;
	height: 320px;
}


.formulaire_mise_a_jour{
	width: 55%;
	padding: 20px;
	border-left: 1px solid #eee;
}

.ajout_audio{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .3);
	z-index: 100;
	display: none;
}

.ajout_audio form{
	display: block;
	width: 400px;
	padding: 40px;
	background-color: #fafafa;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
	transition: .4s;
	opacity: 0;
}

.btn_f_audio{
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: .3;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: .4s;
}

.btn_f_audio:hover{
	opacity: 1;
}

.ajout_audio form h3{
	border-bottom: 1px solid #eee;
	padding-bottom: 3px;
}

.ajout_audio form label input{
	display: none;
}

.ajout_audio form label{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	padding: 5px 10px;
	background-color: #fafafa;
	border: 1px solid #eee;
	border-radius: 3px;
	cursor: pointer;
	margin: 20px 0px;
	font-weight: bold;
	color: #777;
}

.btn_enreg_audio{
	display: block;
	width: 100%;
	padding: 12px 20px;
	background-color: #0281e8;
	transition: .4s;
	cursor: pointer;
	color: #f4fffc;
	border: none;
	border-radius: 5px;
	margin-top: 20px;
	outline: none;
}

.btn_enreg_audio:hover{
	background-color: #00569c;
}

#progress_lmg{
	width: 100%;
	overflow: hidden;
	border-radius: 50px;
	border: 1px solid #8bafcd;
}

.progress_bar_lmg{
	width: 3%;
	height: 10px;
	background-color: #8bafcd;
	border-radius: 50px;
}

#targetLayer_audio{
	text-align: center;
	margin: 10px;
}

.lecture_audio_lmg_admin{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, .3);
}

.content_audio_admin{
	width: 440px;
	padding: 40px 20px;
	background-color: #fafafa;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}

.content_audio_admin h3{
	color: #777;
}

.img_audio{
	width: 100%;
	min-height: 50px;
	max-height: 200px;
	overflow: hidden;
	border-radius: 5px;
	margin: 20px 0px;
}

.img_audio img{
	width: 100%;
}

.presenation h2{
	margin-bottom: 10px;
}

.presenation h2 span{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #0281e8;
	margin-right: 5px;
}

.get_slider{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0, 0, 0, .3);
	z-index: 101;
	display: none;
}

.content_admin_slider{
	max-width: 1300px;
	width: 80%;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #eee;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #f8fbff;
	transition: .4s;
	opacity: 0;
}

.content_form_image{
	padding: 10px 0px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.content_form_image form{
	display: inline-block;
	background-color: #fafafa;
	border-radius: 50px;
	width: 500px;
	border: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}

.content_form_image form label{
	padding: 0px 0px 0px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
	width: calc(100% - 115px);
}

.content_form_image form label img{
	margin-right: 5px;
}

.content_form_image form label input{
	display: none;
}

.content_form_image form label span{
	width: calc(100% - 30px);
	overflow: hidden;
}

.content_form_image form button{
	background-color: #0281e8;
	border: none;
	cursor: pointer;
	color: #f8fbff;
	font-weight: bold;
	padding: 10px 20px;
	width: 115px;
}

.contenair_slider{
	width: 100%;
	max-height: 90vh;
	overflow: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
}

.contenair_slider h2{
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.image_slider{
	width: 24%;
	max-height: 150px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	border: 4px solid #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
}

.image_slider > img{
	display: block;
	width: 100%;
	transition: .6s;
}

.image_slider button{
	position: absolute;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	background-color: #fff;
	padding: 3px 5px;
	border: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);
	border-radius: 3px;
}

.image_slider:hover > img{
	transform: scale(1.2);
}

.response_img{
	width: 100%;
	margin: 10px 0px;
	text-align: center;
	display: none;
}



.btn_close_img{
	position: absolute;
	top: 20px;
	right: 20px;
	border: none;
	border-radius: 3px;
	background-color: transparent;
	cursor: pointer;
	opacity: .4;
	transition: .4s;
}

.btn_close_img:hover{
	opacity: 1;
}

.audio_podcast{
	width: 100%;
}

.audio_podcast audio{
	display: block;
	width: 100%;
}

.audio_podcast iframe{
	display: block;
	width: 100%;
	height: 200px;
}

#fichier_audio{
	display: block;
	width: 100%;
	padding: 10px;
}