.w-25 {width: 25% !important}
.w-50 {width: 50% !important}
/* *************************************************** Modification Franck juin 2020 - Espace Pro nouvelle version ************************************************************************ */
/* **************************************************************************************************************************************************************************************** */
.barreBouton {text-align:center; margin-top: 15px;}
.barreBouton .action{ float: none; border: 1px solid rgb(150, 150, 150); border-radius:5px; color: rgb(80, 80, 80); height:40px; padding-top: 7px; padding-bottom:7px; margin:10px; }
.barreBouton .action:hover{ float: none; border: 1px solid rgb(150, 150, 150); border-radius:5px; background-color: rgb(180, 180, 180); color: rgb(255, 255, 255); font-weight: bold; }
.court {min-width: 100px;}
.long {width: 240px; padding-left:15px;padding-right:15px;}
.action { border-radius:5px; }
/* *** navigation bar *** */
.navBar_pro_clio {background-color: rgb(0,30,60);color:rgb(255,255,255);margin:0px; box-shadow: 0px 2px 7px rgba(0,0,0, 0.4); }
.titre_espace_pro { font-size:24px;font-weight: bold; text-align:center;padding-top:22px;padding-bottom:7px; font-family: 'Nunito', sans-serif; letter-spacing: 1px;}
a.link_cliofr { color:rgb(255,255,255); font-size: 20px;text-decoration:none;}
a.link_cliofr:hover { color:rgb(255,255,255); font-size: 20px;text-decoration:none;}
.img_logo_pro_clio { margin-left:auto; margin-right:auto; display: block; height: auto; max-width: 75px; }
/* *** left column menu ***			 */
.menu_gauche_pro_clio {position:fixed; z-index:0; left:0; height:100%; width: 300px;  background-color: rgb(0,52,95); display:block;}
.menu_gauche_pro_clio_scroll {position:fixed; left:0; top:0; height:100%; width: 300px;  background-color: rgb(0,52,95); display:block;}
.container_pro_clio { position:static; padding-left:320px;padding-right:20px;padding-top:20px; width:100%; display:block;}
.icone_menu_gauche {font-size:29px; display:none;}
.link_menu_gauche{ text-decoration: none; color: rgb(230,230,230); font-size: 15px; font-weight: 600; padding-top:17px;padding-bottom:17px; padding-left:10px;padding-right:20px; 
	font-family: 'Nunito', sans-serif; letter-spacing: 1px;}
