/*-- ETAPES DE CREATION DU DOCUMENT --*/
.docs																						{padding:0px 10px;}
.docs .docs_etape																			{padding:15px 0px;}
.docs .docs_etape .docs_numero																{float:left; width:20px; color:#00B315; font-weight:bold; font-size:16px;}
.docs .docs_etape .docs_titre																{float:left; width:150px; text-transform:uppercase; color:#8D8D8D; font-weight:bold; text-align:right; font-size:16px;}
.docs .docs_etape .docs_donnee																{float:right; width:calc(100% - 190px); font-weight:bold; font-size:16px; line-height:18px;}
.docs .docs_etape1																			{padding-top:5px;}
.docs .docs_etape1 .docs_numero, .docs .docs_etape1 .docs_titre								{padding-top:12px;}
.docs .docs_etape1 .docs_donnee																{}
.docs .docs_etape1 .docs_donnee .docs_donnee_search											{float:left; width:33%; max-width:270px; min-width:220px; margin:10px 0px 0px;}
.docs .docs_etape1 .docs_donnee .docs_donnee_search input									{width:calc(95% - 8px); max-width:242px; min-width:192px; padding:2px 3px; font-size:16px; background:url('i-magnifier.png') no-repeat calc(100% - 2px) 2px #ECECEC; color:#00B315; font-weight:bold; border:1px solid #ECECEC;}
.docs .docs_etape2																			{padding-top:5px;}
.docs .docs_etape2 .docs_numero, .docs .docs_etape2 .docs_titre								{padding-top:23px;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix											{float:left; width:calc(14% - 68px); min-width:96px; margin:10px 10px 0px 0px; color:#626262; background:#FFFFFF; border:1px solid #D1D1D1; padding:7px 28px; text-align:center; cursor:pointer;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix:hover									{background:#F5F5F5;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix_actif									{background:#00B315; border-color:#00B315; color:#FFFFFF;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix_actif:hover								{background:#00B315;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix_disabled									{background:#EEEEEE; color:#AAAAAA; font-style:italic; font-weight:normal; cursor:default;}
.docs .docs_etape2 .docs_donnee .docs_donnee_choix_disabled:hover							{background:#EEEEEE;}
.docs .docs_etape3																			{}
.docs .docs_etape3 .docs_numero, .docs .docs_etape3 .docs_titre								{padding-top:2px;}
.docs .docs_etape3 .doc_option_error														{color:#EC0000; padding:3px 0px 0px;}
.docs .docs_etape3 .docs_donnee select														{width:calc(95% - 8px); max-width:642px; padding:2px 3px; font-size:16px; background:#ECECEC; color:#00B315; font-weight:bold; border:1px solid #ECECEC;}
.docs .docs_etape3 .doc_option_ligne														{margin:10px 0px 0px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_label										{float:left; width:150px; text-align:right; padding:2px 0px 0px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input										{float:right; width:calc(100% - 160px);}
.docs .docs_etape3 .doc_option_ligne .doc_option_input input								{width:calc(100% - 8px); max-width:200px; padding:0px 3px; font-weight:bold; font-size:16px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input select								{width:calc(50% - 2px); max-width:102px; padding:0px 3px; font-weight:bold; font-size:16px; background:#FFFFFF; color:#000000; border:1px solid #DADADA;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_jour input							{width:calc(60% - 8px); max-width:60px; text-align:center;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_nombre input							{width:calc(60% - 8px); max-width:120px; text-align:right;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_date input							{background:url('i-calendrier_input.png') no-repeat calc(100% - 2px) 2px #FFFFFF;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_radio input							{width:16px; height:16px; border:0px; background:none;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste								{background:#F4F4F4; width:calc(94% - 170px); padding:0px 5px 5px; float:left; margin-left:10px; max-width:472px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste .doc_option_input_liste_item	{padding:5px 0px 0px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste input.intitule					{width:calc(60% - 8px); max-width:160px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste input.montant					{width:calc(40% - 45px); max-width:100px; border-left:0px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste input.submit					{width:30px; color:#FFFFFF; background:#04B700; border:1px solid #04B700; font-weight:bold; text-align:center; cursor:pointer; text-transform:uppercase;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste_item_suppr input.intitule		{width:calc(60% - 28px); max-width:140px;}
.docs .docs_etape3 .doc_option_ligne .doc_option_input_liste_item_suppr img					{width:16px; height:16px; margin:0px 4px 0px 0px;}
.docs .docs_etape3 .doc_option_ligne_ssoption													{width:calc(95% - 8px); max-width:642px;}
.docs .docs_etape3 .doc_option_ligne_ssoption .doc_option_label									{width:calc(100% - 160px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.docs .docs_etape3 .doc_option_ligne_ssoption .doc_option_input									{width:150px;}
.docs .docs_etape3 .doc_option_ligne_ssoption .doc_option_input select							{width:100%; max-width:none;}
.docs .docs_etape4																			{}
.docs .docs_etape4 .docs_pdf																{float:left; width:235px; height:163px; padding:72px 0px 0px; border:5px solid #00B315; text-align:center; background:#FFFFFF; cursor:pointer; margin:0px 0px 20px 40px;}
.docs .docs_etape4 .docs_pdf:hover															{background:#F4F4F4;}
.docs .docs_etape4 .docs_pdf_visualise														{margin-left:0px;}
.docs .docs_etape_close																		{display:none;}
@media all and (max-width: 1050px) {
	.docs .docs_etape4 .docs_pdf															{width:185px; height:138px; padding:47px 0px 0px;}
}
@media all and (max-width: 900px) {
	.docs .docs_etape4 .docs_pdf															{width:145px; height:118px; padding:27px 0px 0px;}
}
@media all and (max-width: 775px) {
	.docs .docs_etape4 .docs_pdf															{width:115px; height:103px; padding:12px 0px 0px;}
}
@media all and (max-width: 685px) {
	.clear_cache																			{clear:both;}
	.docs .docs_etape .docs_donnee															{width:100%; margin-top:10px;}
	.docs .docs_etape .docs_donnee select, .docs .docs_etape3 .doc_option_ligne_ssoption		{width:100%; max-width:none;}