@charset "UTF-8";
/**
 * Theme Name:       Energie Aménagement
 * 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: #365ac4; 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 
--------------------------------------------------*/
/* MAIN HEADER
--------------------------------------------------*/
/* --------------------------------------------------
-  
-    DIVI THEME - FOOTER
-
--------------------------------------------------*/
/* FOOTER
--------------------------------------------------*/
/*# sourceMappingURL=style.css.map */