/*----------------------------------------------*/
	/*												*/
	/* 					 Tabatha					*/
	/*												*/
	/*			 	Copyright (c) 2021				*/
	/*												*/
	/*----------------------------------------------*/
	/*												*/
	/*				client_style.css				*/
	/*												*/
	/*----------------------------------------------*/

/* Violet principal : 204,0,102 Le violet : a255c4*/
/* Gris : #f7f9f9  - Bleu ciel : #41bedd	*/
/* Bleu royal : 0171ad - Rouge Neuro #d92231 */
/* Vert foncé : 228b22 - Bouton orange : #f0c14b */
/* Bleu principal :  (65,190,221,0.7) et le foncé 0,51,204 */
	
/********** espace clients **********/
#menu_client									{ background-color:#f7f9f9; font-size:15px; padding:10px 5px 5px 10px; margin-right:12px; border-radius:8px; -webkit-box-shadow:0 1px 0 #0171ad; -moz-box-shadow:0 1px 0 #0171ad; box-shadow:0 1px 3px #444; }
#menu_client li									{ line-height:24px;  margin:0 0 20px 0; letter-spacing: -1px;}

#menu_client .menu_texte						{ font-weight:bold; padding:0 0 5px 0; }
#menu_client .menu_icone img					{ width:30px; height:30px; margin:-5px 5px 0 0; }
#menu_client .menu_icone:hover					{ opacity:0.8; filter:alpha(opacity=80); color:#41bedd; }
#menu_client .active							{ color:#41bedd; text-transform: uppercase; }

