@charset "UTF-8";
/**
 * Theme Name:       format3Delec
 * Theme URI:        http://www.elegantthemes.com/gallery/divi/
 * Description:      
 * Author:           CETIR
 * Template:         Divi
 * Version:          1.0
*/
/*
    @extend id/class/balise -> copie les propriétés définie
    @mixin nom ($parameter) -> fonction scss avec paramètres


*/
/* Variables du projet
--------------------------------------------------*/
/* -------------------------
-
-    Placeholder & class tool
-
---------------------------*/
/* MIXIN
---------------------------*/
/* PLACEHOLDER
---------------------------*/
/* --------------------------------------------------
-
-    Tools
-
--------------------------------------------------*/
/* ALIGNEMENT VERTICAL CENTRE */
.col_align_center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 980px) { .col_align_center { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .col_align_center .et_pb_column:first-of-type { margin-top: 24px; } }

/*--------------------------------------------------
    GRID
--------------------------------------------------*/
.grid .et_pb_column { display: -ms-grid; display: grid; grid-gap: 1rem; max-width: 100%; margin: 0 auto; -ms-grid-columns: (minmax(0, 1fr))[2]; grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (min-width: 980px) { .grid .et_pb_column { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); } }

@media (min-width: 1100px) { .grid .et_pb_column { -ms-grid-columns: (minmax(0, 1fr))[5]; grid-template-columns: repeat(5, minmax(0, 1fr)); } }

.grid.grid-col-7 .et_pb_column { -ms-grid-columns: (minmax(0, 1fr))[3]; grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (min-width: 980px) { .grid.grid-col-7 .et_pb_column { -ms-grid-columns: (minmax(0, 1fr))[5]; grid-template-columns: repeat(5, minmax(0, 1fr)); } }

@media (min-width: 1100px) { .grid.grid-col-7 .et_pb_column { -ms-grid-columns: (minmax(0, 1fr))[7]; grid-template-columns: repeat(7, minmax(0, 1fr)); } }

.grid .et_pb_blurb { margin: 0 !important; }

/* Blurb-Hover
---------------------------*/
/* DIvi Booster
---------------------------*/
/* Woocommerce
---------------------------*/
/* Carte
---------------------------*/
/* Post SLider
---------------------------*/
/* Download Manager
--------------------------*/
/* BLURB HOVER by yatesdesign.com.au
---------------------------*/
/* Espace entre les colonnes */
@media (min-width: 981px) { .blurb-hover.et_pb_gutters1 .et_pb_column_1_3, .blurb-hover.et_pb_gutters1.et_pb_row .et_pb_column_1_3 { width: 32.8333%; margin-right: .5%; } }

@media (max-width: 767px) { .blurb-hover.et_pb_gutters1 .et_pb_column, .blurb-hover.et_pb_gutters1.et_pb_row .et_pb_column { margin-bottom: 10px; } }

.blurb-hover .et_pb_column { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transition: transform .4s; -moz-transition: transform .4s; -ms-transition: transform .4s; -o-transition: transform .4s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.blurb-hover .et_pb_column:hover { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); z-index: 1000; }

.blurb-hover .et_pb_column:hover::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(54, 90, 196, 0.5)), color-stop(40%, rgba(54, 90, 196, 0.7))); background-image: linear-gradient(180deg, rgba(54, 90, 196, 0.5) 15%, rgba(54, 90, 196, 0.7) 40%); opacity: .9; }

