/* 
* bleu stimut : #1382c5
* orange stimut : #f19117
* gris stimut : #5b5b5b
*/

:root {
	--vert-mps:#139480;
	--orange-mps:#ED8A35;
	--gris-input:#f1f1f1;
}


/* CLASSES GENERALES */
body { margin:0 auto;padding:0;font-family: "Open Sans",Arial,sans-serif;font-size:14px;font-weight:500;color:#666;box-shadow: 0 0 10px 0 rgba(0,0,0,.2); }
body * { outline:none; }
table {	border-collapse:collapse;width:100%; }
td { vertical-align:top;padding:0; }
a { color:var(--vert-mps);text-decoration:none; }
a:hover { text-decoration:underline; }


#msgbox {
	display:block;
	position:absolute;
	padding:3px;
}
#msgbox {
	background-color:#eee;
	border:1px solid #999;
	color:#666;
	font-size:12px;
}



/* CLASSES ACCUEIL */
.accueil_bandeau_haut { border-bottom:solid 1px var(--vert-mps);box-shadow: 0px 4px 4px 1px rgba(180, 180, 180, .4);text-align:center; }
.accueil_bandeau_haut_logo {  }
.accueil_div_contenu { overflow:auto;width:1200px;margin-left:calc((100% - 1200px) / 2); }
.admin_index { width:500px;margin:auto; }
.accueil_div_borderright { border-right:solid 2px #efefef; }
.accueil_titre { text-align:center;color:var(--vert-mps); }
.accueil_texte_bienvenu { margin-bottom:50px; }
.accueil_label_cnx { margin-bottom:10px; }
.accueil_input_cnx { margin-bottom:30px; }
.accueil_input_text { border:none;padding:5px;box-sizing:border-box;width:100%;background-color:var(--gris-input);border-radius:15px; }
.accueil_input_password { border:none;padding:5px;box-sizing:border-box;width:100%;background-color:var(--gris-input);border-radius:15px; }
.accueil_div_boutons { padding:10px;text-align:center; }
.accueil_bouton { border:none;padding:2px 10px;border-radius:15px;margin:5px; }
.accueil_bouton:hover { cursor:pointer; }
.accueil_bouton_inscription { background-color:var(--vert-mps);color:white; }
.accueil_bouton_inscription:hover {}
.accueil_bouton_connexion { background-color:var(--vert-mps);color:white; }
.accueil_bouton_connexion:hover {}
.accueil_erreur_login { color:red; }
.accueil_lien_mdp_oublie { font-size:12px; }



/* CLASSES INSCRIPTION */

/* CLASSES GLOBALES */
.inscription_btn:disabled {	opacity:0.5; }
.inscription_btn:disabled:hover {cursor:not-allowed; }
.inscription_bandeau_haut { height:80px;border-bottom:solid 1px var(--vert-mps);box-shadow: 0px 4px 4px 1px rgba(180, 180, 180, .4);text-align:left;padding-left:calc((100% - 1200px) / 2); }
.inscription_logo {	height:80px; }
.inscription_logo:hover { cursor:pointer; }
.inscription_menu { position:absolute;box-sizing:border-box;height:80px;margin-top:-80px;width:calc(1200px - 178px);margin-left:calc(((100% - 1200px) / 2) + 178px); }
.inscription_table_fixed { table-layout:fixed; }
.inscription_td_etape { vertical-align:middle; }
.inscription_td_etape_accueil { width:100px;display:none; }
.inscription_etape { font-weight:bold;color:var(--vert-mps);text-align:center;height:80px;display:grid;align-items:center;justify-content:center; }
.inscription_etape:hover { cursor:pointer;text-decoration:underline; }
.inscription_etape_complete { border-bottom:solid 3px #B8DED8; }
.inscription_etape_active { text-decoration:underline; }
.inscription_etape_accueil { max-height:20px;margin-top:0px;margin-bottom:-5px; }

.inscription_div_boutons { padding:10px;text-align:center; }
.inscription_btn { width:130px;white-space:normal;background-color:var(--vert-mps);color:white;border:none;padding:2px 10px;border-radius:15px;margin:5px; }
.inscription_btn:hover { cursor:pointer; }

.inscription_bandeau_bas { background-color:var(--vert-mps);height:55px;line-height:55px;padding-left:calc((100% - 1200px) / 2);color:white; }

.inscription_div_contenu { overflow:auto;font-size:0;padding:12px 0; }

.inscription_div_erreur { 	
	font-size:initial;color:red;font-weight:bold;padding:20px;box-shadow:0 0 5px red;text-align:center;
	width:40%;margin-top:20px;margin-bottom:20px;margin-left:30%;box-sizing:border-box;border-radius:3px; 
}
.inscription_div_termine { font-size:initial;padding:10px;margin:50px;background-color:white;border-radius:5px;text-align:center; }

.inscription_info_groupe { display:inline-block;width:50%;box-sizing:border-box;font-size:initial;vertical-align:top; }
.inscription_info_groupe_benef_gauche { width:40%; }
.inscription_info_groupe_benef_droite { width:60%; }
.inscription_info_groupe_infosup { width:100%; }
.inscription_info_bloc { padding:10px;word-break:break-word; }
.inscription_info_bloc_finale { padding:0; }
.inscription_info_bloc_label { display:inline-block;width:40%;text-align:right;padding-right:10px;font-size:14px;box-sizing:border-box; }
.inscription_info_bloc_label_infosup { width:20%; }
.inscription_info_bloc_label_finale { border-right: 1px solid #eee;padding: 6px 10px;margin-right: 10px; }
.inscription_input_invalid { box-shadow:0 0 5px red!important; }
.inscription_div_asterisques {	margin-top:10px;margin-left:40%; }
.span_un_asterisque { color:red; }
.span_deux_asterisques { color:#1382c5; }
.inscription_input { border:none;padding:5px;box-sizing:border-box;display:inline-block;width:40%;background-color:var(--gris-input);border-radius:15px; }
select.inscription_input { border-radius:15px 0 0 15px; }

.inscription_assure_message_special { 
	font-size:14px;
	border-top:solid 1px var(--vert-mps);
	border-bottom:solid 1px var(--vert-mps);
	box-shadow:0px 0px 10px 5px rgba(180, 180, 180, .4);
	padding:10px;
	font-weight:bold;
	margin-top:20px;
	margin-left:-10px;
	margin-right:-10px; 
}

.inscription_beneficiaire_table { width:95%; }
.inscription_beneficiaire_table_icon { width:20px; }
.inscription_beneficiaire_table_icon:hover { cursor:pointer; }
.inscription_tr_recap > th { text-align:left;color:var(--vert-mps);border-bottom:solid 2px var(--vert-mps); }
.inscription_tr_recap > td, th { padding:5px; }
.inscription_tr_recap { border-bottom:solid 1px #efefef; }
.file_selected { cursor:pointer; }

/* DEVIS */
.inscription_devis_btn_offre {
	padding:10px 5px;
}
.offre_selected {
	box-shadow: 0px 4px 4px 1px rgba(180, 180, 180, .4);	
	border:solid 1px var(--vert-mps);
	background-color:white;
	color:#000;
}
.inscription_devis_bloc {
	margin-top:20px;
}
.inscription_devis_div_offre {
	display:inline-block;
	width:32%;
	box-sizing:border-box;
	border:solid 1px var(--vert-mps);
	border-radius:10px;
	box-shadow: 0px 4px 4px 1px rgba(180, 180, 180, .4);
	padding:20px;
}
.inscription_devis_libelle_produit {
	font-weight:bold;
	text-decoration:underline;
	text-decoration-color:var(--vert-mps);
}
.inscription_devis_tarif_produit {
	font-size:18px;
}
.inscription_devis_texte_bas {
	margin-top:20px;
	font-size:12px;
	font-style:italic;
}
.inscription_devis_btn_devis {
	background-color:var(--orange-mps);
	width:160px;
	margin:20px 0;
	height:30px;
}
.info_groupe_devis {
	display:block;
	margin-left:25%;
	text-align:center;
}

/* CONTRATS */
.input_nomorga { background-color:#f6f6f6;cursor:default;color:#666; }
.input_grandregime { background-color:#f6f6f6;cursor:default;color:#666; }
.input_insee { width:calc(40% - 60px)!important;margin-right:3px; }
.input_cleinsee { width:50px!important; }
.input_readonly { background-color:#f6f6f6;cursor:default;color:#666; }

.label_input_file {	width:auto!important;background-color:var(--vert-mps);color:white;border:none;padding:2px 10px!important;border-radius:15px;margin:5px;font-size:14px!important; }
.label_input_file:hover { cursor:pointer; }

.file_icon { width:20px;vertical-align:middle; }
.file_icon:hover { cursor:pointer; }

.table_recap_produit { width:40%;margin-left:30%;font-size:initial;margin-bottom:50px; }
.table_recap_produit > tbody > tr > th { height:30px;border:none; }
.table_recap_produit > tbody > tr > td { height:30px;vertical-align:middle;text-align:center; }

.table_recap_tarifs { width:80%;margin-left:10%;font-size:initial;margin-bottom:50px; }
.table_recap_tarifs > tbody > tr > th { text-align:left;color:var--(vert-mps);border-bottom:solid 2px var(--vert-mps);height:30px; }
.table_recap_tarifs > tbody > tr > td { height:30px;vertical-align:middle; border-bottom:1px solid #efefef; }
.td_recap_tarifs_total { text-align:right;padding-right:10px;font-weight:bold;border-bottom:none!important; }

.div_erreur_tarifs { width:40%;display:inline-bloc;margin:0 auto;margin-top:50px;margin-bottom:50px;box-shadow: 0 0 5px red;padding:10px;border-radius:5px;box-sizing:border-box;text-align:center;font-size:initial; }

.inscription_tarif_col_montant { text-align:right; }
.error_file { color:red; }




/* CLASSES TB */
#TB_overlay     {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_overlayBG   {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_window      {position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
#TB_title       {background-color:#de2560; color:#fff; height:27px; border-bottom: 1px solid #fff;}
#TB_content     {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_windowTitle {float:left; padding:6px 0 5px 10px; height:16px;}
#TB_windowClose {float:right; padding:4px 10px 4px 0;height:19px;}

#TB_confirm_size         {width:400px; height:150px;}
#TB_confirm_overlay      {position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;}
.TB_confirm_overlayBG    {background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
#TB_confirm_window       {border-radius:10px;position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%;}
#TB_confirm_title        {border-radius:5px 5px 0 0 ;background-color:var(--vert-mps); color:#fff; height:27px; border-bottom: 1px solid #fff;}
#TB_confirm_content      {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;}
#TB_confirm_button       {border-radius:0 0 5px 5px;background-color:#efefef; color:#333; border-top: 1px solid #ccc; padding:4px; text-align:center; position:absolute; bottom:0; width:422px;}
#TB_confirm_windowTitle  {float:left; padding:6px 0 5px 10px; height:16px;}
#TB_confirm_image        {display:inline-block; width:90px; margin:20px 0; text-align:left; vertical-align:top;}
#TB_confirm_message      {display:inline-block; width:304px; margin:20px 0;}
#TB_confirm_label        {display:inline-block; width:90px; vertical-align:top; margin-top:5px;}
#TB_confirm_oui          {margin:0 2px 0 5px;background-color:var(--vert-mps);color:white;border:none;border-radius:15px;cursor:pointer;}
#TB_confirm_non          {margin:0 5px 0 2px;background-color:var(--vert-mps);color:white;border:none;border-radius:15px;cursor:pointer;}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (max-width:1200px){ 
	.inscription_bandeau_haut { padding-left:0; }
	.inscription_menu { margin-left:178px;width:calc(100% - 178px); }
	.inscription_bandeau_bas { padding-left:20px; }
}
@media screen and (max-width: 600px) {
	.inscription_info_groupe, .inscription_devis_div_offre { display:block;width:100%;margin-bottom:20px; }
	.info_groupe_devis { display:block;width:80%;margin:auto;}
	.inscription_menu { position:static;margin:0;width:100%;height:40px; }
	.inscription_etape { height:40px;font-size:10px; }
}