.box_menu, .box_menu_mini, .box_menu_max		{ float:left; background-color:rgba(65,190,221,0.1); margin:12px 4px; border-radius:8px; -webkit-box-shadow:0 1px 0 #0171ad; -moz-box-shadow:0 1px 0 #0171ad; box-shadow:0 1px 3px #444; padding:8px; overflow: hidden; }
.box_menu_max									{ width:47%; height:90px; margin-right:4px; }
.box_menu										{ width:30%; height:105px; }
.box_menu_mini									{ width:22%; height:130px; }
.box_menu_mini:hover, .box_menu:hover, .box_menu_max:hover	{  opacity:0.7; filter:alpha(opacity=70); }
.box_menu_mini h4, .box_menu h4, .box_menu_max h4				{ font-size:20px; color:#0171ad; margin-top:-10px; }
.box_menu_mini img, .box_menu img, .box_menu_max img			{ float:left; position:relative; margin-right:10px; }
.box_menu img, .box_menu_max img								{ width:60px; }
.box_menu_mini img											{ width:40px; }
.box_menu_mini p, .box_menu p, .box_menu_max p				{ color:#333; font-size:14px; line-height: 14px;  margin-bottom:5px; }
.box_menu_mini span, .box_menu span, .box_menu_max span		{ color:#777; font-size:12px; line-height: 12px; font-style:italic; }

#clients_fichier .ligne_fichier 				{ padding:20px 20px 20px 0; font-size:20px; margin:0 0 10px 0;line-height:40px; }
#clients_fichier .ligne_fichier:after 			{ clear:both; }
#clients_fichier .ligne_fichier:hover, #clients_fichier .ligne_fichier a:hover 			{ background-color:#0171ad; color:white; }
#clients_fichier .ico_fichier 					{ width:90%; }
#clients_fichier .nom_fichier	 				{   }
#clients_fichier .poids_fichier 				{ float:right; text-align:right; font-size:16px; position:relative; }
#clients_fichier .fichier_client_separe			{ clear:both; border-top:1px solid #ccc; padding-top:1px; margin:5px 0 2px 0;}
#clients_photo									{ margin-left:14px; }

/* Evenement accueil */
#client_accueil_evt								{ color:#333; background-color:rgba(65,190,221,0.2); border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; margin:1px 0 4px 0; padding:8px; margin:6px 0 6px 0; font-size:18px;}
#client_accueil_evt img							{ width:25px; margin-right:6px; }
#evt_client_reserve								{ clear:both; }
#evt_client_reserve .evt_client_titre			{ font-size:18px; padding:0px; display:block;}
#evt_client_reserve .evt_client_date			{ font-size:14px; padding:0px; display:inline; color:#a255c4; }
#evt_client_reserve .evt_client_date	img		{ width:12px; margin:6px 5px 0 0; }
#evt_client_reserve .evt_client_heure			{ font-size:14px; padding:0px; margin:0 0 0 4px; color:#a255c4; display:inline; }
#evt_client_reserve .evt_client_separe			{ clear:both; border-top:1px solid #ccc; padding-top:1px; margin:5px 0 2px 0;}

/************ Produits ************/
#clients_commande .section_statut 				{ margin-top:60px; }
#clients_commande .section_statut h4			{ color:#0171ad; }
#clients_commande .section_statut span			{ font-style:italic; font-size:18px; }
#clients_commande .section_statut .action img	{ width:40px; margin-left:50px;}
#clients_commande .section_statut .action:hover	{ opacity:0.7; filter:alpha(opacity=70); }
#clients_commande .ligne_commande 				{ padding:10px 10px 10px 0; font-size:20px; margin:5px 0 5px 0; line-height:30px; /* border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; */}
#clients_commande .ligne_commande:after 		{ clear:both; }
#clients_commande .ligne_commande:hover 		{ background-color:#ccffff; /* background-color:#0171ad; color:white; */}
#clients_commande .ligne_activite				{ color:#a255c4; }
#clients_commande .date_info					{ color:#d92231; font-style:italic; }
#clients_commande .confirmation_info			{ color:#228b22; font-weight:bold; }
#clients_commande .donnee_absente_info			{ color:#0171ad; font-style:italic; }
#clients_commande .ligne_activite img			{ width:30px; margin-right:10px; }
#clients_commande .ligne_note_activite			{ font-size:14px; }
#clients_commande .ligne_note_email				{ font-size:14px; margin:0 0 20px 0;}
#clients_commande .info_activite_fichier		{ font-size:16px; }
#clients_commande .info_activite_fichier a:hover	{ color:red; }
#clients_commande .detail_affiche_activite		{ font-size:14px; color:green; font-weight:bold; cursor:pointer; }
#clients_commande .ligne_contenu_autorise, #clients_commande .detail_activites		{ display: none; padding:30px; border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; }
#clients_commande .ligne_contenu_autorise		{ background-color:#ffffcc; }
#clients_commande .detail_commande_activites	{ background-color:#ffffff; padding:30px; border-radius:5px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; }
#clients_commande .detail_commande_activites p	{ line-height:20px; }
#clients_commande .detail_commande_activites span	{ font-weight:bold; }
#clients_commande .detail_activites				{ background-color:#ccffcc; }
#clients_commande .ico_note 					{ width:30px; margin-right:20px; }
#clients_commande .ico_fichier 					{ width:25px; margin-right:20px; }
#clients_commande .image_fichier 				{ width:200px; margin: 10px 0 20px 0; }
#clients_commande .detail_contenu_autorise a	{ font-size:16px; display:flex; align-items:center; }
#clients_commande .detail_contenu_autorise a:hover	{ color:#0171ad; }
#clients_commande .ligne_contenu_autorise img	{ width:80px; margin: 10px 20px 10px 60px; }
#clients_commande .ligne_contenu_autorise		{ margin: 0px 0px 40px 0px; }
#clients_commande .ligne_contenu_autorise h5	{ color:#0171ad; margin-left:30px; font-size:18px;}
#clients_commande .date_activite				{ font-size:14px; font-style:italic; }
#clients_commande .ico_statut 					{ width:50px; margin-right:20px; }
#clients_commande .ico_commande 				{ height:90%; max-height:100px; }
#clients_commande .titre_info 					{ color:#0171ad; text-decoration:underline; }
#clients_commande .nom_commande	 				{   }
#clients_commande .commande_detail, #clients_commande .detail_commande_activites p	 			{ color:#333333; font-size:14px; font-style:italic; }
#clients_commande .numero_commande	 			{ font-weight:bold; }
#clients_commande .date_achat					{  }
#clients_commande .fin_commande	 				{ font-style:italic; margin:40px; color:#0171ad; }
#clients_commande .prix_commande 				{ float:right; text-align:right; font-size:18px; position:relative; font-weight:bold; }
#clients_commande .commande_client_separe		{ clear:both; border-top:1px solid #ccc; padding-top:1px; margin:5px 0 2px 0; }
#clients_commande .radio_label_standard			{ font-weight:normal; }

/************ Agenda ************/
#agenda_client h4 span							{ font-style:italic; font-size:24px; margin-left:10px; }
/*
#clients_produits .my_img						{ width:100%; padding:5px;}
#clients_produits .btn_rub_icone 				{ width:40px; margin-right:10px; }
#clients_produits .titre_type	 				{ font-size:35px; border-top:1px dotted rgb(0,51,204); color:rgb(0,51,204); margin-top:20px; padding-top:10px; }
#clients_produits .titre_produit				{ font-size:24px; color:rgba(65,190,221,0.7);}
#clients_produits .titre_produit span			{ font-size:16px; display:block; font-style:italic; }
#clients_produits .txt_produit					{ font-size:14px; display:block; line-height:18px; }
#clients_produits .price						{ font-size:18px; display:block; font-weight:bold; }
#clients_produits .btn_icone 					{ width:40px; }

#clients_produit .block_img						{ width:40%; padding:0px; margin:5px 15px 10px 0; float:left; position:relative; }
#clients_produit .my_img						{ width:100%; }
#clients_produit .titre_produit					{ font-size:40px; color:rgba(65,190,221,0.7);}
#clients_produit .titre_produit span			{ font-size:26px; display:block; font-style:italic; }
#clients_produit .txt_produit_intro				{ font-size:16px; display:block; line-height:20px; font-style:italic;  margin-bottom:15px;}
#clients_produit .txt_produit					{ font-size:18px; display:block; line-height:22px; margin-bottom:10px; }
#clients_produit .txt_produit_option			{ font-size:18px; display:block; line-height:22px; margin-bottom:10px; }
#clients_produit .prix_produit_haut				{ font-size:26px; font-weight:bold; }
#clients_produit .achat_produit_haut			{ text-align:center; margin:5px; margin-bottom:10px; }
#clients_produit .prix_produit					{ text-align:center; margin:15px; }
#clients_produit .btn_icone 					{ width:50px; }
#clients_produit .goback 						{ width:64px; float:left; position:relative; border:none; margin:10px;}
*/

/********** clients form **********/
#clients_forms									{ width:100%; vertical-align:top; min-height:100px; }
#clients_forms .obligatoire, #clients_commande .obligatoire						{ color:rgb(0,51,204); vertical-align:super; }
#clients_forms .titre							{ color:rgb(0,51,204); font-size:34px; text-align:center; }
#clients_forms .sous_titre						{ color:rgb(0,51,204); font-size:22px; text-align:center; margin:5px 0 15px 0; }
#clients_forms .sous_titre_info					{ color:rgb(0,51,204); font-size:16px; text-align:center; margin:5px 0 15px 0; font-style:italic; }
#clients_forms .form_info						{ clear:both; }
#clients_forms .form_info label					{ text-align:right; padding-right:10px; line-height:20px; }
#clients_forms .form_info input					{ width:95%; height:20px; padding:5px; margin:5px; color:rgb(0,0,0); font-size:16px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#clients_forms .form_info select				{ width:98%; height:35px; font-size:14px; padding:0px; margin:5px; color:rgb(0,0,0); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#clients_forms .form_info textarea				{ width:95%; height:157px; padding:5px; margin:5px 5px 30px 5px; color:rgb(0,0,0); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#clients_forms .form_info .radios				{ width:95%; padding:5px; margin:5px; }
#clients_forms .form_info .radios label			{ margin-right:6px; line-height:30px; float:left; }
#clients_forms .form_info .radio				{ border:none; height:15px; width:15px; outline:none; line-height:25px;}
#clients_forms .form_info .demi					{ width:50%; }
#clients_forms .form_info .complement_info		{ font-size:12px; color:#777; }
#clients_forms .confidentialite					{ font-size:12px; color:#777; margin:-10px 0 2px 0; text-align:center; }
#clients_forms .my_captcha 						{ padding-left:10px; }
#clients_forms .alerte_txt						{ color:#ff8800; }
#clients_forms .alerte_txt input				{ background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; }
#clients_forms .alerte_txt select				{ background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; }
#clients_forms .alerte_txt textarea				{ background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; }
#clients_forms .erreur							{ clear:both; color:#ff0000; font-size:18px; text-align:center; }
#clients_forms .erreur small					{ font-size:14px; }
#clients_forms .reponse							{ clear:both; color:#336600; font-size:18px; padding:20px 20px 20px 0; }
#clients_forms .submit							{ clear:both; text-align:center; margin-left:30px; }
#clients_forms .obligatoire_info, #clients_commande .obligatoire_info				{ clear:both; text-align:left; font-size:12px; font-style:italic; }
#clients_forms .button_std						{ background-color:rgb(0,51,204); border-radius:4px; box-shadow:3px 3px 5px #000; padding:15px 40px 15px 40px; margin:0 0 0 32%; background-color:rgb(0,51,204)\9; line-height:20px; font-size:18px; border:none; color:#fff; cursor:pointer; }
#clients_forms .button_std:hover				{ background-color:#fff; color:rgb(0,51,204); background-color:#fff\9; color:rgb(0,51,204)\9; text-decoration:none; }
#clients_forms .counter							{ margin:-30px 0 0 10px; }
#clients_forms .ico_small						{ width:18px; }

#clients_forms .table 							{ display:table; width:100%; }
#clients_forms .row 							{ display:table-row; }
#clients_forms .cell 							{ display:table-cell; padding:5px 6px 5px 4px; width:65%; margin-right:5px; }
#clients_forms .label_cell 						{ display:table-cell; text-align:right; width:26%; padding-right:10px; vertical-align:middle; }
#clients_forms .area_label						{ vertical-align:top; padding-top:20px; }
#clients_forms .cell_plus						{ display:table-cell; padding:5px 6px 5px 4px; width:55%; margin-right:5px; }
#clients_forms .label_cell_plus 				{ display:table-cell; text-align:right; width:45%; padding-right:10px; vertical-align:middle; }

#clients_forms .titre_compte					{ font-size:30px; padding-bottom:40px; }
#clients_forms .menu_icone						{ width:40px; margin:5px 20px 5px 10px; }
#clients_forms .menu							{ line-height:40px; font-size:20px; }
#clients_forms .menu a							{ text-decoration:none; color:rgb(0,51,204); }
#clients_forms .menu a:hover					{ text-decoration:none; color:rgb(196,33,53); }

#commande										{ width:100%; }
#commande .btn_succes							{ margin:5px 0 20px 0; }
#commande .btn_annuler							{ margin:5px 0 20px 0; }
#commande .btn_paye								{ float:right; position:relative; margin:5px 0 20px 0; }
#commande .total_paye							{ font-size:26px; margin:5px 0 20px 0; }

.color_box_highlight, .color_box_1, .color_box_2, .color_box_3, .color_box_4, .color_box_5
												{ margin:10px; padding:15px; -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.color_box_highlight							{ background:rgba(0,51,204,0.5); }
.color_box_1									{ background:rgba(153,152,153,0.1); }
.color_box_2									{ background:rgba(153,152,153,0.3); }
.color_box_3									{ background:rgba(153,152,153,0.5); }
.color_box_4									{ background:rgba(153,152,153,0.7); }
.color_box_5									{ background:rgba(153,152,153,0.9); }

.client_rub_tab									{ width:100%; font-size:13px; }
.client_rub_tab .table 							{ display:table; width:100%; }
.client_rub_tab .row 							{ display:table-row; margin-top:10px; padding-top:10px; width:100%;}
.client_rub_tab .cell_xxxbig					{ display:table-cell; width:80%;}
.client_rub_tab .cell_xxbig						{ display:table-cell; width:70%;}
.client_rub_tab .cell_xbig						{ display:table-cell; width:60%;}
.client_rub_tab .cell_wbig						{ display:table-cell; width:50%;}
.client_rub_tab .cell_vbig						{ display:table-cell; width:35%;}
.client_rub_tab .cell_big						{ display:table-cell; width:25%;}
.client_rub_tab .cell_medium					{ display:table-cell; width:20%;}
.client_rub_tab .cell_xmedium					{ display:table-cell; width:15%;}
.client_rub_tab .cell_small 					{ display:table-cell; width:10%;}
.client_rub_tab .cell_xsmall 					{ display:table-cell; width:6%;}
.client_rub_tab .cell 							{ display:table-cell; }
.client_rub_tab .bt								{ border-top:1px solid rgba(0,51,204,0.3); }
.client_rub_tab .bb								{ border-bottom:1px solid rgba(0,51,204,0.3); }
.client_rub_tab .cspace							{ padding:5px 6px 5px 4px; }


.client_rub_tab .num_align 						{ text-align:right; }
.client_rub_tab .price 							{ white-space:nowrap; }
.client_rub_tab .positif 						{ color:rgb(102,204,0); }
.client_rub_tab .negatif 						{ color:rgb(255,60,0); }
.client_rub_tab .annulee 						{ color:#666; }

#client_cc_medias_box .photo_profil				{ padding:20px 0px 0 0; width:100%; }
#client_cc_medias_box .photo_profil img			{ margin:10px; max-width:130px; max-height:130px; }
#client_cc_medias_box .photo_off img			{ opacity:0.4; filter:alpha(opacity=40); }

/********** cc form 		**********/
#candidatures input								{ width:15px; padding:3px; margin:0 10px 0 20px; }
#candidatures label								{ margin:10px 0 0 0;  }
#candidatures label:hover						{ color:rgb(0,51,204);  }

/********** cc medias form 	**********/
#menu_candidat									{ margin:5px 5px 5px 0; width:150px; display:block; float:left; position:absolute; background:rgba(153,152,153,0.2); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#menu_candidat .active							{ background:rgba(153,152,153,0.4); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear;  }
#menu_candidat .menu_titre						{ font-size:12px; color:rgb(0,51,204); text-decoration:none; padding:0 0 0 15px; line-height:30px; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; text-transform:uppercase;  }
#menu_candidat a								{ font-size:12px; color:#fff; text-decoration:none; padding:0 0 0 6px; line-height:30px; font-family: 'Open Sans Condensed', sans-serif;  }
#menu_candidat img								{ width:20px; margin:0 5px 0 0; }
#content_candidat 								{ clear:both; float:none; position:relative; margin:0 0 0 160px; min-height:500px; }


#client_cc_medias_box .no_photo_info			{ font-size:14px; text-align:right; }
#client_cc_medias_box .tool_photo_info			{ max-width:300px; }
#client_cc_medias_box .selection_photo_on, 
#client_cc_medias_box .selection_photo_off:hover{ border:4px solid rgb(0,51,204); border-radius:4px; opacity:1; filter:alpha(opacity=100); }
#client_cc_medias_box .selection_photo_off		{ border:4px solid transparent; border-radius:4px; opacity:0.6; filter:alpha(opacity=60); }

#client_cc_medias_box .album_concours			{ max-width:180px; max-height:100px; margin:6px; }
#client_cc_medias_box .photo_cell				{ max-width:180px; margin:6px; position:relative; float:left; }
#client_cc_medias_box .btn_pad					{ width:100%; text-align:center; margin-top:20px;}
#client_cc_medias_box .photo_concours_on,
#client_cc_medias_box .photo_concours_off:hover	{ opacity:1; filter:alpha(opacity=100); }
#client_cc_medias_box .photo_concours			{ width:100%; margin:2px; }
#client_cc_medias_box .photo_concours_on:hover,
#client_cc_medias_box .photo_concours_off		{ opacity:0.4; filter:alpha(opacity=40); }

#client_cc_medias_box .cell_btn 				{ width:25px; margin:10px; }
#client_cc_medias_box .album_detail 			{}

#block_id 										{ clear:both;  margin:5px 0 5px 0; padding:5px 15px 5px 15px; background:rgba(153,152,153,0.5); color:rgb(255,255,255); width:92%; position:relative; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:0 1px 0 #ddd; -moz-box-shadow:0 1px 0 #ddd; box-shadow:0 1px 3px #444; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#block_id div									{ display:inline; }
#block_id .left									{ text-align:left; }
#block_id .right								{ float:right; }

#check_candidature								{ }
#check_candidature .ico_check					{ width:20px; }
#check_candidature span, #check_candidature a	{ font-size:14px; line-height:26px; }
#check_candidature span							{ font-style:italic; }
#check_candidature #check_c_detail				{ display:none; }
#check_candidature #content_progression			{ background:rgba(51,51,51,0.9); height:16px; -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; -webkit-box-shadow:0 1px 0 #222; -moz-box-shadow:0 1px 0 #222; box-shadow:0 1px 3px #222; cursor:pointer;}
#check_candidature #content_progression :hover	{ opacity:0.7; filter:alpha(opacity=70); cursor:pointer;}
#check_candidature .progression					{ text-align:center; color:rgb(0,0,0); height:16px; -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0; -webkit-box-shadow:0 1px 0 #222; -moz-box-shadow:0 1px 0 #222; box-shadow:0 1px 3px #222;}
#check_candidature small							{ font-size:14px; padding-top:10px;  }

#photo_simple		 							{ text-align:center; }
#photo_simple .ico_step 						{ width:96px; }
#photo_simple .table 							{ display:table; width:100%; }
#photo_simple .row 								{ display:table-row; }
#photo_simple .cell33							{ display:table-cell; padding:5px 6px 5px 4px; width:33%; }
#photo_simple p									{ font-size:16px; font-weight:bold; margin:10px 0 20px 0;}
#photo_simple input, #photo_simple select		{ height:30px; margin-top:10px;}
#photo_simple select							{ font-size:16px; font-weight:bold; }
#photo_simple span								{ font-size:50px; padding:10px; }
.album_simple									{ float:left; position:relative; width:280px; height:140px; padding:5px; margin:5px; background:rgba(153,152,153,0.2); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.album_simple img								{ width:110px; padding:5px; float:left; }
.album_simple h3								{ font-size:18px; margin:0; padding:0; }
.album_simple p									{ font-size:12px; }
.album_simple .info_conf						{ float:right; position:relative; }
#albums_details									{ display:none; }

#client_cc_medias_box .liste_photo_simple		{ padding:20px 0px 0 0; width:100%; }
#client_cc_medias_box .liste_photo_simple img	{ margin:10px; max-width:130px; max-height:130px; display:inline; }
#client_cc_medias_box .photo_off img			{ opacity:0.4; filter:alpha(opacity=40); }

#new_photo										{ border-top:1px solid rgba(0,51,204,0.3); margin-top:50px; }


#informations .contenu_site						{ border-bottom: 1px solid rgba(0,51,204,0.5); padding:0 0 20px 0; }

.alerte_box										{ width:92%; margin:5px 0 25px 0px; padding:5px 15px 5px 15px; background:rgba(153,152,153,0.6); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
#check_cand_photo								{ font-size:16px; line-height:30px; }
#check_cand_photo .ico_check					{ width:40px; margin:5px 20px 0 0; }

#big_div										{ clear:both; float:left; width:100%; height:100%; background-color:#111; z-index:999998; position:fixed; top:0; left:0; text-align:center;}
#big_div .my_photo								{ top:50%; left:50%; margin-top:-100px; margin-left:-100px; float:left; position:absolute; }
#big_div .left									{ top:50%; left:10px; margin-top:120px; float:left; position:absolute; }
#big_div .right									{ top:50%; right:10px; margin-top:120px; float:right; position:absolute; }

/**		Formation		************************************************************************************************************************************************************************************************************************************************************************************************************************************/
#formactivite									{ margin:10px 0 0 0;  }
#formactivite .txt_session						{ font-size:36px; padding:10px 0 0 10px; color:#0171ad; }
#formactivite .txt_parcours						{ font-size:28px; margin-left:40px; padding-left:50px; background:url("../../images/fleche_arborescence.png") no-repeat; min-height:50px; }
#formactivite .bloc_module						{ margin: 0 0 0 120px; padding:0 0 0 48px; background:url("../../images/fleche_arborescence.png") no-repeat; min-height:50px; }
#formactivite .bloc_module h3					{ padding:5px 0 0 10px; }
#formactivite .bloc_module .info					{ font-size:14px; font-style:italic; margin-left:100px; }
#formactivite .bloc_module a:hover, #formactivite .action_link a:hover { color:#d92231; }

#formactivite .img_session						{ margin:10px; max-width:140px; max-height:120px; display:inline; box-shadow: 10px 5px 5px #777777; }
#formactivite .img_parcours						{ margin:10px; max-width:110px; max-height:90px; display:inline; box-shadow: 8px 3px 3px #777777; }
#formactivite .img_module						{ margin:10px; max-width:80px; max-height:60px; float:left; box-shadow: 6px 2px 2px #777777;}

#formactivite .action_link						{ font-size:22px; margin-left:140px; }
#formactivite .continue_session					{ border-bottom:2px double #0171ad; width:100%; margin-bottom:30px; }
#formactivite:after, #formactivite .action_link:after, #formactivite .continue_session:after { clear:both; }



/**		Messagerie client	************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.info_new_message								{ margin:5px 0 5px 10px; font-size:18px; }
.client_rub_tab .new_msg						{ font-weight:bold; color:rgb(0,51,204); }
.info_message_lire								{ margin:0px; padding:5px; background:rgba(153,0,204,0.2); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.info_message_header							{ margin:2px; padding:10px; background:rgba(153,0,204,0.4); -webkit-border-radius:11px; -moz-border-radius:11px; border-radius:11px; -webkit-box-shadow:0 1px 0 #555; -moz-box-shadow:0 1px 0 #555; box-shadow:0 1px 3px #222; transition:all 0.3s linear; -o-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.info_message_sujet								{ font-size:18px; }
.info_message_expediteur						{ font-size:16px; text-align:left; font-weight:bold; display:inline; }
.info_message_date								{ font-size:14px; text-align:right; font-style:italic; display:inline; float:right; }
.info_message_content							{ }
.info_message_confirm							{ width:100%; text-align:center; margin-top:50px; }

/**		Checkbox	************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.group_checkbox									{ margin:4px 0 40px 0 0; }
.my_checkbox									{ margin:4px 0 10px 0 0; padding:6px; }
.my_checkbox div, .my_checkbox label			{ display:inline-block; }
.my_checkbox div								{ float:left; width:47%; margin:0 5px 5px 0; line-height:20px; }
.my_checkbox label								{ margin:0 0 8px 5px; }
.my_checkbox input		 						{ display:none; }
.my_checkbox input:checked 						{ font-weight:bold; }
.my_updater .button_type_3						{ background-color:#0171ad; color:white; text-align:center; border-color:#999; margin:20px 0 50px 30px; }
.my_joiner .button_type_2						{ width:100%; text-align:center; }
.my_joiner input[readonly] 						{ background-color: #f0f0f0; }

/**		Remplissage automatique de la ville	(commandes) ************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.autocomplete-results {
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    max-height: 200px;
    overflow-y: auto;
}
.autocomplete-item {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}
.autocomplete-item:hover {
    background-color: #f0f4f8;
}
.city-info-box {
    margin-top: 8px;
    padding: 10px 15px;
    background-color: #f8fafc; /* Gris très clair / bleuté */
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.6;
}
.city-info-box b {
    font-weight: 600;
    color: #334155;
    margin-right: 5px;
}

/**		Remplissage automatique de la ville	(fiche client) ************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* --- 1. Style de la liste déroulante (Autocomplete) --- */
.autocomplete-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    display: none; /* Caché par défaut */
}

/* Le JS ajoute la classe 'active' pour afficher la liste */
.autocomplete-dropdown.active {
    display: block;
}

.autocomplete-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
}

.autocomplete-item:hover {
    background-color: #f0f4f8;
}

.city-details {
    font-size: 0.85em;
    color: #666;
    margin-top: 2px;
}

/* --- 2. Style du Spinner de chargement --- */
.spinner-loader {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.spinner-loader.active {
    display: block;
}

@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* --- 3. Style des Erreurs et Affichage --- */
.error-message {
    display: none;
    color: #e53e3e;
    font-size: 0.85em;
    margin-top: 5px;
}
.error-message.visible {
    display: block;
}

/* Force l'affichage quand le JS ajoute la classe visible, car tu as un style="display:none" inline */
.city-info-box.visible {
    display: block !important;
}