.blurb-hover .et_pb_column:hover .et_pb_blurb, .blurb-hover .et_pb_column:hover [class*='next_blurb'] { -webkit-box-shadow: #365ac4; box-shadow: #365ac4; }

.blurb-hover .et_pb_column:hover .et_pb_blurb::before, .blurb-hover .et_pb_column:hover [class*='next_blurb'] .dnxt-blurb-wrapper::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#365ac4), to(#0dcbb8)); background: linear-gradient(180deg, #365ac4 0%, #0dcbb8 100%); }

/*correction bug*/
.blurb-hover .et_pb_column:hover [class*='next_blurb'] .dnxt-blurb-wrapper div { position: relative; }

.blurb-hover .et_pb_blurb p, .blurb-hover [class*='next_blurb'] .dnxt-blurb-wrapper p, .blurb-hover .et_pb_column .et_pb_text p { height: 0; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .2s,transform .35s; -webkit-transition: opacity .2s,-webkit-transform .35s; transition: opacity .2s,-webkit-transform .35s; transition: opacity .2s,transform .35s; transition: opacity .2s,transform .35s,-webkit-transform .35s; -moz-transition: opacity .2s,transform .35s; -ms-transition: opacity .2s,transform .35s; -o-transition: opacity .2s,transform .35s; transform: translate3d(0, 40px, 0); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); padding: 0 16px 10px !important; -webkit-filter: alpha(opacity=0); }

.blurb-hover .et_pb_column:hover p, .blurb-hover .et_pb_column:hover [class*='next_blurb'] .dnxt-blurb-wrapper p, .blurb-hover .et_pb_column:hover.et_pb_text p { height: auto !important; color: #fff; -webkit-transition-delay: .05s; transition-delay: .05s; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); zoom: 1; filter: alpha(opacity=1); opacity: 1; -webkit-filter: alpha(opacity=1); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }

.blurb-hover .et_pb_column:hover h4 { bottom: 100%; }

.blurb-hover .et_pb_blurb h4, .blurb-hover [class*='next_blurb'] h4 { position: absolute; bottom: 0; left: 0; transition: bottom .35s; -webkit-transition: bottom .35s; -moz-transition: bottom .35s; -ms-transition: bottom .35s; -o-transition: bottom .35s; }

.blurb-hover .et_pb_column { position: relative; min-height: 480px; }

.blurb-hover .et_pb_column .et_pb_button_module_wrapper { display: block; text-align: center; padding: 4%; -webkit-transition: all 200ms ease; transition: all 200ms ease; opacity: 0; margin-bottom: 0; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; -o-transition: all 350ms ease; }

.blurb-hover .et_pb_column:hover .et_pb_button_module_wrapper { opacity: 1; margin-bottom: 50px !important; }

.blurb-hover .et_pb_module_header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 16px; max-width: 88%; }

