/* ********* Modification Franck novembre 2020 - Espace voyageur 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; }
/* *************************************** Nav Bar espace voyageur ***************************************** */
.navBar_pro_clio {background-color: rgb(30, 30, 70);color:rgb(255,255,255);margin:0px; box-shadow: 0px 2px 7px rgb(100,100, 100); }
a.navBarLink_pro_clio { font-size:18px;font-family:'Nunito';text-decoration:none;font-weight:600; }
.divnavBarLink_pro_clio { padding-top:21px;padding-bottom:21px;background-color:rgb(50,50,90);text-align:right; }
.navBarLogo_pro_clio { margin-left:auto; margin-right:auto;max-width:75px; }
.titre_espace_pro { font-size:24px;font-weight: bold; text-align:center;padding-top:18px;padding-bottom:7px; 
	/* font-family: 'Nunito', sans-serif; */
	 letter-spacing: 1px;}			
.menu_gauche_pro_clio {position:fixed; z-index:0; left:0; height:100%; width: 300px; background-color: rgb(80, 80, 120); display:block;}
.menu_gauche_pro_clio_scroll {position:fixed; left:0; top:0; height:100%; width: 300px; background-color: rgb(80, 80, 120); 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(105, 180, 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; }
.titleConnect_pro_clio { font-size:30px;font-family:'Nunito';text-align:center;font-weight:600;text-shadow: black 2px 2px 5px;color:white;}
.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.9);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(71, 0, 40,0.5); font-family:'Nunito'; }
.panelHeading_pro_clio{ font-size: 16px; font-weight: bold; padding:10px; background-color: rgb(245, 245, 245);color: rgba(71, 0, 40); }
.panelBody_pro_clio { background-color:rgb(255,255,255); border-radius: 0px; padding:0px;}
.panelBodyConnect_pro_clio { padding:25px; 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(75, 19, 70); 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(71, 0, 40);	}
.linkImprimer { color:rgb(100,100,100); font-size: 18px; float:right; }		
.linkPrint{ text-decoration:none; background-color: rgb(255, 255, 255); color:rgb(71, 0, 40); 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(200, 140, 170); }
.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: rgba(71, 0, 40); }
.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:rgba(71, 0, 40,0.5);}
#logo_clio_connect { display:none;margin-top:10px;}
#rowConnect { margin-top:40px;}
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; }
/* *************************************** media queries ***************************************** */
@media screen and (max-width: 3000px) {
	.menu_gauche_pro_clio {position:fixed; left:0; height:100%; width: 300px; background-color: rgb(80, 80, 120);; 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:18px;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: rgba(71, 0, 40,0.5); }
	.divPanelBody{ margin:0px; padding:15px; height:50px; }
	.divPanelBody:hover{ background-color:rgb(240, 240, 240);color: rgb(75, 19, 70); 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(71, 0, 40);	}
	.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:20px;}
	#iconeClio { display:block;}
	#linkRetour { margin-top:0px;}
	#logo_clio_connect { display:none;}
	ul#listeOnglet { margin:0px;padding:0px;max-width: 1500px;min-width: 1200px;}
	#rowConnect { margin-top:40px;}
	#rowLeftConnect { border-right:1px solid white;}
	#PanelEnteteCreateAccount { padding:10px;text-align:center;font-size:22px;font-weight:600; color:rgb(101,40,80);font-family:'Nunito';font-weight:800;}
	.navBar_pro_clio {background-color: rgb(30, 30, 70);color:rgb(255,255,255);margin:0px; box-shadow: 0px 2px 7px rgb(100,100, 100); }
	a.navBarLink_pro_clio { font-size:18px;font-family:'Nunito';text-decoration:none;font-weight:600; }
	.divnavBarLink_pro_clio { padding-top:21px;padding-bottom:21px;background-color:rgb(50,50,90);text-align:right; }
	.navBarLogo_pro_clio { margin-left:auto; margin-right:auto;max-width:75px; }
}
@media screen and (max-width: 1200px) { 
	.menu_gauche_pro_clio { position:initial; height:auto; background-color: rgb(80, 80, 120); width:100%; display:none; }
	.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: rgba(71, 0, 40,0.5); }
	.divPanelBody{ margin:0px; padding:12px; height:55px; }
	.divPanelBody:hover{ background-color:rgb(240, 240, 240);color: rgb(75, 19, 70); font-weight: bold; }
	.panelBodyConnect_pro_clio { padding:15px; background-color: rgba(255,255,255,0.2); }
	.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(71, 0, 40);	}
	.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;}
	#iconeClio { display:none;}
	#linkRetour { margin-top:10px;}
	#logo_clio_connect { display:block;}
	ul#listeOnglet { margin:0px;padding:0px;max-width: 1500px;min-width: 1200px;}
	#rowConnect { margin-top:40px;}
	#rowLeftConnect { border-right: none;}
	#PanelEnteteCreateAccount { font-size:17px;}
	a.navBarLink_pro_clio { font-size:15px; }
	.divnavBarLink_pro_clio { padding-top:22px;padding-bottom:22px;background-color:rgb(50,50,90);text-align:right; }
	#iconeClio { padding:9px;}
	.navBarLogo_pro_clio { margin-left:auto; margin-right:auto;max-width:60px; }
}
/* *************************************** 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 *************************************************** */
body {background-color: white}
.infoTarif{				
	margin-left: 50px;
	color: black;
	font-size: smaller;
	padding-bottom: 10px;
	padding-top: 10px;
}
.listeTarif{font-size: smaller;}			
.btn-default .badge {
	color: #fff;
	background-color: gray;
}
.question {width: 20%;}
.reponse {font-weight: bold; }
.remarque {width: 30%;}	