/* ----------------------------------------- */ /* Visualiser le slug : sessions-dune-formation - début */ /* ----------------------------------------- */ ul.session-une-formation { list-style-type:none; padding-left: 0px; } ul.session-une-formation li{ border-left: 0px solid #dedede; margin-bottom: 5px; display:block; padding-left: 0px; } /* ----------------------------------------- */ /* Visualiser le slug : sessions-dune-formation - fin */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modèle de contenu : fiche-de-formation - démarrer */ /* ----------------------------------------- */ .pr30 { padding-right : 30px; } .intro { display : inline-block; /*float:right;*/ margin: 0 0 10px; } .contact-formation { background: #ffffff none repeat scroll 0 0; border: 1px solid #F1F1F1; margin-bottom: 15px; padding: 5px 10px 5px; } .newform { background : #656667; color : #ffffff; padding: 0 5px 0 5px; text-transform : uppercase; font-weight : 400; font-size : 11px; float:right; } span.newformation { background: #b30000 none repeat scroll 0 0; border-radius: 100px; color: #ffffff; display: inline-block; font-size: 10px; font-weight: 600; height: 18px; line-height: 18px; margin-left: 5px; margin-right: 5px; padding: 0; text-align: center; text-transform: uppercase; vertical-align: middle; width: 18px; } .tabtitle { font-size : 50px; } .contenudestabs { border-left : 1px solid #dedede; border-right : 1px solid #dedede; border-bottom : 1px solid #dedede; padding: 20px; } .fusion-tabs.horizontal-tabs.clean .tab-content { margin-top:0 } ul#menudesktop li a{ white-space: nowrap; } /* titre des accordeons */ .collapsible-title { padding : 10px 10px 10px 10px ; border : 0px solid #dedede; background: #f3f4f6; cursor : pointer; margin : 10px 0; color: #717379 !important; font-size: 20px !important; font-weight: 300 !important; } .template-formation .colright .widget { /*border: 1px solid #dfdfdf; */ background : #fff; margin : 0px 0 10px 0; /*padding: 5px 10px 10px 10px;*/ } .widgetwhite { background : #ffffff; padding : 0 0 0 10px; font-size : 13px; margin-bottom : 15px; } .widgetbutton { background : #ffffff; margin-bottom : 0px; overflow : auto; } #logos-conditionnels { margin-top: 0; } #logos-conditionnels img { width:31%; } #logos-conditionnels img:first-child, #logos-conditionnels img:nth-child(2) { margin-right : 1%; } /* widget bookmark */ .template-formation .colright .userpro-bm { width:100% !important; } .colright { /* border-left: 1px solid #dedede;*/ background-color: #fff; box-sizing: border-box; padding: 0px 15px 10px 5px; /* border-left : 1px solid #ededed;*/ } .coleft { /* border-left: 1px solid #dedede;*/ background-color: #ffffff; box-sizing: border-box; /* padding: 0px 15px 10px 20px;*/ } .colright > a { font-size: 20px; text-align: center; } .nav > li > a { font-size: 20px; } .itemHeader { display: none; } .zn_content { padding-left: 0; } /* on donne aux div .id-recolored (ID formation / prix) la couleur du type de formation */ .formations-techniques-metiers .id-recolored { background-color: #16a8d2; color: #ffffff; } .transition-energetique-et-numerique .id-recolored { background-color: #44a12b; color: white; } .formation-reglementaires-obligatoires .id-recolored { background-color: #f8b334; color: white; } .management-affaires-equipes .id-recolored { background-color: #db007a; color: white; } /* on donne aux h2 .id-recolored la couleur du type de formation */ .formations-techniques-metiers .coleft h2, .formations-techniques-metiers .coleft i.fa { color: #16a8d2 !important; } .transition-energetique-et-numerique .coleft h2, .transition-energetique-et-numerique .coleft i.fa { color: #44a12b !important; } .formation-reglementaires-obligatoires .coleft h2, .formation-reglementaires-obligatoires .coleft i.fa { color: #f8b334 !important; } .management-affaires-equipes .coleft h2, .management-affaires-equipes .coleft i.fa { color: #db007a !important; } .id-recolored { text-align: left; } .acc-content { padding-left: 20px !important; padding-right: 20px !important; text-align: left; } .btn { background-color: #686868; } /* hover sur accordéon de la couleur du type de formation */ .formations-techniques-metiers .acc-tgg-button:hover { background-color: rgba(0,87,178,0.3); } .formation-reglementaires-obligatoires .acc-tgg-button:hover { background-color: rgba(255,166,0,0.3); } .developpez-les-competences-de-vos-salaries .acc-tgg-button:hover { background-color: rgba(219,0,255,0.3); } .acc-tgg-button { transition: background-color 0.3s; } #sessions-formation { padding : 0px; background : none; } .frm-taxonomies { font-size : 11px; margin-bottom : 24px; text-align : left; border-bottom : 1px solid #efefef; border-top : 1px solid #efefef; padding : 3px 0 3px 3px; text-transform : uppercase; font-family : "Roboto"; } /* référence de la formation */ .id-formation { font-size : 12px; margin-bottom : 24px; color: white; text-transform : uppercase; font-weight : 400; float : right; width : 20%; padding : 3px 3px 3px 3px; text-align : center; } .frm-objectifs { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .tog-title { color : #00508b !important; font-weight : 300 !important; font-size: 18px !important; padding-left : 10px !important; } .frm-objectifs h2 { color : #00508b !important; font-weight : 300 !important; font-size: 20px !important; line-height: 24px; margin-bottom: 10px; margin-top: 20px; } .frm-objectifs p { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .frm-objectifs ul { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .widget p { color : #333 !important; font-weight : 400 !important; font-size: 13px !important; margin-bottom: 5px; } .widget ul { color : #333 !important; font-weight : 400 !important; font-size: 13px !important; margin-bottom: 5px; } .frm-duree { color: #333 !important; font-size: 13px !important; font-weight: 400 !important; margin-bottom: 5px; } .widget h3 { margin-bottom: 0px; margin-top: 5px; } .frm-prerequis { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 2em; margin-top: 2em; margin-left : 2px !important; } .frm-prerequis h2 { color : #00508b !important; font-weight : 300 !important; font-size: 20px !important; line-height: 24px; margin-bottom: 10px; margin-top: 20px; } .frm-prerequis p { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .frm-prerequis ul { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .frm-public { margin-top : 20px; color : #333 !important; font-weight : 300 !important; font-size: 20px !important; line-height: 22px; } .frm-zone h2{ color : #00508b !important; font-weight : 300 !important; font-size: 20px !important; line-height: 24px; margin-bottom: 10px; margin-top: 20px; } .frm-zone p { color : #333 !important; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.2em; margin-top: 0.2em; margin-left : 2px !important; } .frm-zone ul { color : #333 !important; list-style-type: none; font-weight : 300 !important; font-size: 14px !important; margin-bottom: 0.5em; margin-top: 0.5em; margin-left : 5px !important; padding-left: 5px; } .no-underline a{ text-decoration: none !important; } .frm-zone li:before { content: "\f00c"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; color: #959698; /* margin-left: -1.3em; same as padding-left set on li */ margin-right : 5px !important; /* width: 1.3em; same as padding-left set on li */ } .frm-zone li li:before { content: "\f105"; /* FontAwesome Unicode */ font-family: FontAwesome; display: inline-block; color: #cccccc; /* margin-left: -1.3em; same as padding-left set on li */ margin-right : 5px !important; /* width: 1.3em; same as padding-left set on li */ } .frm-lesplus { margin-top : 30px; margin-bottom : 30px; border : 1px solid #dedede; padding : 7px !important; } .frm-lesplus h3{ color: #717379 !important; font-size: 20px !important; font-weight: 300 !important; font-family: "Roboto"!important; margin : 0 0 10px 0 !important; } .frm-materiels { margin-top : 30px; margin-bottom : 30px; border : 1px solid #dedede; padding : 7px !important;} .frm-materiels h3{ color: #999 !important; font-size: 18px !important; font-weight: 300 !important; font-family: "Roboto"!important; margin : 0 0 10px 0 !important; } .titretab { color : #454647 !important; font-size : 1.1em !important; font-weight : 400 !important; text-transform : uppercase; } .frm-nota { margin-top : 30px; margin-bottom : 30px; border : 1px solid #dedede; padding : 10px !important;} .frm-nota h3 { color: #999 !important; font-size: 18px !important; font-weight: 300 !important; font-family: "Roboto"!important; margin : 0 0 10px 0 !important; } .duree-formation h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 22px; font-weight : 600; font-family: "Roboto"!important; } .tarifs-formation h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 18px; font-weight : 600; font-family: "Roboto"!important; } .widget-financement h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 18px; font-weight : 600; font-family: "Roboto"!important; } .sessions-formation h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 18px; font-weight : 600; font-family: "Roboto"!important; } .contact-formation h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 18px; font-weight : 600; font-family: "Roboto"!important; } h3.option-admin { color : #525a62; /*text-transform : uppercase;*/ font-size: 16px; line-height: 20px; font-weight : 500; font-family: "Roboto"!important; } .horaires-formation h3 { color : #525a62; /*text-transform : uppercase;*/ font-size: 15px; line-height: 18px; font-weight : 600; font-family: "Roboto"!important; } .button-pdf { font-size: 12px !important; line-height: 24px !important; height: 24px !important; text-transform: uppercase; font-weight: 500 !important; display: inline-block !important; width: 97% !important; text-align: center !important; padding: 0px 6px 0px 6px !important; color: #fff !important; letter-spacing : 0px !important; background: #898c96 !important; margin-bottom : 20px; } .button-contact { font-size: 12px !important; line-height: 24px !important; height: 24px !important; text-transform: uppercase; font-weight: 500 !important; display: inline-block !important; width: 97% !important; text-align: center !important; padding: 0px 6px 0px 6px !important; color: #fff !important; letter-spacing : 0px !important; background: #898c96 !important; margin-bottom : 20px; } .but-left { padding-left: 0px !important; padding-right: 0px !important; } .but-right { padding-right: 0px !important; padding-left: 0px !important; } .button-pdf a{ background: #898c96 !important; color: #ffffff !important; } .button-contact a{ background: #898c96 !important; color: #ffffff !important; } .button-pdf:hover{ background: #c3c5cc !important; color: #ffffff !important; } .button-contact:hover{ background: #c3c5cc !important; color: #ffffff !important; } ul.tarifs { list-style-type: none; padding-left: 0; } ul.tarifs li{ /*border-left: 3px solid #dedede;*/ display: block; margin-bottom: 1px; /* padding-left: 10px;*/ } .sessions-formation, .horaires-formation { margin-bottom : 15px; } .duree-formation { margin-bottom : 15px; border : 1px solid #ededed; padding : 5px 10px 10px 10px; background : #ffffff } .tarifs-formation { margin-bottom : 15px; border : 1px solid #ededed; padding : 5px 10px 10px 10px; background : #ffffff } .sessions-formation { font-size : 11px; color : #ff8400 !important } /*.tarifs-formation { padding-bottom : 10px; border-bottom : 1px solid #dedede; }*/ .title-heading-left { padding-right: 8px; text-align: left; } .fusion-title .title-sep-container { height: 3px; margin-top: 10px; } .fusion-title .title-sep.sep-single { border-bottom-width: 1px; } .fusion-title .title-sep { box-sizing: content-box; display: block; position: relative; width: 100%; } .fusion-title h3.title-heading-left { padding-right: 10px; text-align: left; } .fusion-title { margin: 0 0 5px; } .frm-lesplus p { margin-bottom: 10px; margin-top: 0; } .frm-materiels p { margin-bottom: 10px; margin-top: 0; } .frm-nota p { margin-bottom: 10px; margin-top: 0; } #frm-programme p { color : #333 !important; padding-left : 10px !important; } #frm-programme ul { color : #333 !important; padding-left : 25px !important; } #frm-programme li { color : #333 !important; padding-left : 5px !important; } #frm-mmp p { color : #333 !important; padding-left : 10px !important; } #frm-mmp ul { color : #333 !important; padding-left : 25px !important; } #frm-mmp li { color : #333 !important; padding-left : 5px !important; } #frm-modalites p { color : #333 !important; padding-left : 10px !important; } #frm-modalites ul { color : #333 !important; padding-left : 25px !important; } #frm-modalites li { color : #333 !important; padding-left : 5px !important; } #frm-lesplus p { color : #333 !important; padding-left : 10px !important; } #frm-lesplus ul { color : #333 !important; padding-left : 25px !important; } #frm-lesplus li { color : #333 !important; padding-left : 5px !important; } .fa-xs { font-size : 16px !important; margin-right : 8px !important; margin-bottom : 2px !important; } .fa-xsx { font-size : 16px !important; margin-right : 12px !important; margin-bottom : 2px !important; } #type-formation { color: #555 !important; font-size: 12px !important; line-height : 20px !important; font-weight: 400 !important; font-family: "Roboto"!important; text-transform : uppercase; } /* on donne aux border .id-recolored la couleur du type de formation */ .formations-techniques-metiers .coleft .bdr { border : 1px solid rgba(22, 168, 210, 0.2) !important; } .transition-energetique-et-numerique .coleft .bdr { border : 1px solid rgba(68, 161, 43, 0.2) !important; } .formation-reglementaires-obligatoires .coleft .bdr { border : 1px solid rgba(248, 179, 52, 0.2) !important; } .management-affaires-equipes .coleft .bdr { border : 1px solid rgba(219, 0, 122, 0.2) !important; } .color-dev { color: #97bf0d !important; margin-right : 5px !important; } .color-eform { color: #898c96 !important; margin-right : 5px !important; } .icon-button { color: #ffffff !important; margin-left : 10px !important; } span.formationcpf { color: #fff; background: #898c96; display: inline-block; font-size: 10px; font-weight: 600; line-height: 10px; padding : 2px 4px 2px 4px; margin-left: 0px; margin-right: 5px; text-align: center; text-transform: uppercase; } .form-inline { display : inline-block; margin-right : 15px; } /* ----------------------------------------- */ /* Modèle de contenu : fiche-de-formation - terminer */ /* ----------------------------------------- */