.link_menu_gauche:hover{ text-decoration: none; color: rgb(255,255,255);}
.link_menu_gauche:visited{ text-decoration: none; }
.icone_menu_link { font-size:20px; color: rgb(90,190,240);}
.div_menu_gauche{ margin:0px; padding:15px; height:50px; }
/* .div_menu_gauche:hover{ background-color: rgb(100, 100, 140); font-weight: bold; } */
.hr_menu_gauche { margin:5px;margin-left:15px;margin-right:15px;border-top:1px solid rgb(100,100,140);}
.div_menu_gauche_alt { margin:0px; padding:15px; height:30px; color: rgb(230,230,230); font-size:16px; font-weight: 600; padding-top:17px; font-family: 'Nunito', sans-serif; letter-spacing: 1px; }
.panel_pro_clio { border:none; background-color:rgb(255,255,255); border-radius: 0px; box-shadow: 0px 0px 5px rgb(170, 170, 170); margin-top:10px;margin-bottom:10px; }
.panelConnect_pro_clio { margin-top: 40px;max-width: 450px;margin-left: auto;margin-right: auto;background-color: rgba(255,255,255,0.8);box-shadow: 0px 0px 5px rgb(100, 100, 100);}
.panelEntete{ font-size: 18px; font-weight: bold; text-align: center; padding:10px; color: rgb(255, 255, 255);background-color: rgba(0,52,81,0.5);}
.panelHeading_pro_clio{ font-size: 16px; font-weight: bold; padding:10px; background-color: rgb(245, 245, 245);color: rgb(0,52,81); }
.panelBody_pro_clio { background-color:rgb(255,255,255); border-radius: 0px; padding:0px;}
.panelBodyConnect_pro_clio { padding:30px; background-color: rgba(255,255,255,0.2); }
.divPanelBody{ margin:0px; padding:15px; height:50px; }
.divPanelBody:hover{ background-color:rgb(240, 240, 240);color: rgb(0,52,81); font-weight: bold; }
.labelPanel_pro_clio { font-weight: bold;color: rgb(80,80,80);margin-bottom: 7px;}
.linkPanel{ text-decoration: none; color: rgb(85, 85, 85); font-size: 16px; font-weight: bold; padding-top:17px;padding-bottom:17px; padding-right:20px; }
.linkPanel:hover{ text-decoration: none; color: rgb(0,52,81);	}
.linkImprimer { color:rgb(100,100,100); font-size: 18px; float:right; }		
.linkPrint{ text-decoration:none; background-color: rgb(255, 255, 255); color: rgb(0,52,81); font-size: 15px; padding:4px; padding-left:8px; padding-right:8px; border-radius:3px; }
.login { font-size:15px; text-decoration: none; color:rgb(255, 255, 255); font-family: 'Nunito', sans-serif; letter-spacing: 1px; }
.deconnecter { font-size:15px; text-decoration: none; color:rgb(255, 255, 255); font-family: 'Nunito', sans-serif; letter-spacing: 1px; }
.deconnecter:hover { text-decoration: none; color: rgb(90,190,240); }
.linkNavTab_pro_clio { display:inline;font-size: 18px;font-weight: bold; color:rgb(100,100,100); padding: 14px; margin:0px; cursor:pointer;}
.linkNavTabGrand_pro_clio { display:inline;font-size: 20px;font-weight: bold; color:rgb(57, 127, 184); padding: 12px; margin:0px; cursor:pointer; background-color:rgb(245, 245, 245)}
.ulAnnee_pro_clio { margin:0px;padding:0px;max-width: 1500px;min-width: 900px;}
.divUlAnnee_pro_clio { margin:0px;padding:0px;width:100%;overflow-x: auto;overflow-y: hidden; }
.divUlAnnee_pro_clio::-webkit-scrollbar { width: 3px; height: 6px; background-color:rgb(245,245,245) ; }
.divUlAnnee_pro_clio::-webkit-scrollbar-thumb { background:rgb(150, 150, 150, 0.5) ; }
.panelMsg_pro_clio { border: 1px solid rgb(200,200,200); background-color:rgb(255,255,255); border-radius: 3px;}
.panelHeadingMsg_pro_clio{ font-size: 16px; font-weight: bold; padding:20px; padding-left:30px; background-color: rgb(245, 245, 245);color: rgb(0,52,81); }
.panelBodyMsg_pro_clio { background-color:rgb(255,255,255); border-radius: 3px; padding:20px;padding-left:50px;}
.iconePanelBodyMsg_pro_clio { float:left;font-size:28px;margin-right:10px;margin-bottom:20px;color:rgb(50,100,130);}
#logo_clio_connect { display:none;}
#PInfos { display:none;position:fixed;z-index:99;margin-left:20px;max-width:240px;background-color:rgb(255,255,255);border:1px solid grey;padding:10px;font-weight:normal;}
a.btnConnectReset { width:100%;font-size:15px;font-weight:bold;color:rgb(100,100,100); }
ul#listeOnglet { margin:0px;padding:0px;max-width: 1500px;min-width: 1200px;}
ul#listeOnglet li { display:inline-block;list-style-type: none;font-size:15px; padding:8px; padding-right:12px;padding-left:12px;margin:0px;}
.titreModifInfos_pro_clio {font-size:18px;margin-bottom:15px;font-weight:bold;max-width:500px;}
.soustitreModifInfos_pro_clio {margin-bottom:5px;color:rgb(100,100,100);}	
/* secure update 2020 */
.emailConfirme { display:none; }
/* *** enveloppe *** */
.d_tablepart_pro_clio { width:100%;height:40px; color: rgb(0,52,81);color:rgb(255,255,255);margin:0px;padding:10px; }

