/*css supplémentaire*/

.elementor-sticky--active { z-index: 99; } 

/*rgpd*/
#fondbas { background-color:#EAEAEA; padding:20px; margin:0 0 30px 0; }
#titretheme { font-size:30px !important; }
.flechenoire, .flecheorange { width:15px; vertical-align:middle; }
.lienbug { color:#f2771d !important; }
/*rgpd*/

.elementor-nav-menu a { padding:5px !important; }

.sub-menu a { padding:13px 20px !important; }

#captchacontact td { background:none !important; border:none !important; padding:5px !important; }
#captchacontact  table table { width:auto; }
/*formations metiers */
#titre3 { font-size: 20px !important; font-weight: 700 !important; text-transform: none !important; color: #8d8d8d !important; }
#lien { color:#6b6b6b !important; font-weight: 500 !important; }
#lien:hover { color:#ff6536 !important; }
#lien span { color:#ff6536 !important; min-width: 100px;
  display: inline-block; }
#fleche { color:#ff6536 !important; float:right !important; font-size: 20px; }
table tbody tr:hover > td, table tbody tr:hover > th {
  background-color: transparent !important;
}
table tbody > tr:hover:nth-child(2n+1) > td, table tbody > tr:hover:nth-child(2n+1) > th {
  background-color: hsla(0,0%,50.2%,.0705882353) !important;
}

