/* Violet principal : 204,0,102 Le violet : a255c4*/ /* Bleu principal : (65,190,221,0.7) et le foncé 0,51,204 */ .small { font-size:12px; } .button_ico { width:25px; } .message_de_retour .btn_icone { width:30px; } .page_globale { max-width: 800px; margin:0 auto; position: relative; padding:10px; } /*#client, #inscription_box, #client_form_box, #client_cc_medias_box, #client_cc_simple_box, #fast_connect_box, #client_cc_form_box { margin:10px; }*/ #client, #commande { margin:10px 0 10px 0; width:100%; background-color:rgba(236,240,241,0.4); border-radius:20px; padding:10px;} /* ecf0f1 */ (65,190,221,.7) #client h2 { padding:20px; font-size:24px; color:rgb(204,0,102); } #client h2 span { padding:7px 5px 0 10px; font-size:14px; } #client h3 { padding:10px; font-size:22px; color:rgb(0,51,204); } #client .menu_icone { margin:5px 10px 5px 10px; width:50px; } /* principal */ #client .menu_icone_is { padding:0 0 0 6px; width:30px; } .btn_rub_icone { width:35px; } .btn_icone { width:30px; } .btn_mini_icone { width:20px; } .btn_icone:hover, .btn_mini_icone:hover { opacity:0.6; filter:alpha(opacity=60); } #client .rubrique_titre { border-top:1px dotted rgb(0,51,204); margin-top:20px; padding-top:10px; } #client .dernier_paiement_info { color:rgb(102,204,0); margin:10px 0 10px 0;} #client .dernier_paiement_info img { float:left; position:relative; width:30px; padding:5px;} #client .solde_credit { font-size:20px; } #client .btn_confirme { float:right; position:relative; } /** Fast Connexion ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #fast_connect_box { width:96%; background:rgba(153,152,153,0.3); padding:10px 20px 10px 20px; -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; } #fast_connect_box input { font-size:18px; } #fast_connect_box h5 { font-size:20px; line-height:20px; } #fast_connect_box h5 span { font-size:14px; margin:5px 0 0 10px; line-height:20px; } #fast_connect_box .fast_connect input { margin:5px 10px 5px 0; width:65%; height:24px; background-color:#eee; color:#222; padding:0 5px 0 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #fast_connect_box .right { width:20%; float:right; text-align:right; position:relative; } #fast_connect_box .left { width:80%; margin:0px; } #fast_connect_box .fast_connect .alerte_txt { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } #fast_connect_box .lost_password_msg { font-size:16px; margin:12px 0 5px 0; padding:0 0 10px 0; width:100%; } /** Mot de passe perdu ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #lost_password { width:80%; background:rgba(153,152,153,0.3); margin-left:15%; padding:10px; -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; } #lost_password h5 { font-size:20px; } #lost_password h5 span { font-size:14px; margin:5px 0 0 10px; } #lost_password .input { font-size:16px; margin:5px 10px 5px 0; width:65%; height:24px; padding:0 5px 0 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #lost_password .right { width:30%; float:right; text-align:right; position:relative; } #lost_password .left { width:70%; margin:0px; } /** Nouveau mot de passe ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #new_password { width:70%; background:rgba(153,152,153,0.3); margin-left:15%; padding:10px 20px 10px 20px; -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; } #new_password h5 { font-size:20px; } #new_password h5 span { font-size:14px; margin:5px 0 0 10px; } #new_password .input { font-size:16px; margin:5px 10px 5px 0; width:31%; height:24px; padding:0 5px 0 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #new_password .right { width:60%; float:right; text-align:left; position:relative; margin:0 10px 0 10px; } #new_password .left { width:35%; margin:0px; text-align:right; padding:6px 5px 0 0; } #new_password .row:before, #new_password .row:after { display:table; content:""; margin:5px 0 3px 0; } #new_password .row:after { clear:both; } #new_password .alerte_txt { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } /** Nouveau courriel ************************************************************************************************************************************************************************************************************************************************************************************************************************************/ #email_change { width:70%; background:rgba(153,152,153,0.3); margin-left:15%; padding:10px 20px 10px 20px; -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; } #email_change h5 { font-size:20px; } #email_change h5 span { font-size:14px; margin:5px 0 0 10px; } #email_change .input { font-size:16px; margin:5px 10px 5px 0; width:31%; height:24px; padding:0 5px 0 5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } #email_change .right { width:60%; float:right; text-align:left; position:relative; margin:0 10px 0 10px; } #email_change .left { width:35%; margin:0px; text-align:right; padding:6px 5px 0 0; } #email_change .row:before, #email_change .row:after { display:table; content:""; margin:5px 0 3px 0; } #email_change .row:after { clear:both; } #email_change .alerte_txt { background-color:#f5c6c6; color:#ff0000; border:1px solid #ff0000; } /********** espace clients **********/ #inscription_box { width:90%; margin:10px 0 30px 10px; padding:15px; background:rgba(153,152,153,0.1); -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; } #client_form_box { width:90%; margin:10px 0 30px 10px; padding:15px; background:rgba(153,152,153,0.2); -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; } #client_cc_form_box { width:92%; max-width:500px; margin:5px 0 30px 0px; padding:15px; background:rgba(153,152,153,0.3); -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; } #client_cc_medias_box { width:92%; margin:5px 0 30px 0px; padding:15px; 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; } #client_cc_simple_box { width:92%; margin:5px 0 30px 0px; padding:15px; 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; } /********** espace clients **********/ #menu_client { width:100%; height:50px; border-bottom:1px solid rgba(153,152,153,0.6); clear:both;} #menu_client .left { text-align:left; } #menu_client .right { text-align:right; float:right; position:relative; } #menu_client .menu_bouton { float:left; margin:0px 15px 10px 15px; display:inline; float:none\9; } /* no float in IE8 */ #menu_client .menu_bouton_s { margin:0px 10px 5px 10px; display:inline; float:none\9; } #menu_client .menu_icone { width:30px; margin:0; } #menu_client .menu_icone:hover { opacity:0.8; filter:alpha(opacity=80); } #menu_client .menu_icone_s { width:30px; margin:0; } #menu_client .menu_icone_s:hover { opacity:0.8; filter:alpha(opacity=80); } #clients_fichier .table { display:table; width:100%; } #clients_fichier .row { display:table-row; } #clients_fichier .cell { display:table-cell; padding:5px 6px 5px 4px; margin-right:5px; } #clients_fichier .ico_fichier { width:30px; } #clients_fichier .nom_fichier { font-size:20px; } #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; } #menu_client form, #menu_client div { display:inline; } #menu_client .interface_type { font-size:12px; line-height:12px; margin-right:30px; width:80px; text-align:left; float:left; } #menu_client .interface_type radio { width:10px; } /* 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_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; text-decoration:italic; } #clients_produits .txt_produit { font-size:14px; display:block; } #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; text-decoration:italic; } #clients_produit .txt_produit { font-size:18px; display:block; } #clients_produit .prix_produit { font-size:26px; 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 { 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 { 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; } /** 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; }