.blurb-hover .et_pb_column:not(:hover) .et_pb_module_header { background: -webkit-gradient(linear, left top, right top, from(#365ac4), to(#0dcbb8)); background: linear-gradient(90deg, #365ac4 0%, #0dcbb8 100%); }

.blurb-hover .et_pb_module_header::after { content: ""; display: inline-block; width: 16px; min-width: 16px; height: 16px; margin-left: 16px; background: url(assets/arrox-right.svg) no-repeat center; background-size: cover; }

/*BUG IE*/
.blurb-hover .et_pb_text { width: 100%; }

/* DECORATION H2 */
.blurb-hover .et_pb_text h2::before { display: none; }

.blurb-hover .et_pb_text h2::after { top: initial; margin: .6em auto .4em; display: block; content: ""; background-color: #0dcbb8; width: 50%; max-width: 80px; height: 4px; }

/*DIVI BREAK POINTS*/
/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
/*** Responsive Styles Tablet And Below ***/
/*** Responsive Styles Tablet Only ***/
/*** Responsive Styles Smartphone Only ***/
/*** Responsive Styles Smartphone Portrait ***/
/*TYPOGRAPHIE*/
h1, h2, h3, h4, h5, h5 { font-weight: bold; padding-bottom: 1.618rem; }

/* --------------------------------------------------
-  
-    CONTACT FORM TO DIVI
-
--------------------------------------------------*/
.et_pb_contact .et_pb_contact_field input, .et_pb_contact .et_pb_contact_field textarea { color: #130303; background-color: #ffffff; -webkit-box-shadow: 0 16px 48px -16px rgba(54, 90, 196, 0.2); box-shadow: 0 16px 48px -16px rgba(54, 90, 196, 0.2); }

.et_pb_contact .et_pb_contact_field input[type="submit"] { color: #ffffff; font-weight: bold; border-radius: 3px; width: auto; background-color: #FF8A00; cursor: pointer; }

.et_pb_contact .et_pb_contact_field_half { width: 50%; float: left; }

@media (max-width: 768px) { .et_pb_contact .et_pb_contact_field_half { width: 100%; float: none; } }

p.et_pb_contact_field { padding: 0 0 0 3%; margin-bottom: 3%; background-position: 50%; background-size: cover; }

.et_pb_contact_field * { position: relative; }

.et_pb_contact p input, .et_pb_contact p textarea { -webkit-appearance: none; width: 100%; border-width: 0; border-radius: 0; font-size: 14px; padding: 16px; }

.et_pb_contact .et_pb_contact_field input, .et_pb_contact .et_pb_contact_field textarea { color: #130303; background-color: #ffffff; -webkit-box-shadow: 0 16px 48px -16px rgba(54, 90, 196, 0.2); box-shadow: 0 16px 48px -16px rgba(54, 90, 196, 0.2); }

/* --------------------------------------------------
-  
-    TOP_BAR
-
--------------------------------------------------*/
/* --------------------------------------------------
-  
-    MAIN_BAR
-
--------------------------------------------------*/
/* LATERAL MENU
--------------------------------------------------*/
/* --------------------------------------------------
-  
-    DIVI THEME - DESIGN 
-
-------------------------------------------------- */
/* BOUTON 
--------------------------------------------------*/
article.et_pb_post_extra .post-content + .post-content{
  margin-top: -1rem!important;
  padding-top: 0!important;
}

/* MAIN HEADER
--------------------------------------------------*/
/* --------------------------------------------------
-  
-    DIVI THEME - FOOTER
-
--------------------------------------------------*/
/* FOOTER
--------------------------------------------------*/
/* filtre post */
/* 30 -> E-learning 
25 -> electriciens
26 -> non electriciens
29 -> vehicules
31 -> aipr */

.post-categories {
  text-align: right;
}
.post-categories a[rel*="category"]{
  padding: 6px!important;
  line-height: 1!important;
  border: none!important;
  font-weight: 700!important;
  text-transform: uppercase;
  font-size: 10px!important;
}
.el-dbe-post-categories a{
  line-height: 2!important;
}
.el-dbe-post-categories a[data-term-id="-1"]{
  border-bottom: 2px solid#000!important;
}
.el-dbe-post-categories a[data-term-id="25"]{
  border-bottom: 2px solid#e5315c!important;
}
.post-categories a.el_term_les-electriciens, .post-categories a.el_term_les-electriciens-formations-complementaires{
  color: #fff!important;
  background-color: #e5315c!important;
}

.el-dbe-post-categories a[data-term-id="26"]{
  border-bottom: 2px solid#ffe400!important;
}
.post-categories a.el_term_les-non-electriciens, .post-categories a.el_term_les-non-electriciens-formations-complementaires{
  color: #000!important;
  background-color: #ffe400!important;
}

.el-dbe-post-categories a[data-term-id="31"]{
  border-bottom: 2px solid#ff873c!important;
}
.post-categories a.el_term_preparation-a-laipr, .post-categories a.el_term_preparation-a-laipr-formations-complementaires{
  color: #fff!important;
  background-color: #ff873c!important;
}

.el-dbe-post-categories a[data-term-id="29"]{
  border-bottom: 2px solid#39a446!important;
}
.post-categories a.el_term_les-vehicules-et-engins-a-energie-electrique-embarquee, .post-categories a.el_term_les-vehicules-et-engins-a-energie-electrique-embarquee-formations-complementaires{
  color: #fff!important;
  background-color: #39a446!important;
  
}

.el-dbe-post-categories a[data-term-id="30"]{
  border-bottom: 2px solid#2299e6!important;
}
.post-categories a.el_term_e-learning, .post-categories a.el_term_e-learning-formations-complementaires{
  color: #fff!important;
  background-color: #2299e6!important;
  
}
.et-menu li li a{
  width:auto!important;
}