.tableau, .tableau tr, .tableau td { border:#000 solid 1px; border-collapse:collapse; }
.tableau td, .tableau th { padding:10px; }
.tableau th { text-align:left; background:#90165A; color:#FFF; }

#tableaudocuments1 td { text-align:right; width:160px; }

.flechebas { color: #F00; }
.flechehaut { color: #090; }
.flechestable { color:#000; }

input { background-color:inherit !important; border-color:inherit !important; color: inherit !important; }
input[type="submit"] { background-color:#ff6536 !important; border-color:#ff6536 !important; color: #FFFFFF !important; }

#ajoutermodifier { width:100% !important; }
#ajoutermodifier tr, #ajoutermodifier td { background-color:transparent !important; padding:5px !important; line-height: initial !important; vertical-align: top !important; border:none !important; }
#ajoutermodifier tr td table { width:auto !important; }
#ajoutermodifier #message_tbl { width:100% !important; }

#tableaugestion { width:100% !important; }
#tableaugestion th, #tableaugestion td { vertical-align:middle !important; padding:5px !important; line-height:1 !important; text-align:left !important; }

input[type=text], textarea { background-color:transparent !important; color:inherit !important; }

#tableaugestion img { max-height:16px !important; }

.gdlr-core-line-height-0 { line-height:inherit !important; }

.dl-display-flex { list-style-type:none !important; }

.panel-body ul { margin-left:0 !important; }

table { /*font-size: initial !important;*/ }

/* css planning */
.calendrier { font-size:14px !important; }
a, button { cursor:pointer !important; }
.picture { display:none; }
.ui-dialog { width:80% !important; margin:0 auto 0 auto !important; top:0 !important; }
.modal { position: fixed !important; z-index: 1 !important; padding-top: 100px !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; background-color: rgb(0,0,0) !important; background-color: rgba(0,0,0,0.4) !important; }
.modal-content { background-color: #eeeeee !important; margin: auto !important; padding: 5px !important; width: 60% !important; }
.modal-content h1 { background-color:#f8b03a !important; color:#ffffff !important; padding: 5px 20px 5px 20px !important; font-size:21px !important; }
.close { color:#f8b03a !important; float: right !important; font-size: 20px !important; font-weight: bold !important; background:#fff !important; margin: 5px !important; padding: 0 2px 0 2px !important; }
.close:hover, .close:focus { color: #000 !important; text-decoration: none !important; cursor: pointer !important; }
.calendrierjournee a, .calendriersemaine a { color:inherit !important; }
.calendriersemaine { border-collapse: collapse !important; margin: 0 !important; border-spacing: 0 !important; }
.calendriersemaine table { border-collapse: collapse !important; border-spacing: 0 !important; margin-bottom: 0 !important; min-height: 20px !important; }
.calendriersemaine tr { line-height:20px !important; }
.calendriersemaine td { padding:0; }
.rc-calendar { padding:0 !important; }
.rc-calendar-column-header-inner { padding: 5px 0 0 0 !important; }
.rc-calendar-date { color: #666 !important; }
.rc-calendar-date:hover { background: #ebfaff !important; cursor: pointer !important; }
.rc-calendar-week-number-cell { border-right: 1px solid #d9dfe3 !important; color: #bfbfbf !important; }
.rc-calendar-today, .rc-calendar-today a { background-color: #65bde7 !important; color: #000 !important; margin: 0 auto !important; border-radius: 4px 4px !important; width: 26px !important; height: 26px !important; padding: 0 !important; line-height: 26px !important; text-align: center !important; }
.rc-calendar-today:hover, .rc-calendar-today a:hover { background: #65bde7 !important; }
.rc-calendar-selected-day, .rc-calendar-selected-day a { background-color: #65bde7 !important; color: #fff !important; border-radius: 4px 4px !important; padding:0 !important; }
.rc-calendar-selected-day:hover, .rc-calendar-selected-day a:hover { background: #65bde7 !important; }
.dc-header { border: 1px solid #bbb !important; box-sizing: border-box !important; }
.column-header { line-height: 20px !important; }
.today { background-color: #65bde7 !important; }
.dl-tab-menus, .dl-tab-menus a, .dl-tab-menus a:hover { color: #708390 !important; text-transform: uppercase !important; }
.dl-tab-menus-active, .dl-tab-menus-active a, .dl-tab-menus-active a:hover { border-radius: 3px !important; text-transform: uppercase !important; }
.dl-tab-menus-active a, .dl-tab-menus a:hover { color: #eef2f6 !important; background-color: #65bde7 !important; }
.dl-tab-menus a, .dl-tab-menus-active a { padding: 8px 12px !important; }
.dc-event-time { display: inline-block !important; margin-right: 4px !important; font-weight: 400 !important; }
.dc-event-title-last-name { margin-right: 2px !important; text-transform: uppercase !important; white-space: nowrap !important; line-height: 16px !important; font-weight: 500 !important; pointer-events: none !important; }
.dc-event-title-first-name { font-weight: 400 !important; }
.calendriergauche { width:240px !important; float:left; line-height:0 !important; }
.calendriergauche table tbody > tr:nth-child(2n+1) > td, .calendriergauche table tbody > tr:nth-child(2n+1) > th { background-color:#FFFFFF !important; }
.calendriergauche td { padding:inherit !important; }
.calendrierdroit { margin-left:240px !important;  }
.calendrierdroit td { padding:inherit !important; }
.dl-checkbox-label { line-height:1 !important; }
.calendrierdroit th { background-color: #65bde7 !important; }
.dc-background-layer { z-index: -1 !important; background-size: 13px 13px !important; background-color: #eaeaea !important; background-image: -webkit-linear-gradient(45deg, #eaeaea 25%, #f0f0f0 25%, #f0f0f0 50%, #eaeaea 50%, #eaeaea 75%, #f0f0f0 75%, #f0f0f0) !important;
background-image: linear-gradient(45deg, #eaeaea 25%, #f0f0f0 25%, #f0f0f0 50%, #eaeaea 50%, #eaeaea 75%, #f0f0f0 75%, #f0f0f0) !important; border-right: 1px solid #bbb !important; border-bottom: 1px solid #bbb !important; }
.dc-axis { width: 50px !important; border: 1px solid #bbb !important; }
.last-month-cell { color: #bbb !important; }
.dl-checkbox { display: inline-block !important; min-height: 16px !important; min-width: 16px !important; border-radius: 4px !important; border: 1px solid #cfd8dc !important; }
.dl-checkbox-control { background-color: #65bde7 !important; border-color: transparent !important; color:#ffffff !important; }
.dl-checkbox-label-text { margin-left:8px !important; }
input[type="checkbox"].dl-checkbox-control { position: absolute !important; opacity: 0.01 !important; cursor: pointer !important; }
.rc-calendar-prev-month-btn, .rc-calendar-next-month-btn { font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "Microsoft Sans Serif", sans-serif !important; color: #000000 !important; font-size: 16px !important; line-height: 34px !important; }
.rc-calendar-prev-month-btn::after { content: "<" !important; }
.rc-calendar-next-month-btn::after { content: ">" !important; }
.rc-calendar-prev-month-btn:hover, .rc-calendar-next-month-btn:hover { background-color: #eef2f6 !important; color: #999 !important; }
.rc-calendar-month-select, .rc-calendar-month-select a { color: #1F1F1F !important; }
.rc-calendar-year-select, .rc-calendar-year-select a { padding: 0 8px !important; line-height: 34px !important; color: #1F1F1F !important; }
.calendrierrdv, .calendrierrdv a { color: #1F1F1F !important; }
.colonnegauchepetit { width:20% !important; float:left !important; text-align:center !important; }
.colonnecentrepetit { width:60% !important; float:left !important; text-align:center !important; }
.colonnedroitepetit { width:20% !important; float:left !important; text-align:center !important; }
.dc-event-type-blck { background-color: #eef2f6 !important; border: 2px solid #ccc !important; white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important; }
.calendrieragrandi { width:100% !important; margin:0 !important; }
.icon-pro-ellipsis-v { font: 14px FontAwesome !important; padding: 3px 8px 0 0 !important; float:right !important; }
.icon-pro-ellipsis-v::before { content: "\f142" !important; }
.icon-pro-ellipsis-v::hover { background-color: #eef2f6 !important; }
.bordurejour { border-left: solid #65bde7 !important; border-right: solid #65bde7 !important; } 
.panel-heading { background-color: #f5f5f5 !important; border: #ddd solid 1px !important; }
.panel-heading h4 { color: #65bde7 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 4px !important; text-transform: uppercase !important; font-size: 11px !important; }
.panel-body { padding: 5px !important; }
.dl-caret { font: 18px FontAwesome !important; }
.caret-bottom::before { content: "\f0d7" !important; }
.caret-right::before { content: "\f0da" !important; }
.subheader { background-color: #eef2f6 !important; font-size: 14px !important; border-bottom: 1px solid #d9e1e7 !important; margin:0 !important; }
.subheader button { background: transparent !important; border:none !important; }
.subheader td { padding-top: 0 !important; padding-bottom: 0 !important; vertical-align: middle !important; background:none !important; }
.subheaderligne { background-color:#eef2f6 !important; }
.dl-button-white { background-color: #fff !important; border-collapse: collapse !important; margin: auto 0 auto 0; padding: 5px 0 5px 0; }
.dl-button-white td { border-right: 1px solid rgba(67,95,113,0.2) !important; }
.dc-event-inner { background-color: #4ec2fb !important; color: #65bde7 !important; }
.dc-grid-cell { border: 1px solid #bbb !important; padding: 0 !important; }
.calendriergauche table tr:nth-child(2n), .calendriergauche table tr:nth-child(2n+1), .calendrierdroit table tr:nth-child(2n), .calendrierdroit table tr:nth-child(2n+1){ background:transparent !important; }
.dc-grid-cell a { padding: 5px !important; color: #333 !important; }
.dc-grid-cell-today { border: 2px solid #65bde7 !important; background: #65bde7 !important; }
.dc-grid-cell-today, .dc-grid-cell-today a { color:#FFFFFF !important; }
.dc-month-calendar { table-layout: fixed !important; width:100% !important; }
.dc-month-calendar, .dc-month-calendar tr, .dc-month-calendar th, .dc-month-calendar td { border-collapse:collapse !important; }
.dc-month-calendar .dc-header { text-align: center !important; }
.dl-button-label { display: flex !important; align-items: center !important; height: 100% !important;	}
.datenav .datenav-highlight svg { fill: #65bde7 !important;	margin-right: 10px !important; }
.datenav .datenav-icon { position: relative !important; }
.dl-button, input.dl-button { color: #65bde7 !important; text-transform: uppercase !important; display: inline-block !important;	cursor: pointer !important; }
.datenav .datenav-highlight svg + span { background-color: #65bde7 !important; }
.datenav .datenav-icon span { position: absolute !important; top: 5px !important; left: 1px !important; width: 17px !important; font-size: 10px !important; line-height: 14px !important; color: #fff !important; }
.dl-cursor-pointer { cursor: pointer !important; color: #65bde7 !important;
text-decoration: none !important; }
.dl-cursor-pointer:hover { color: #166bac !important; text-decoration: underline !important; }
.new-contact { border:#e62638 solid 1px !important; border-radius: 2px !important; padding:5px !important; }
.ico-contact { font: 14px FontAwesome !important; color: #e62638 !important; }
.ico-contact::before { content: "\f007" !important; }
.icone-contact { font: 10px FontAwesome !important; }
.icone-contact::before { content: "\f007" !important; }
.color-indicator.small { display: inline-block !important; width: 12px !important; height: 12px !important; margin-top: 0 !important; margin-right: 3px !important; }
.color-indicator { width: 24px !important; height: 24px !important; margin-top: 3px !important; border-radius: 2px !important; display: block !important; background-color: #ccc !important; }
small, .small { font-size: 85% !important; }
.availabilities-start-motives-button { width:100% !important; color: #ffffff !important; background-color: #65bde7 !important; border-radius: 3px !important; font-size: 12px !important; text-transform: uppercase !important; }
.availabilities-start-motives-button-petit { width: 30px !important; height: 30px !important; padding: 0 !important; border-radius: 15px !important; background-color: #65bde7 !important; border:none !important; }
.rc-calendar-year-panel-year, .rc-calendar-year-panel-year a { background: #65bde7 !important; color: #fff !important; }
.rc-calendar-year-panel-cell:hover, .rc-calendar-year-panel-cell a:hover { text-decoration:underline !important; }
.rc-calendar-year-panel-year:hover, .rc-calendar-year-panel-year a:hover { text-decoration:underline !important; }
.rc-calendar-year-panel-last, .rc-calendar-year-panel-last a { color: rgba(0,0,0,0.25) !important; }
.rc-calendar-year-panel-last:hover, .rc-calendar-year-panel-last a:hover { color: #1F1F1F !important; }
.rc-calendar-month-panel-month, .rc-calendar-month-panel-month a { background: #3fc7fa !important; color: #fff !important; }
.rc-calendar-month-panel-cell:hover, .rc-calendar-month-panel-cell a:hover { text-decoration:underline !important; }
.rc-calendar-month-panel-month:hover, .rc-calendar-month-panel-month a:hover { text-decoration:underline !important; }
.mabulle + sub { display:none !important; position:absolute !important; -moz-border-radius:10px !important; -webkit-border-radius:10px !important; border-radius:10px !important; padding:10px !important; border:1px solid #000000 !important; background-color:#ffffff !important; color:#000000 !important; font-size:inherit !important; z-index:100 !important; }
.mabulle:hover + sub { display: block !important; }
/*-------------- smartphone portrait----------------------*/
@media only screen and (min-device-width : 300px) and (max-device-width : 479px) { 
.calendriergauche { float:left !important; width:100% !important; }
.calendrierdroit { float:left !important; width:100% !important; margin:0 !important; }
.subheader td { float:left !important; }
.service-block { display:flex !important; flex-flow: column !important; } 
.calendriergauche{order:2 !important; } 
.calendriersemaine{order:1 !important; } 
.dc-event { min-height:16px !important; height:auto !important; }
.dc-axis { width:auto !important; font-size:inherit !important; }
.page-content div div { float:left !important; width:100% !important; }
}
/*-------------- smartphone paysage + tablette portrait ----------------------*/
@media only screen and (min-device-width : 480px) and (max-device-width : 1080px){
.calendriergauche { float:left !important; width:100% !important; }
.calendrierdroit { float:left !important; width:100% !important; margin:0 !important; }
.subheader td { float:left !important; }
.service-block { display:flex !important; flex-flow: column !important; } 
.calendriergauche{order:2 !important; } 
.calendriersemaine{order:1 !important; } 
.dc-event { min-height:16px !important; height:auto !important; }
.dc-axis { width:auto !important; font-size:inherit !important; }
.page-content div div { float:left !important; width:100% !important; }
}
/* fin css planning */

/* css signature electronique */

/**
 *  SignaturePad: A jQuery plugin for assisting in the creation of an HTML5 canvas
 *  based signature pad. Records the drawn signature in JSON for later regeneration.
 *
 *  Primary Screen Styles
 *  @media screen
 *
 *  @project ca.thomasjbradley.applications.signaturepad
 *  @author Thomas J Bradley <hey@thomasjbradley.ca>
 *  @link http://thomasjbradley.ca/lab/signature-pad
 *  @link http://github.com/thomasjbradley/signature-pad
 *  @copyright Copyright MMXI, Thomas J Bradley
 *  @license New BSD License
 */

@font-face { font-family: 'Journal'; src: url('journal.eot'); src: local('Journal Regular'), local('Journal'), url('journal.woff') format('woff'), url('journal.ttf') format('truetype'), url('journal.svg#Journal') format('svg'); }

@media screen {

.sigPad { margin: 0; padding: 0; /*width: 800px;*/ }

.sigPad label { display: block; margin: 0 0 0.515em; padding: 0; color: #000; }

.sigPad label.error { color: #f33; }

.sigPad input { margin: 0; padding: 0.2em 0; width: 198px; }

.sigPad input.error { border-color: #f33; }

.sigPad button { margin: 1em 0 0 0; padding: 0.6em 0.6em 0.7em; background-color: #ff6536; border: 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; cursor: pointer; color: #ffffff; text-align: left; }

.sig { display: none; }

.sigNav { display: none; height: 2.25em; margin: 0; padding: 0; position: relative; list-style-type: none; }
.sigNav li { display: inline; float: left; margin: 0; padding: 0; }
.sigNav a, .sigNav a:link, .sigNav a:visited { display: block; margin: 0; padding: 0 0.6em; background-color: #fff; color: #0078b4; line-height: 2.25em; text-decoration: underline; }
.sigNav a.current, .sigNav a.current:link, .sigNav a.current:visited { background-color: #0078b4; border-top-left-radius: 8px; border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; color: #fff; text-decoration: none; }
.sigNav .typeIt a.current, .sigNav .typeIt a.current:link, .sigNav .typeIt a.current:visited { background-color: #0078b4; color: #FFFFFF; }
.sigNav .clearButton { bottom: 0.2em; display: none; position: absolute; right: 0; line-height: 1.375; }

.sigWrapper { clear: both; /*height: 500px;*/ border: 1px solid #0078b4; }
.sigWrapper.current { border-color: #000000; }

.signed .sigWrapper { border: 0; }

.pad { position: relative; }

.current .pad { cursor: url("pen.png") 8 8, crosshair; }

.typed { height: 200px; margin: 0; padding: 0 5px; position: absolute; z-index: 90; cursor: default; color: #145394; font: normal 1.875em/50px "Journal",Georgia,Times,serif; }

p.error { display: block; margin: 0.5em 0; padding: 0.4em; background-color: #f33; color: #fff; font-weight: bold; }

}
/* fin css signature */

/*fin css supplémentaire*/