@media screen and (max-width: 3000px) {
	.nav_home { display:block;}
	.img_logo_pro_clio { margin-left:auto; margin-right:auto; max-width:75px; display: block; height: auto;}
	.back_cliofr_pro_clio {float:right;text-align:right;padding-top:22px;padding-bottom:12px;margin-right: 5px;}
	.menu_gauche_pro_clio {position:fixed; left:0; height:100%; width: 300px;  background-color: rgb(0,52,95); display:block;}
	.container_pro_clio { position:static; padding-left:320px;padding-right:20px;padding-top:20px; width:100%; display:block;}
	.icone_menu_gauche {font-size:29px; display:none;}
	.titre_espace_pro { font-size:24px;font-weight: bold; text-align:center;padding-top:22px;padding-bottom:7px; font-family: 'Nunito', sans-serif; letter-spacing: 1px;}
	.panelEntete{ font-size: 18px; font-weight: bold; text-align: center; padding:10px; color: rgb(255, 255, 255);background-color: rgb(50,100,130); }
	.divPanelBody{ margin:0px; padding:15px; height:50px; }
	.divPanelBody:hover{ background-color:rgb(240, 240, 240);color: rgb(0,52,81); font-weight: bold; }
	.linkPanel{ text-decoration: none; color: rgb(85, 85, 85); font-size: 16px; font-weight: bold; padding-top:17px;padding-bottom:17px; padding-right:20px; }
	.linkPanel:hover{ text-decoration: none; color: rgb(0,52,81);	}
	.linkNavTab_pro_clio { display:inline-block;font-size: 18px;font-weight: bold; color:rgb(100,100,100); padding: 14px; margin:0px; cursor:pointer;}
	.linkNavTabGrand_pro_clio { display:inline-block;font-size: 20px;font-weight: bold; color:rgb(57, 127, 184); padding: 14px; margin:0px; cursor:pointer;}
	.ulAnnee_pro_clio { margin:0px;padding:0px;max-width: 1500px;min-width: 900px;}
	.divUlAnnee_pro_clio { margin:0px;padding:0px;width:100%;overflow-x: auto;overflow-y: hidden; }
	.divUlAnnee_pro_clio::-webkit-scrollbar { width: 3px; height: 6px; background-color:rgb(245,245,245) ; }
	.divUlAnnee_pro_clio::-webkit-scrollbar-thumb { background:rgb(150, 150, 150, 0.5) ; }
	.linkImprimer { color:rgb(100,100,100); font-size: 18px; float:right; margin-top:0px; }
	#EnteteConnect { font-size:18px;}
	#iconeClio { display:block;}
	#linkRetour { margin-top:0px;}
	#logo_clio_connect { display:none;}
	ul#listeOnglet { margin:0px;padding:0px;max-width: 1500px;min-width: 1200px;}
}
@media screen and (max-width: 1050px) { 
	.menu_gauche_pro_clio { position:initial; height:auto;  background-color: rgb(0,52,95); width:100%; }
	#iconeClio { display:inline; }
	.img_logo_pro_clio { margin-left:5px; margin-right:0px;margin-top:8px;max-width:60px; display: inline; height: auto;}
	.back_cliofr_pro_clio { text-align:right;padding-top:15px;padding-bottom:15px;float: right;margin-right: 10px;}
	.container_pro_clio { position:static; padding-left:5px;padding-right:5px;padding-top:0px; width:100%;}
	.icone_menu_gauche{font-size:29px; display:block; cursor:pointer; }
	.titre_espace_pro { font-size:15px;font-weight: bold; text-align:center;padding-top:18px;padding-bottom:7px; font-family: 'Nunito', sans-serif; letter-spacing: 1px;display:none;}
	.panelEntete{ font-size: 16px; font-weight: bold; text-align: center; padding:10px; color: rgb(255, 255, 255);background-color: rgb(50,100,130); }
	.divPanelBody{ margin:0px; padding:12px; height:55px; }
	.divPanelBody:hover{ background-color:rgb(240, 240, 240);color: rgb(0,52,81); font-weight: bold; }
	.linkPanel{ text-decoration: none; color: rgb(85, 85, 85); font-size: 15px; font-weight: bold; padding-top:17px;padding-bottom:17px; padding-right:20px; }
	.linkPanel:hover{ text-decoration: none; color: rgb(0,52,81);	}
	.linkNavTab_pro_clio { display:inline-block;font-size: 16px;font-weight: bold; color:rgb(100,100,100); padding: 12px; margin:0px; cursor:pointer;}
	.linkNavTabGrand_pro_clio { display:inline-block; font-size: 18px;font-weight: bold; color:rgb(57, 127, 184); padding-top:10px;margin:0px; cursor:pointer;}
	.ulAnnee_pro_clio { margin:0px;padding:0px;max-width: 1500px;min-width: 900px;}
	.divUlAnnee_pro_clio { margin:0px;padding:0px;width:100%;overflow-x: auto;overflow-y: hidden; }
	.divUlAnnee_pro_clio::-webkit-scrollbar { width: 3px; height: 2px; background-color:rgb(245,245,245) ; }
	.divUlAnnee_pro_clio::-webkit-scrollbar-thumb { background:rgb(150, 150, 150, 0.0) ; }
	.linkImprimer { color:rgb(100,100,100); font-size: 18px; float:right;text-align:right; }
	#EnteteConnect { font-size:15px;}	
	#linkRetour { margin-top:10px;}
	#logo_clio_connect { display:block;}
	ul#listeOnglet { margin:0px;padding:0px;max-width: 1500px;min-width: 1200px;}
}
/* *************************************** PDF ************************************************** */
.divTitrePDF {margin-left:-80px;margin-right:-80px;padding-left:80px;padding-right:80px;background-color:rgb(220,220,220);}
.titrePDF_1 {font-family:Arial, Helvetica, sans-serif;font-size:28px;margin-top:40px;color:rgb(71,0,40);}
.titrePDF_2 {font-family:Arial, Helvetica, sans-serif;font-size:23px;margin-top:20px;margin-bottom:40px;}
.sectionTitrePDF {margin:0px;padding:15px;color:rgb(71,0,40);background-color:rgb(220,220,220);font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif;}
.sectionPDF {padding-top:20px;font-family:Arial, Helvetica, sans-serif;}
td.tableTitlePDF, tr.tableTitlePDF {border-collapse:collapse; border:1px solid rgb(150, 150, 150);font-family:Arial, Helvetica, sans-serif;font-weight: bold;font-size: 15px;padding:7px;}
table.tablePDF , tr.tablePDF, td.tablePDF { border-collapse:collapse; border:1px solid rgb(150, 150, 150);font-family:Arial, Helvetica, sans-serif;padding:5px;}
.vho_ch_libelle {padding:7px;font-size:18px;border-top:3px solid rgb(150,150,150);border-bottom:3px solid rgb(150,150,150);}
.footerPDF { font-size:14px;color:rgb(100,100,100);padding-bottom:3px;font-family:Arial, Helvetica, sans-serif;}
.btnExportPDF { padding:7px;border-radius:5px;border:1px solid rgb(200,200,200);}
.hidePrestataire {display:none;}
/* ************************************** OLD ******************************************************** */
.SELECTION { color: #CC0000 ; background-color: #FFCCCC;  }
/* body {background-color: #470028; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 15px;} */
.tableau { border-top: 1px solid #470028; border-right: 1px solid #470028; }
.cellule td { border-left: 1px solid #470028; border-bottom: 1px solid #470028; font-size: 15px;  }
th { font-weight: normal; font-size: 15px; color: #FFFFFF; background-color: rgb(0,52,81); border-left: 1px solid #470028; border-bottom: 1px solid #470028; text-align: center;} 
.gras{ font-weight:bold; }
#titre {font-weight: bold; display: block; border-bottom: 1px solid #555555; font-size: 20px; margin-bottom: 15px; padding-bottom: 5px;}
#introduction {display: block;  font-size: 15px;margin-bottom: 15px;}
a {color: #000000;}
.important {background-color: #FFEE99}
.titreAsClio { background-color: #FFFFFF; background-image: url(/fond.gif); border-style: solid; border-color: #f6a80b; border-width: 1px; vertical-align: top; text-align: center; text-decoration: none;  height: 20px; text-transform: uppercase; font-weight: bold; color: #CC0000; padding: 4px; margin-top: 20px; margin-bottom: 20px;}
.factureconfvalider{ color:#FFFFFF; background-color:green; }
.titreRubrique {font-weight: bold; border-bottom: 1px solid #000000; margin-top: 20px; margin-bottom: 20px; padding-bottom: 5px;}
.noteRubrique {font-style: italic;}
.HalfPanFieldset  { float: left; width: 400px; border: 1px solid #470028; padding: 10px; min-height: 250px;}
.FullPanFieldset  { float: left; width: 826px; border: 1px solid #470028; padding: 10px; min-height: 25px;}
.invisibleFieldset  {  border: none; padding: 10px;}
fieldset.largeLabel  label {width: 250px;}

fieldset br { clear: both; }
label {float: left; width: 150px;}
#dConnexionPan { width: 100%;}
#dConnexionPan fieldset {text-align: left; width: 450px; border: 1px solid #470028; padding: 10px; margin: auto;}
#bandeauHaut { 	/* background-color: #000000; *//* border-bottom: 1px solid #FFFFFF;  *//* color: #FFFFFF;  *//* background-image:url(/images/logo_clio_home.png); background-position: left; background-repeat: no-repeat; padding: 10px 10px 10px 150px; */}
#titreEspace {float: left;font-size: 25px;margin-top: 40px; }
#dConnexionState {  font-size: 12px; float: right; width: 350px; }
#contenu {/* background-color: rgb(255,255,255); *//* margin: 10px; padding:10px; *//* text-align: left; background-image:url(/images/content_fond.png); background-position:left; background-repeat:repeat-y; min-height: 2048px; */}
.sMessageOk {background-color: #CCFFCC;color: #009900;border: 1px dotted #009900;padding: 5px;}
.sMessageNOk {background-color: #FFCCCC;color: #CC0000;border: 1px dotted #CC0000;padding: 5px;}
#dConnexionState a {text-decoration: none;}
.sMessageOk a {color: #009900;}
.sMessageNOk a {color: #CC0000;}

.message { margin-top: 0px; margin-bottom: 0px; padding: 5px 5px 5px 5px; font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 8pt;  font-style: normal;  color: #CC0000 ; background-color: #FFCCCC;  border-style: dotted; border-color: #CC0000; border-width: 1; display: block; min-height: 30px;}
.petit {font-size: 11px;}
.blanc {background-color: #FFFFFF; color: #000000; border-color: #999999;}
#contenu .noir {background-color:#470028;height: 15px; margin:-10px; padding:-10px;clear:both;}
.degrade {background-image:url(/images/baspagepro.png);background-color: #470028;background-repeat: repeat-x;margin:-10px;}
.vert   {background-color: #CCFFCC; color: #009900; border: 1px dotted #009900;}
.rouge   {background-color: #FFCCCC; color: #990000; border: 1px dotted #990000;}
.bt { cursor: pointer; text-decoration: none; background-repeat: no-repeat; padding-left: 20px; height: 20px; float: left;}
.accept {background-image: url(/images/outils/si/accept.png);}
.key {background-image: url(/images/outils/si/key.png);}
.door {background-image: url(/images/outils/si/door.png);}
.cancel {background-image: url(/images/outils/si/cancel.png);}
.map {background-image: url(/images/outils/si/map.png);}
.photo {background-image: url(/images/outils/si/photo.png);}
.clock {background-image: url(/images/outils/si/clock.png);}
.building {background-image: url(/images/outils/si/building.png);}
.book {background-image: url(/images/outils/si/book.png);}
.page_edit {background-image: url(/images/outils/si/page_edit.png);}
.page_key {background-image: url(/images/outils/si/page_key.png);}
.table {background-image: url(/images/outils/si/table.png);}
.book {background-image: url(/images/outils/si/book.png);}
.link {background-image: url(/images/outils/si/link.png);}
.vcard {background-image: url(/images/outils/si/vcard.png);}
.creditcards {background-image: url(/images/outils/si/creditcards.png);}
.page_edit {background-image: url(/images/outils/si/page_edit.png);}
.error {background-image: url(/images/outils/si/error.png);}
.del {background-image: url(/images/outils/si/delete.png);}
.ajouter {background-image: url(/images/outils/si/add.png);}
.group {background-image: url(/images/outils/si/group.png);}
.page_white_medal {background-image: url(/images/outils/si/page_white_medal.png);}
.magnifier {background-image: url(/images/outils/si/magnifier.png);}
.email_go {background-image: url(/images/outils/si/email_go.png);}
.page_key {background-image: url(/images/outils/si/page_key.png);}
.email_lock {background-image: url(/images/outils/si/email_lock.png);}
.email {background-image: url(/images/outils/si/email.png);}
.email_add {background-image: url(/images/outils/si/email_add.png);}
.email_error { background-image: url(/images/outils/si/email_error.png)}
.email_red { background-image: url(/images/outils/si/email_red.png)}
.copy {background-image: url(/images/outils/si/page_copy.png);}
.money {background-image: url(/images/outils/si/money.png);}
.house {background-image: url(/images/outils/si/house.png);}
.printer {background-image: url(/images/outils/si/printer.png);}
.calendar {background-image: url(/images/outils/si/calendar.png);}
.table_go {background-image: url(/images/outils/si/table_go.png);}
.page_white_excel {background-image: url(/images/outils/si/page_white_excel.png);}
.page_white {background-image: url(/images/outils/si/page_white.png);}
.titre { background-color: #FFFFFF; background-image: url(/images/fond.gif); border-style: solid;border-color: #f6a80b; border-width: 1px; vertical-align: top; text-align: center; text-decoration: none;  height: 20px; text-transform: uppercase; font-weight: bold; color: #CC0000; padding: 4px; margin-top: 20px; margin-bottom: 20px;}
.sepSolid {height: 1px;border-bottom: solid 1px #f6a80b;margin-bottom: 10px;padding-top: 10px;padding-bottom: 10px;clear: both;}