* { margin:0; padding:0; box-sizing:border-box; }
h1 { background-color: #B45F04; color:white; }
.clear { clear: both; }
.div_display_none { display:none; }
html { }
	body { background:#EFECCA; }
		.class_content { width:95%; margin:auto; background:#b8b296; }
		
			.button_online { float:left; width:170px; height:50px; margin:0px 0px 0px 30px; font-size:20px; cursor:pointer; text-align:center; background-repeat:no-repeat; border:solid 1px #b8b296; }
				.button_online:hover { background-color:#b8b296; }
				.button_online:active { color:red; }
			.button_read_message { width:200px; height:50px; margin:0px auto 0px auto; font-size:20px; cursor:pointer; text-align:center; background-repeat:no-repeat; border:solid 1px #b8b296; }
				.button_read_message:hover { background-color:#b8b296; }
				.button_read_message:active { color:red; }			

			div.class_pieddepage { float:left; width:100%; text-align:center;  }
				.class_divers { float:left; width:100%; margin-top:5px; }
					.class_button_close_window { padding-left:30px; padding-top:10px;  background-position:0px 10px; background-image:url(/img/button-close-window-30-30-B8B296.jpg); }
						.class_button_close_window:hover { background-image:url(/img/button-close-window-30-30-000000.jpg); }
				.class_w3c { float:left; height:35px; width:100%; padding:5px; }
			div.class_page { float:left; width:100%; text-align:center; }
				div.class_header_page { float:left; width:100%; height:90px; text-align:center; background:#b8b296; }
				div.class_containt_page { float:left; width:100%; margin:5px 0px 10px 0px; background:#fff; padding:10px; box-shadow:5px 5px 0 #b8b296; }
					.class_h1_home { }
					.class_h1_register { }
					.class_h1_connect { }
					.class_h1_online { }
					.class_h1_send_message { }
					.class_h1_send_message_video { }
					.class_h1_read_message { }
					.class_h1_respond_message { }
					.class_div_send_message_video { width:100%; margin:10px auto; padding: 5px 5px 5px 5px; background-color:#E2DFB9; border-style:groove; }
						.class_form_send_message_video { width:100%; margin:10px auto; }
							.class_div_send_message_video_label { float:left; width:50px; height:30px; text-align:left; }
								.class_label_send_message_video { width:100%; margin-top:5px; font-size:18px; font-family:"times new roman",times,serif; }
							.class_div_send_message_video_input { height:30px; margin-left:55px; margin-right:5px; text-align:left; }
								.class_input_send_message_video { width:100%; text-align:left; font-size:18px; font-family:"times new roman",times,serif; }
							.class_label_video { width:140px; height:30px; margin-top:10px; font-size: 18px; text-align:left; }
							.class_video_elements { width:100%; height:300px; }
								.class_video_element { width:340px; height:300px; margin-left:auto; margin-right:auto; margin-top:10px; font-size: 18px; }
									.class_video { width:320px; height:240px; border:solid 1px gray; }
									.class_div_video_button { width:100%; margin-top:10px; }
										.class_video_button { margin-left:10px; font-size: 18px; cursor:pointer; text-align:center; }
							.class_button_send_message_video { width:240px; height:32px; margin:5px auto 0px auto; padding:0px 0px 0px 40px; font-size: 18px; cursor:pointer; text-align:center; background-image:url(/img/button-send-message-45-30-E2DFB9.png); background-repeat:no-repeat; border: solid 1px #b8b296; }
								.class_button_send_message_video:hover { background-image: url(/img/button-send-message-hover-45-30-B8B296.png); background-color: #b8b296; }
								.class_button_send_message_video:active { background-color: #b8b296; color:red; }
							.class_label_video { width:140px; height:30px; margin-top:10px; font-size: 18px; text-align:left; }
							.class_input_video { width:380px; height:30px; margin-top:10px; font-size: 18px; }
					.class_div_send_message { width:100%; margin:10px auto; padding: 5px 5px 5px 5px; background-color:#E2DFB9; border-style:groove; }
						.class_form_send_message { width:100%; margin:10px auto; }
							.class_div_send_message_label { float:left; width:50px; height:30px; text-align:left; }
								.class_label_send_message { width:100%; margin-top:5px; font-size:18px; font-family:"times new roman",times,serif; }
							.class_div_send_message_input { height:30px; margin-left:55px; margin-right:5px; text-align:left; }
								.class_input_send_message { width:100%; text-align:left; font-size:18px; font-family:"times new roman",times,serif; }
							.class_textarea_send_message { width:100%; height:230px; color:black; font-size: 18px; font-family:"times new roman", times, serif; border:solid 1px black; }
							.class_button_send_message { width:240px; height:32px; margin:5px auto 0px auto; padding:0px 0px 0px 40px; font-size: 18px; cursor:pointer; text-align:center; background-image:url(/img/button-send-message-45-30-E2DFB9.png); background-repeat:no-repeat; border: solid 1px #b8b296; }
								.class_button_send_message:hover { background-image: url(/img/button-send-message-hover-45-30-B8B296.png); background-color: #b8b296; }
								.class_button_send_message:active { background-color: #b8b296; color:red; }
							.class_label_attachment { width:140px; height:30px; margin-top:10px; font-size: 18px; text-align:left; }
							.class_input_attachment { width:380px; height:30px; margin-top:10px; font-size: 18px; }
						.class_label_error_nodisplay_send_message { display:none; }
						.class_label_error_display_send_message { width:100%; height:30px; margin-top:5px; display:block; color:red; text-align:center; font-size:20px; }
					.class_div_read_message { width:100%; margin:10px auto; padding: 5px 5px 5px 5px; background-color:#E2DFB9; border-style:groove; }
						.class_div_read_message_label { float:left; width:50px; height:30px; text-align:left; }
							.class_label_read_message { width:100%; margin-top:5px; font-size:18px; font-family:"times new roman",times,serif; }
						.class_div_read_message_input { height:30px; margin-left:55px; margin-right:5px; text-align:left; }
							.class_input_read_message { width:100%; text-align:left; font-size:18px; font-family:"times new roman",times,serif; }
						.class_textarea_read_message { width:100%; height:230px; color:black; font-size: 18px; font-family:"times new roman", times, serif; border:solid 1px black; }

						.class_button_read_message { padding-left:40px; padding-top:0px; background-position:0px 10px; background-image:url(/img/button-send-message-45-30-E2DFB9.png); }
							.class_button_read_message:hover { background-image:url(/img/button-send-message-hover-45-30-B8B296.png); }
						.class_button_read_attachment { padding-left:40px; padding-top:0px; background-position:0px 10px; background-image:url(/img/button-send-message-45-30-E2DFB9.png); }
							.class_button_read_attachment:hover { background-image:url(/img/button-send-message-hover-45-30-B8B296.png); }
						.class_button_read_video { padding-left:40px; padding-top:0px; background-position:0px 10px; background-image:url(/img/button-send-message-45-30-E2DFB9.png); }
							.class_button_read_video:hover { background-image:url(/img/button-send-message-hover-45-30-B8B296.png); }
						
						.class_label_error_nodisplay_read_message { display:none; }
						.class_label_error_display_read_message { width:100%; height:30px; margin-top:5px; display:block; color:red; text-align:center; font-size:20px; }
					.class_div_respond_message { width:100%; margin:10px auto; padding: 5px 5px 5px 5px; background-color:#E2DFB9; border-style:groove; }
						.class_div_respond_message_label { float:left; width:50px; height:30px; text-align:left; }
							.class_label_respond_message { width:100%; margin-top:5px; font-size:18px; font-family:"times new roman",times,serif; }
						.class_div_respond_message_input { height:30px; margin-left:55px; margin-right:5px; text-align:left; }
							.class_input_respond_message { width:100%; text-align:left; font-size:18px; font-family:"times new roman",times,serif; }
						.class_textarea_respond_message { width:100%; height:230px; color:black; font-size: 18px; font-family:"times new roman", times, serif; border:solid 1px black; }
						
						.class_button_respond_message { padding-left:40px; padding-top:0px; background-position:0px 10px; background-image:url(/img/button-send-message-45-30-E2DFB9.png); }
							.class_button_respond_message:hover { background-image: url(/img/button-send-message-hover-45-30-B8B296.png); }
						
						.class_label_error_nodisplay_respond_message { display:none; }
						.class_label_error_display_respond_message { width:100%; height:30px; margin-top:5px; display:block; color:red; text-align:center; font-size:20px; }
					.class_div_online { float:left; width:100%; margin:10px auto; padding:5px; background-color:#E2DFB9; border-style:groove; }
						.class_div_online_columns_left { float:left; width:200px; }
							.class_div_online_rows_left_outils { width:100%; height:50px; }
							.class_div_online_rows_left_sections { width:100%; min-height:200px; }
								.button_online_boite_reception_idle { margin:20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #E2DFB9; color:black; }
									.button_online_boite_reception_idle:hover { background-color: #b8b296; color:black; }
									.button_online_boite_reception_idle:active { background-color: #b8b296; color:red; }
								.button_online_boite_reception_selected { margin:20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #b8b296; color:red; }
									.button_online_boite_reception_selected:hover { background-color: #b8b296; color:black; }
									.button_online_boite_reception_selected:active { background-color: #b8b296; color:red; }
								.button_online_messages_envoyes_idle { margin:20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #E2DFB9; color:black; }
									.button_online_messages_envoyes_idle:hover { background-color: #b8b296; color:black; }
									.button_online_messages_envoyes_idle:active { background-color: #b8b296; color:red; }
								.button_online_messages_envoyes_selected { margin:20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #b8b296; color:red; }
									.button_online_messages_envoyes_selected:hover { background-color: #b8b296; color:black; }
									.button_online_messages_envoyes_selected:active { background-color: #b8b296; color:red; }
								.button_online_messages_supprimes_idle { margin:20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #E2DFB9; color:black; }
									.button_online_messages_supprimes_idle:hover { background-color:#b8b296; color:black; }
									.button_online_messages_supprimes_idle:active { background-color:#b8b296; color:red; }
								.button_online_messages_supprimes_selected { margin: 20px auto 0px auto; padding:5px 5px; border:none; text-align:center; text-decoration:none; font-size: 20px; cursor: pointer; background-color: #b8b296; color:red; }
									.button_online_messages_supprimes_selected:hover { background-color: #b8b296; color:black; }
									.button_online_messages_supprimes_selected:active { background-color: #b8b296; color:red; }
								.class_button_deconnect { margin:20px auto 0px auto; padding:10px 10px; background-color:#B45F04; border:none; color:white; text-align:center; text-decoration: none; font-size: 16px; cursor: pointer; }
									.class_button_deconnect:hover { background-color:#FE9A2E; color: black; }
						.class_div_online_columns_right { margin-left:210px; }
							.class_div_online_rows_right_outils { float:left; width:100%; height:60px; }
								
								.button_online_reload { padding-left:30px; padding-top:10px; background-position:0px 10px; background-image:url(/img/bouton-actualiser-30-30-E2DFB9.jpg); }
									.button_online_reload:hover { background-image:url(/img/bouton-actualiser-hover-30-30-B8B296.jpg); }
								.button_online_new_message { padding-left:45px;  padding-top:0px; background-position:0px 10px; background-image:url(/img/button-send-message-45-30-E2DFB9.png); }
									.button_online_new_message:hover { background-image: url(/img/button-send-message-hover-45-30-B8B296.png); }
								.button_online_new_message_video { padding-left:40px;  padding-top:10px; background-position:0px 10px; background-image:url(/img/button-send-message-video-45-30-E2DFB9.png); }
									.button_online_new_message_video:hover { background-image:url(/img/button-send-message-video-45-30-B8B296.png); }
								.class_button_delete_mails { padding-left:30px;  padding-top:10px; background-position:0px 10px; background-image:url(/img/poubelle-30-30-E2DFB9.png); }
									.class_button_delete_mails:hover { background-image:url(/img/poubelle-30-30-hover-B8B296.png); background-color: #b8b296; }
								.class_button_delete_definitivement_mails { padding-left:40px;  padding-top:0px; background-position:0px 10px; background-image:url(/img/poubelle-30-30-E2DFB9.png); }
									.class_button_delete_definitivement_mails:hover { background-image:url(/img/poubelle-30-30-hover-B8B296.png); }
									
						.class_div_online_rows_right_sections { float:left; width:100%; min-height:200px; }
								.hr_mail { margin-top:0px; }
								.class_div_online_rows_right_section { text-align:left; cursor: pointer; border:solid 1px #E2DFB9; }
									.class_div_online_rows_right_section_from_subject { height:30px; padding-top:5px; margin-right:102px; text-align:left; overflow:hidden; white-space:nowrap; }
										.class_input_select_mail { width:20px; height:20px; margin:0px 0px 0px 10px; font-size: 18px; cursor: pointer; }
										.class_span_button_delete_mail { width:20px; height:20px; margin:0px 0px 0px 15px; vertical-align:top; display:inline-block; cursor:pointer; background-image:url(/img/poubelle-20-20-E2DFB9.png); background-repeat:no-repeat; border: solid 1px #b8b296; }
											.class_span_button_delete_mail:hover { background-image: url(/img/poubelle-20-20-hover-B8B296.png); background-color: #b8b296; }
										.class_span_recipient_mail { width:200px; margin:0px 0px 0px 15px; vertical-align:top; overflow:hidden; color:black; font-size: 20px; font-family:"times new roman", times, serif; }
										.class_span_subject_mail { max-width:200px; height:30px; margin:0px 0px 0px 5px; vertical-align:top; overflow:hidden; color:black; font-size: 20px; font-family:"times new roman", times, serif; }
										.class_span_message_mail { height:30px; margin:0px 0px 0px 5px; vertical-align:top; color:#86857D; font-size: 20px; font-family:"times new roman", times, serif; }
									.class_div_online_rows_right_section_date { float:right; width:100px; height:30px; padding-top:5px; text-align:center; }
										.class_div_date_mail { margin:2px 0px 0px 5px; color:black; font-size: 18px; font-family:"times new roman", times, serif; }
					.class_div_home { width:400px; margin-top:40px; margin-left:auto; margin-right:auto; background-color:#E2DFB9; border-style:groove; }
						.class_button_connection { margin:40px auto 20px auto; padding: 15px 15px; background-color: #B45F04; border: none; color: white; text-align: center; text-decoration: none; font-size: 20px; cursor: pointer; }
							.class_button_connection:hover { background-color: #FE9A2E; color: black; }
						.class_button_registration { margin:40px auto 20px auto; padding: 15px 15px; background-color: #B45F04; border: none; color: white; text-align: center; text-decoration: none; font-size: 20px; cursor: pointer; }
							.class_button_registration:hover { background-color: #FE9A2E; color: black; }
					.class_div_register { width:400px; margin-top:40px; margin-left:auto; margin-right:auto; background-color: #E2DFB9; border-style: groove; }
						.class_label_register { float:left; width:360px; margin-top:20px; margin-left:20px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_input_email_register { float:left; width:270px; margin-top:5px; margin-left:20px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_label_domain_register { float:left; width:80px; margin-top:5px; margin-left:0px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_input_register { float:left; width:360px; margin-top:5px; margin-left:20px; text-align: left; font-size: 18px; }
						.class_button_register { background-color: #B45F04; border: none; color: white; margin: 40px 0px 10px 0px; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; }
							.class_button_register:hover { background-color: #FE9A2E; color: black; }
						.class_label_error_nodisplay_register { display:none; }
						.class_label_error_display_register { float:left; width:360px; margin-top:5px; margin-left:20px; display:block; color: red; text-align: center; font-size: 20px; }
						.class_label_allready_connect_register { float:left; width:360px; margin-top:5px; margin-left:20px; display:block; color: red; text-align: center; font-size: 20px; }
					.class_div_connect { width:400px; margin-top:40px; margin-left:auto; margin-right:auto; background-color: #E2DFB9; border-style: groove; }
						.class_label_connect { float:left; width:360px; margin-top:40px; margin-left:20px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_input_email_connect { float:left; width:270px; margin-top:5px; margin-left:20px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_label_domain_connect { float:left; width:80px; margin-top:5px; margin-left:0px; text-align: left; font-size: 18px; font-family:"times new roman", times, serif; }
						.class_input_connect { float:left; width:360px; margin-top:5px; margin-left:20px; text-align: left; font-size: 18px; }
						.class_button_connect { background-color: #B45F04; border: none; color: white; margin: 50px 0px 10px 0px; padding: 15px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 20px; cursor: pointer; }
							.class_button_connect:hover { background-color: #FE9A2E; color: black; }
						.class_label_error_nodisplay_connect { display:none; }
						.class_label_error_display_connect { float:left; width:360px; margin-top:5px; margin-left:20px; display:block; color: red; text-align: center; font-size: 20px; }
						.class_label_allready_connect_connect { float:left; width:360px; margin-top:5px; margin-left:20px; display:block; color: red; text-align: center; font-size: 20px; }
				div.class_footer_page { float:left; height:70px; width:100%; text-align:center; background:#b8b296; }