.accordion{padding:0;margin:0}.accordion:after,.accordion:before{display:table;content:"\20"}.accordion:after{clear:both}.accordion__panel{padding:0;margin:0;overflow:hidden;list-style:none}.accordion__heading{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:15px;font-size:14px;color:#9ea6aa;cursor:pointer}.accordion__heading>.-icon{margin-top:3px;font-size:18px;font-style:normal;font-weight:700;color:#bbb}.accordion__heading>.-icon--right{float:right;margin-left:10px}.accordion__heading>.-icon--left{float:left;margin-right:10px}.accordion__heading>.-icon:before{content:"\ff0b"}.accordion__expander{padding:15px;color:#8b9597}.accordion--active .accordion__heading{color:#687175}.accordion--active .accordion__heading>.-icon:before{content:"\2014"}.accordion--horizontal{height:260px}.accordion--horizontal .accordion__panel{position:relative;float:left;width:100%;height:100%}.accordion--horizontal .accordion__heading{width:260px;text-align:right;-ms-transform:translateX(-100%) rotate(-90deg) translateZ(0);-webkit-transform:translateX(-100%) rotate(-90deg) translateZ(0);transform:translateX(-100%) rotate(-90deg) translateZ(0);-ms-transform-origin:right top 0;-webkit-transform-origin:right top 0;transform-origin:right top 0}.accordion--horizontal .accordion__heading>.-icon{right:227px;-ms-transform:rotate(90deg) translateZ(0);-webkit-transform:rotate(90deg) translateZ(0);transform:rotate(90deg) translateZ(0)}.accordion--horizontal .accordion__expander{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:450px;height:100%;margin-left:50px;overflow-y:auto}.accordion--basic .accordion--vertical .accordion__panel{border-bottom:2px solid #edf1f2}.accordion--basic .accordion--horizontal .accordion__panel{border-right:2px solid #edf1f2}.accordion--basic .accordion--active{background-color:#f6f9f9}.accordion--box .accordion__panel{border:2px solid #edf1f2}.accordion--box .accordion--vertical .accordion__panel{margin-bottom:10px}.accordion--box .accordion--horizontal .accordion__panel{margin-right:10px}.accordion--box .accordion__heading{background-color:#edf1f2}
@font-face {
font-family: 'made_saonara_2regular';
src: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/fonts/made_saonara_2_personal_use-webfont.woff2) format('woff2'),
url(//www.librechange.fr/wp-content/themes/divi-creative-agency/fonts/made_saonara_2_personal_use-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'made_saonararegular';
src: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/fonts/made_saonara_personal_use-webfont.woff2) format('woff2'),
url(//www.librechange.fr/wp-content/themes/divi-creative-agency/fonts/made_saonara_personal_use-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} a.btnbarre {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/pixel-orange.jpg);
background-repeat-x: repeat;
}  a{
color: #e74a15;
}
.fullpage-section{
height: calc(100vh - 54px);
display: flex; 
flex-direction: column; 
justify-content: center;} ul.et_pb_side_nav.et-visible {
display: none;
} .btn1{
background-color: aqua;
padding: 40px;
margin: 10px 0;
}
.btn2{
background-color: #AEE5D6;
padding: 10px 20px;
color: #333333;
font-size: 18px;
text-align: center;
border: 2px solid #AEE5D6;
border-radius: 2px;
} .btn00 {
border: 2px solid #48788b;
background: none;
padding: 20px 40px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin: 10px;
transition: 0.6s;
position: relative;
overflow: hidden;
text-transform: uppercase;
}
.btn00::before{
content: "";
position: absolute;
left: 0;
width:100%;
height:0%;
background: #48788b;
z-index: -1;
transition: 0.6s;
}  .btn10 a,
button.btn20 a,
button.btn21 a { color: #48788b;
transition: .6s;
} .btn10:hover a,
button.btn20:hover a,
button.btn21:hover a { color: #fff;
} .btn10::before,
.btn20::before{
top:0;
border-radius: 0% 0% 80% 80%;   
} .btn10:hover::before,
.btn20:hover::before{
height: 180%;
}
#bt-scroll {
display: block;
margin: 0 auto;
margin-left: auto;
width: 35px;
text-align: center;
background-color: #fff;
padding: 8px 7px 2px;
border-radius: 100%;
font-size: 24px;
color: #e74a15;
transform: rotate(180deg);
position: absolute;
left: 50%;
margin-left: -16px;
top: -20px;
font-weight: 200;
border: 1px solid #e74a15;
}
#bt-scroll:hover {
background-color:#e74a15;
color:#fff;
}   .portfolio-experiment, .scene {
height: 100vh;
overflow: hidden;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
-webkit-display: flex;
-webkit-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
-webkit-align-items: center;
}
.portfolio-experiment {
background: #2d2d2d;
}
.portfolio-experiment a {
color: white;
padding: 0.7em calc(0.7em * 1.2);
display: inline-block;
border: 3px solid transparent;
position: relative;
font-size: 1.5em;
cursor: pointer;
letter-spacing: 0.07em;
}
.portfolio-experiment a .text {
font-family: proxima-nova, monospace;
transform: translate3d(0, 0.7em, 0);
display: block;
transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment a:after {
position: absolute;
content: '';
bottom: -3px;
left: calc(0.7em * 1.2);
right: calc(0.7em * 1.2);
height: 3px;
background: #f26522;
transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
transform-origin: left;
}
.portfolio-experiment .line {
position: absolute;
background: #f26522;
}
.portfolio-experiment .line.-right, .portfolio-experiment .line.-left {
width: 3px;
bottom: -3px;
top: -3px;
transform: scale3d(1, 0, 1);
}
.portfolio-experiment .line.-top, .portfolio-experiment .line.-bottom {
height: 3px;
left: -3px;
right: -3px;
transform: scale3d(0, 1, 1);
}
.portfolio-experiment .line.-right {
right: -3px;
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
transform-origin: top;
}
.portfolio-experiment .line.-top {
top: -3px;
transition: transform 0.08s linear 0.43s;
transform-origin: left;
}
.portfolio-experiment .line.-left {
left: -3px;
transition: transform 0.08s linear 0.51s;
transform-origin: bottom;
}
.portfolio-experiment .line.-bottom {
bottom: -3px;
transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
transform-origin: right;
}
.portfolio-experiment a:hover .text,
.portfolio-experiment a:active .text {
transform: translate3d(0, 0, 0);
transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}
.portfolio-experiment a:hover:after,
.portfolio-experiment a:active:after {
transform: scale3d(0, 1, 1);
right: -3px;
left: -3px;
transform-origin: right;
transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}
.portfolio-experiment a:hover .line,
.portfolio-experiment a:active .line {
transform: scale3d(1, 1, 1);
}
.portfolio-experiment a:hover .line.-right,
.portfolio-experiment a:active .line.-right {
transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
transform-origin: bottom;
}
.portfolio-experiment a:hover .line.-top,
.portfolio-experiment a:active .line.-top {
transition: transform 0.08s linear 0.4s;
transform-origin: right;
}
.portfolio-experiment a:hover .line.-left,
.portfolio-experiment a:active .line.-left {
transition: transform 0.08s linear 0.48s;
transform-origin: top;
}
.portfolio-experiment a:hover .line.-bottom,
.portfolio-experiment a:active .line.-bottom {
transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
transform-origin: left;
}   a.rs-facebook {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-facebook_000.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
padding: 20px;
}
a.rs-instagram{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-instagram_000.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
padding: 20px;
}
a.rs-linkedin{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-linkedin_000.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
padding: 20px;
}       .mobile_menu_bar:before {
position: relative;
top: 0;
left: 0;
font-size: 39px;
content: "\61"; cursor: pointer;
}
.et_slide_in_menu_container #mobile_menu_slide li a, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a {
padding: 10px 10px;
border: none;
color: #fff;
}
.et_mobile_menu li a:hover, .nav ul li a:hover{
opacity: 1;
}
.et_slide_in_menu_container #mobile_menu_slide li li a {
opacity: 1;
}
.et_slide_in_menu_container #mobile_menu_slide li li a:hover {
opacity: 1;
} .mobile_menu_bar:before{
color: #e74a15 !important;
}
.et_header_style_fullscreen .et_slide_in_menu_container{
width: 400px;
}
.et_slide_in_menu_container{background-color: #333333;}
.et_slide_in_menu_container .et_slide_menu_top{
display: none;
}
.logo_container{
text-align: left;
}
.et_slide_in_menu_container {
padding-top: 0 !important; }  ul#mobile_menu_slide>li {
font-family: "made_saonararegular", "Playfair Display", serif;
margin-bottom: 50px;
}
ul#mobile_menu_slide>li:last-of-type {
margin-bottom: 0;
}
ul#mobile_menu_slide {
display: inline;
}
ul#mobile_menu_slide>li a {
display: inline-block;
padding: 10px;
color: #333;
text-decoration: none;
background-image: linear-gradient(#E74A15, #E74A15);
background-repeat: no-repeat;
background-size: 0% 20px;
background-position: center 50%;
transition: background .2s ease-in;
}
ul#mobile_menu_slide>li a:hover {
background-size: 100% 20px;
}
ul#mobile_menu_slide>li.current_page_item{
font-family: 'Playfair Display', serif;
font-weight: 900;
letter-spacing: 1.1px;
} ul#mobile_menu_slide ul.sub-menu li a{
font-size: 20px;
width: auto;
} #reseau-menu{
display: flex;
margin: 0 20px;
}
#reseau-menu ul{
display: flex;
justify-content: space-around;
width: auto;
}
#reseau-menu li{
width: 20px;
height: 20px;
}
#reseau-menu li a{
background-size: 20px;
background-position: center;
background-repeat: no-repeat;
}
#reseau-menu li a.logo-facebook{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-facebook_fff.svg);
}
#reseau-menu li a.logo-instagram{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-instagram_fff.svg);
}
#reseau-menu li a.logo-linkedin{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/rs-linkedin_fff.svg);
}  .sect-hero .et_pb_slide{
padding: 0;
}
.sect-hero .et_pb_slide .et_pb_container{
margin: 0;
min-width: 100%; }
.sect-hero .et_pb_slide_description{
padding: 20px 20px;
margin: 0 10%;
text-align: left;
width: 340px;
background-color: rgba(0, 0, 0, 0.2);
}
.sect-hero .et_pb_slide_description h2{
display: inline-block;
font-family: "Playfair display";
font-weight: 300;
font-size: 65px;
border-bottom: 4px solid #e74a15;
margin-bottom: 20px;
color: #fff !important;
}
.sect-hero .et_pb_slide_description p{
font-family: 'Playfair Display', serif;
font-size: 23px;
font-weight: 500;
line-height: 1.05;
width: 300px;
color: #fff !important;
}
.sect-hero .et_pb_slide_content{
width: 600px;
} #sect-head .ligne_titre h2,
#sect-collab .ligne_titre h2{
display: inline-block;
border-bottom: 4px solid #000;
margin-bottom: 20px;
font-family: 'Playfair Display', serif;
font-size: 35px;
font-weight: 900;	
}  .colspecialite{
height: 350px;
cursor: pointer;
overflow: hidden;
}
.colspecialite button a{
padding: 20px 50px;
}
.colspecialite>div.et_pb_module>div.et_pb_text_inner{
text-align: center;
}
.colspecialite>div.et_pb_module>div.et_pb_text_inner h2{
font-family: 'Playfair Display', serif;
font-weight: 600;
margin-bottom: 30px; }
.colspecialite>div.txthover{
height: 100%;
width: 100%;
position: absolute;
bottom: -80%;
background: #f2f2f2;
padding-top: 20px;
transition: 0.4s;
}
.colspecialite:hover>div.txthover{
bottom: 0;
}
.lig_3poles .col1{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite1.png);
background-size: cover;
}
.lig_3poles .col2{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite2.png);
background-size: cover;
}
.lig_3poles .col3{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite3.jpg);
background-size: cover;
} .page-id-142  div#sect-activite .ligne-titre h2{
font-size: 1.8em;
font-weight: 800;
}
.page-id-142  div#sect-activite .ligne-titre h3{
font-size: 1.2em;
font-weight: 500;
}  #ligne-chiffres-cle{
padding: 0 180px;
min-width: 100%;
}
div#ligne-chiffres-cle .et_pb_column {
margin: 50px 0;
}
ul.chiffres-cle{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 30px 0;
}
ul.chiffres-cle li{ margin: 0;
text-align: center;
list-style: none;
}
ul.chiffres-cle li strong{
font-family: "made_saonararegular", "Playfair Display", serif;
font-size: 95px;
color: #313839;
transition: all .3s ease-in-out;	
}
ul.chiffres-cle li.chiffre5 strong{
color: #e74a15;
}
ul.chiffres-cle li a{
font-size: 19px;
color: #333333;
text-transform: uppercase;
font-weight: 300;
}
ul.chiffres-cle li.chiffre5 {
transition: 1s ease;
-webkit-transition: 1s ease;
-moz-transition: 1s ease;
}
ul.chiffres-cle li.chiffre5:hover {
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
} ul.chiffres-cle li.chiffre5:hover strong{
-webkit-text-stroke: .1px #E74A15;
color: transparent;	
transform: scale(2);
}   #sect-collab{
margin: 0 120px;
padding: 0px;
}
#sect-collab .et_pb_row{
}
#sect-collab ul.vp-filter{
display: none;
} #sect-collab .et_pb_text{
margin-bottom: 0;
}
#sect-collab>div.et_pb_row {
min-width: 100%;
padding-top: 0;
padding-bottom: 0; }  .colcssgrid .et_pb_code .et_pb_code_inner{
width: 100%;
height: 100%;
cursor: pointer;	
} .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: rgba(0, 0, 0, 0.6);
}
.et_pb_code:hover .overlay {
opacity: 1;
}
.text {
color: white;
font-size: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
#sect-collab .overlay .text h4{
color: #fff;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.4;
margin-bottom: 30px;
}  .colcssgrid .et_pb_text p{
font-size: 20px;
padding: 10px;
}    div.col-btns{
display: flex;
flex-direction: column;
width: 450px !important;
position: absolute;
right: 0;	
}
.page-id-180 .code-btn{
position: relative;
border: 1px solid black;
border-width: 0 0 4px 0;
}  #post-180 .sect-titre{
padding: 0 !important;
}
#post-180 .sect-titre .et_pb_row.et_pb_row_1 {
margin-right: 0;
}
#post-180 .sect-titre .ligne-titre {
display: none;
}
#post-180 .sect-titre .et_pb_row.ligne-txt {
margin-top: 50px;
} .sect-titre .et_pb_row.et_pb_row_2{
padding: 0;
margin-right: 0;
}
.sect-titre .txt-titre {
margin-bottom: 10px !important;
}
.sect-titre .trait:before{
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 200px;
height: 1px;
border-top-width: 4px;
border-top-style: solid;
border-top-color: rgba(0,0,0,1);
content: ""; 
}
.page-id-180 .sect-titre h2{
font-family: 'Playfair Display', serif;
font-size: 30px;
font-weight: 700;
width: 800px;
}
.sect-titre h3{
width: 860px;
font-size: 30px;
font-weight: 600;
line-height: 1.1;
}
.sect-titre div.texte-2colonnes .et_pb_text_inner{
font-family: "Playfair Display", serif;
display: flex;
flex-wrap: wrap;
}
.sect-titre div.col {
width: 50%;
font-size: 17px;
line-height: 1.5;
text-align: justify;
color: #000;
}
.sect-titre div.col strong{
font-family: "Playfair Display", serif;
}
.sect-titre div.col1 {
padding-right: 30px;
}
.sect-titre div.col2 {
padding-left: 30px;
}
#sect-agence_haut .et_pb_module.et_pb_text.et_pb_text_1{
width: 45%;
float: left;
display: inline-block;
margin-right: 30px;
text-align: justify;
}
#sect-agence_haut>.et_pb_row{
padding: 0;
}
#sect-agence_haut h2{
font-family: 'Libre Baskerville', serif;
font-size: 35px;
font-weight: 700;
margin: 40px 0;
}
#sect-agence_haut p { }
#sect-agence_haut .col-img{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/agence.jpg);
} .sect-titre .et_pb_code_inner button {
display: block;
width: 400px;
}  #sect-verte{
padding: 0;
}
.ligne-bandeau {
background-color: rgba(0, 0, 0, .8);
min-width: 100%;
padding: 60px 0 !important;
margin: 40px 0 0 0;
}
.ligne-bandeau span.et_parallax_bg_wrap {
filter: opacity(.2);
}
.ligne-bandeau .btn2:hover {
background: transparent;
color: #fff;
padding: 20px 35px;
}
.ligne-bandeau .btn2 {
background-color: #fff;
border: 2px solid #fff;
padding: 20px 30px;
transition: .4s;
}
.ligne-bandeau h3{
font-family: 'Libre Baskerville', serif;
font-size: 25px;
font-weight: 700;
color: #fff;
width: 230px; }
.ligne-bandeau p{
text-align: center;
font-size: 20px;
margin: 0 50px 0;
font-weight: 500;
color: #fff;
}
.ligne-bandeau .et_pb_text.coordonnees{
}
.ligne-bandeau .et_pb_text.coordonnees .et_pb_text_inner{
display: flex;
justify-content: center;
align-items: center;
}
.ligne-bandeau .et_pb_text.coordonnees ul {
border-left: 2px solid #fff;
padding-left: 20px;
padding-bottom: 0;
}
.ligne-bandeau .et_pb_text.coordonnees ul li{
text-align: left;
color: #fff;
list-style: none;
background-size: 20px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 27px;
margin: 10px 0;
font-size: 1.1em;
}
.ligne-bandeau .et_pb_text.coordonnees ul li.adresse{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/adresse02_fill-fff.svg);
}
.ligne-bandeau .et_pb_text.coordonnees ul li.telephone{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/telephone01_fill-fff.svg);
} .ligne-bandeau .et_pb_text,
.ligne-bandeau .et_pb_code{
text-align: center;
}   .section-shema {
height: 90vh;
padding: 5vh 0;
}
.section-shema .ligne-shema {
min-width: 90%;
height: auto;
padding: 30px 0;
}
.section-shema .ligne-shema .et_pb_column{
padding-bottom: 130px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.page-id-180 .section-shema .ligne-shema .et_pb_column,
.page-id-146 .section-shema .ligne-shema .et_pb_column{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/mot-echange-playfair.svg);
}
.page-id-420 .section-shema .ligne-shema .et_pb_column{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/mot-influence-playfair.svg);  
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3{
max-width: 60%;
margin: 0 auto;   
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3 .et_pb_text_inner {
display: flex;
justify-content: space-around;
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3 ul{
padding: 0;
width: 50%;
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3 ul li{
font-size: 19px;
font-weight: 700;
list-style: none;
line-height: 2;    
}
.page-id-575 .section-shema .ligne-shema .et_pb_column{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/mot-branding-playfair.svg);  
}
.section-shema .ligne-shema h2 {
font-weight: 700;
font-size: 2.3em;
}
.section-shema .ligne-shema h3 {
font-size: 1.8em;
font-weight: 500;
}
.section-shema .ligne-shema .et_pb_module.titre {
margin-bottom: 40px;
}
.section-shema .et_pb_module.code-shema div.shema {
display: block;
height: 50vh;
margin: 0 auto;
width: 90%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.page-id-180 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_agence-web2_1.svg);
}
.page-id-146 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_achat-media-web.svg);
}
.page-id-420 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_marketing-web.svg);
}
.page-id-575 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_co-branding-web.svg);
} #sect-haut{
padding: 0;
}
#sect-haut div.et_pb_row{
padding: 0;
min-width: 100%;
} .colcssgrid2{
display: grid;
grid-template-columns: repeat(20, 1fr);
grid-template-rows: repeat(3, 130px);
grid-column-gap: 5px;
} .colcssgrid2 .et_pb_text {
margin: 0 !important;
display: flex; align-items: center;
}
.colcssgrid2 .et_pb_code .et_pb_code_inner{
width: 100%;
height: 100%;
cursor: pointer;	
}
.colcssgrid2 .et_pb_code.img1 {
grid-column: 1 / 8;
grid-row: 1 / 3;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence1.jpg);
background-size: cover;
margin-bottom: 0;
}
.colcssgrid2 .et_pb_code.img2 {
grid-column: 8 / 12;
grid-row: 1 / 3;
margin-bottom: 20px !important;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence2.jpg);
background-size: cover;
}
.colcssgrid2 .et_pb_code.img3 {
grid-column: 12 / 16;
grid-row: 1 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence3.jpg);
background-size: cover;
}
.colcssgrid2 .et_pb_code.img4 {
grid-column: 16 / 21;
grid-row: 1 / 3;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence4.jpg);
background-size: cover;
}
.colcssgrid2 .et_pb_text.txt-titre{
grid-column: 2 / 11;
grid-row: 3 / 4;
}
.colcssgrid2 .et_pb_text.txt-titre .et_pb_text_inner{
border: 1px solid black;
border-width: 0 0 4px 0;
width: 270px;	
}
.colcssgrid2 h2{
background-color: #fff;
font-size: 30px;
font-weight: 700;
width: 800px;
}
#sect-haut h3{
font-family: 'Libre Baskerville', serif;
font-size: 35px;
font-weight: 700;
width: 50%;
margin: 40px 0;
}
#sect-haut .et_pb_row_1,
#sect-haut .et_pb_row_2{
margin: 0 50px 0;
}
#sect-haut .col-img{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/reading-with-cup-of-coffee-5943.jpg);
background-size: cover;
}  ul.liste-btns{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
ul.liste-btns li{
list-style: none;
text-align: center;
} .page-id-180 .colspecialite .et_pb_code_inner button {
display: block;
width: 80%;
}
li.blocbtn{
background-color: orange;
height: 170px;
cursor: pointer;
}
li.blocbtn a{
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
width: 100%;
bottom: 0;
padding-top: 10px;
height: 45px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
text-align: center;	
}
li.blocbtn:hover a{
height: 100%;
}
li.blocbtn .btn1{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/news-1172463_1920.jpg);
background-size: cover;
}
li.blocbtn .btn2{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/computer-1185626_1920.jpg);
background-size: cover;
}
li.blocbtn .btn3{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/connect-316638_1280.jpg);
background-size: cover;
}     .ligne-acc-mobile h2{
font-weight: 600;
font-size: 23px;
}
.ligne-acc-mobile .et_pb_column {
display: block;
position: relative;
height: 400px;
}
.ligne-acc-mobile .et_pb_module.et_pb_text{
display: block; }
.ligne-acc-mobile .et_pb_module.et_pb_image {
display: block; bottom: 0;
}
.ligne-acc-mobile span.et_pb_image_wrap {
overflow: hidden;
}
.ligne-acc-mobile span.et_pb_image_wrap:hover img {
transform: scale(1.1);
transition: all 2s 0s ease;
} .ligne-accordeon{
display: flex;
}
.ligne-accordeon>.et_pb_column { height: 50vh;  width: 80vw !important;  margin: 0 10vw; }
.ligne-accordeon .et_pb_accordion{
transform-origin: top left; top: 50vh; transform: rotate(-90deg);
position: relative; width: 50vh; overflow: hidden;
}
.ligne-accordeon .et_pb_accordion_item {
padding: 0;
}
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
color: transparent;
}
.ligne-accordeon .et_pb_accordion_item.et_pb_toggle_open {  }
.ligne-accordeon .et_pb_toggle .et_pb_toggle_title {
display: flex;
justify-content: center;
align-items: center; height: 58px;
padding: 0;
background-color: #fff;
}
.ligne-accordeon .et_pb_toggle {
border: none;
}
.ligne-accordeon .et_pb_toggle .et_pb_toggle_title::before{
display: none;	
}
.ligne-accordeon .et_pb_toggle_content{ height: calc(80vw - (4 * 58px)); position: relative;
transform-origin: top left;
transform: rotate(90deg);
left: calc(50vh); top: 0px;
padding: 0 0 40px;
width: calc(80vw - (4 * 58px)); }
.ligne-accordeon .et_pb_toggle_content h3{
font-weight: 700;
font-size: 30px;
line-height: 1.2;
background-color: #fff;
}
.ligne-accordeon .et_pb_toggle_content p a{
display: block;
background-color: #fff;
color: #000;
letter-spacing: 1px;
font-size: 12px;	
}
.ligne-accordeon .et_pb_toggle_close{
}
.ligne-accordeon .et_pb_toggle_close h5{
font-family: "Raleway";
text-transform: uppercase;
font-size: 25px;
font-weight: 700;
color: #000;
border-bottom: 2px solid;
}
.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_0 {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite1.png);
background-size: cover;
}
.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_1 {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite2.png);
background-size: cover;
}
.et_pb_toggle.et_pb_module.et_pb_accordion_item.et_pb_accordion_item_2 {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite3.png);
background-size: cover;
}   .code-btn{
position: relative;
right: 0;
bottom: 0;
}
div.code-btn .et_pb_code_inner .btn-collab{
font-family: "Playfair Display", serif;
font-size: 25px;
font-weight: 900; }
div.code-btn .et_pb_code_inner{
background: none;
padding: 20px 200px 24px 10px;
border-bottom: 4px solid black;
text-align: left;
cursor: pointer;
transition: 0.6s;
position: relative;
overflow: hidden;
}
div.code-btn .et_pb_code_inner::before{
content: "";
position: absolute;
left: 0;
width:100%;
height:0%;
background: #000;
z-index: -1;
transition: 0.6s;
}
a.btn-collab{
color: #48788b;
transition: .6s;
}
div.code-btn .et_pb_code_inner a{
color: #000;
transition: .4s;
}
div.code-btn .et_pb_code_inner:hover a{
color: #fff;
} div.code-btn .et_pb_code_inner::before{
bottom: 0px;
border-radius: 80% 80% 0% 0%;   
} div.code-btn .et_pb_code_inner:hover::before{
height: 200%;
}  .sect1 {
padding: 0 !important;
}
.sect1 .lig1 {
min-width: 100%;
padding: 0;
padding-top: 8vh;
height: auto;
}
.page-id-420 .sect1 .lig1{
padding-top: 12vh;
}
.sect1 .lig1 .col1 {
background-color: #1a405b;
height: auto;
display: flex;
flex-direction: column;
margin: 0;
}
.sect1 .lig1 .col2{
height: auto;
}
.sect1 .lig1 .col2 .et_pb_module.et_pb_code.et_pb_code_0{
margin-bottom: 0;
}
.page-id-146 .col1 h1,
.page-id-575 .col1 h1{
font-family: "made_saonararegular", serif;
text-align: right;
font-size: 8em;
font-weight: 500;
width: 620px;
margin: -50px -20px 0 0;
text-transform: uppercase;
color: #000;	
}
.page-id-420 .col1 h1{
font-family: "made_saonararegular", serif;
text-align: right;
font-size: 7.3em;
font-weight: 500;
width: auto;
margin: -50px -20px 0 0;
text-transform: uppercase;
color: #000;  
}
.sect1 .lig1 .col1 .et_pb_module.et_pb_text.titre-page .et_pb_text_inner{
display: flex;
justify-content: flex-end; 
}
.sect1 .lig1 .col1 .et_pb_module.et_pb_code.code-btn{
position: relative;
display: flex;
justify-content: flex-end;
}
.col1 .et_pb_module.et_pb_code.code-btn .et_pb_code_inner{
margin-right: -20px;
} p span.nosplus{
font-size: 1.5em;
font-weight: 700;
color: #000;
margin-right: 10px;
}
p span.nosplus strong{
position: relative;
font-size: 2.5em;
top: 15px;
}  .sect1 .col2 .et_pb_module.et_pb_text.txt-accroche .et_pb_text_inner p,
ul.carre p{
font-size: 1.3em;
line-height: 1.3;
text-align: justify;
}
.sect1 .lig1 .col2 {
padding-left: 150px;
}
.sect1 .lig1 .col2 .et_pb_text.et_pb_text_1 p{
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}  ul.carre{
display: flex;
flex-wrap: wrap;
}
ul.carre li.demi{
width: 50%;
margin-bottom: 30px;
}
ul.carre li.demi:first-child, ul.carre li.demi:nth-child(3) {
padding-right: 20px;
}
ul.carre li.demi:nth-child(2), ul.carre li.demi:last-of-type {
padding-left: 20px;
}
ul.carre li.demi:nth-child(3), ul.carre li.demi:last-of-type {
margin-bottom: 0;
margin-top: 30px;
}
ul.carre li{
list-style: none;
}
ul.carre li br {
display: none;
}
ul.carre li h3 {
font-family: "made_saonararegular", "Playfair Display", serif;
font-size: 4em;
font-weight: 800;
}
ul.carre ul.liste-items {
padding: 0;
}  ul.carre ul.liste-items li{
list-style: none; font-weight: 500;
font-size: 1.3em;
}
.sect-2 .txt-action ul li::before,
.page-id-420 .sect-shema .ligne-shema ul.liste-items li::before,
ul.carre ul.liste-items li::before {
content: "+ ";
font-size: 25px;
list-style: none;
position: relative;
top: 4px;
}
.sect-2 .txt-action ul li::before,
.page-id-420 .sect-shema .ligne-shema ul.liste-items li::before{
color: #48788b;
}
article.project_category-achat-media .sect-2 .txt-action ul li::before{
color: #1a405b;
}
article.project_category-influence-marketing .sect-2 .txt-action ul li::before{
color: #899580;
}
article.project_category-co-branding .sect-2 .txt-action ul li::before{
color: #73818a;
}
.sect-autre-act{
background: #5E9995;
position: relative;
z-index: 110;
padding: 0 !important;
margin-top: 200px;
}
.page-id-575 .sect-autre-act{
margin-top: 100px;
}  .sect-autre-act>div.ligne-titre{
padding: 20px 0;
background-color: #f2f2f2;
min-width: 100%;
}
.sect-autre-act>div.ligne-titre .et_pb_text_inner h3{
color: #333;
font-weight: 700;
font-size: 2.3em;
text-align: center;
}
.ligne-autres-act {
min-width: 100%;;
padding: 0 !important;
}
.ligne-autres-act .col1, .ligne-autres-act .col2 {
width: 50%;
margin: 0;
}
.ligne-autres-act .col1, .ligne-autres-act .col2{
display: flex;
justify-content: center;
align-items: center;
height: 400px;
background-size: cover;
background-position: center;
}
.ligne-autres-act .col1{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite2.png);
}
.page-id-146 .ligne-autres-act .col2, .page-id-420 .ligne-autres-act .col2{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite3.jpg);
}
.page-id-420 .ligne-autres-act .col1, .page-id-575 .ligne-autres-act .col1{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite1.png);
}
.page-id-575 .ligne-autres-act .col2{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/activite2.png);
}
.ligne-autres-act .autre-act a {
padding: 40px 50px;
color: #fff;
font-weight: 600;
font-size: 1.5em;
border: 2px solid #fff;
border-radius: 2px;
transition: .4s;
}
.ligne-autres-act .autre-act a:hover {
padding: 50px 70px;
color: #fff;
border: 2px solid #fff;
border-radius: 2px;
}
.page-id-146 .ligne-autres-act .col1 .autre-act a{
background-color: rgba(137, 149, 128, 0.6);
}
.page-id-146 .ligne-autres-act .col1 .autre-act a:hover{
background-color: rgba(137, 149, 128, 1);
}
.page-id-146 .ligne-autres-act .col2 .autre-act a,
.page-id-420 .ligne-autres-act .col2 .autre-act a{
background-color: rgba(115, 129, 138, 0.6); 
}
.page-id-146 .ligne-autres-act .col2 .autre-act a:hover,
.page-id-420 .ligne-autres-act .col2 .autre-act a:hover{
background-color: rgba(115, 129, 138, 1);  
}
.page-id-420 .ligne-autres-act .col1 .autre-act a,
.page-id-575 .ligne-autres-act .col1 .autre-act a{
background-color: rgba(26, 64, 91, 0.6);
}
.page-id-420 .ligne-autres-act .col1 .autre-act a:hover,
.page-id-575 .ligne-autres-act .col1 .autre-act a:hover{
background-color: rgba(26, 64, 91, 1);
}
.page-id-146 .ligne-autres-act .col1 .autre-act a,
.page-id-575 .ligne-autres-act .col2 .autre-act a{
background-color: rgba(137, 149, 128, 0.6);
}
.page-id-146 .ligne-autres-act .col1 .autre-act a:hover,
.page-id-575 .ligne-autres-act .col2 .autre-act a:hover{
background-color: rgba(137, 149, 128, 1);
}
.page-id-146 .ligne-autres-act .col2 .autre-act a{
background-color: rgba(115, 129, 138, 0.6); 
}
.page-id-146 .ligne-autres-act .col2 .autre-act a:hover{
background-color: rgba(115, 129, 138, 1);  
}   #post-420 .sect1 .lig1 .col1{
background-color: #899580;
}
#post-420 .btn2{
background-color: #C1BFB7;
border: 2px solid #C1BFB7;
} #post-575 .sect1 .lig1 .col1{
background-color: #73818a;
}
#post-575 .sect1 .lig1 .col1 h1{
color: #000;
}    .sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a::first-letter,
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3) a::first-letter,
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a::first-letter  {
color: transparent;
}
.et_pb_portfolio_filter_all a {
text-indent: -9999px;
line-height: 0;
}
.et_pb_portfolio_filter_all a::after {
content: "Collab'";
text-indent: 0;
display: block;
line-height: initial;
}
.et_pb_portfolio_filters.clearfix{
display: flex;
justify-content: center;
}
.page-id-142 .ligne-titre h1,
.page-id-138 .ligne-titre h1,
.page-id-138 .ligne-titre h2{
display: inline-block;
font-family: "Playfair Display";
font-size: 40px;
font-weight: 800;
border-bottom: 4px solid #000;
margin-bottom: 20px;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
display: block;
height: auto;
margin: 0px 3px;
padding: 15px 25px;
border: 1px solid #e2e2e2;
color: #666;
background-color: #fff;
font-size: 19px;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li.et_pb_portfolio_filter_all a {
padding:11px 25px;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
background-color: grey;
color: #fff;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a.active {
background-color: #1a405b !important;
color: #fff;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3) a.active {
background-color: #899580;
color: #fff;
}
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a.active {
background-color: #73818a;
color: #fff;
}  .page-id-138 .sect-portfolio-triable .et_pb_portfolio_items div.et_pb_portfolio_item {
min-width: 50%;
margin: 0 !important;
padding: 40px;
}
.page-id-138 .sect-portfolio-triable span.et_portfolio_image{
display: block;
position: relative;
z-index: 10;
height: auto;
overflow: hidden;	
}
.page-id-138 .sect-portfolio-triable h2.et_pb_module_header{
color: #000;
position: relative;
z-index: 40;
font-size: 30px;
font-weight: 600;
}
div.et_pb_portfolio_item:hover h2.et_pb_module_header{
color: #e74a15;
}
span.et_portfolio_image:hover img {
transform: scale(1.1);
transition: all 2s 0s ease;
} .et_overlay:before {
position: absolute;
top: 51%;
left: calc(50% - 75px);
margin: -16px 0 0 -16px;
font-size: 32px;
content: "\e050";
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
}
.page-id-138 .et_pb_portfolio_items .et_overlay:before {
display: none;
width: 150px;	
} div#post-849 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/ikks-logo-vignette.jpg);
} div#post-875 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/mac-douglas-logo-vignette.jpg);
} div#post-1040 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/homair-logo-vignette.jpg);
} div#post-1071 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/dr-hauschka-logo-vignette.jpg);
} div#post-1079 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/talika-logo-vignette.jpg);
} div#post-1085 .et_overlay:before,
div#post-1098 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/brittany-ferries-logo-vignette.jpg);
} div#post-1091 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/spartoo-logo-vignette.jpg);
} div#post-1104 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/bestway-logo-vignette.jpg);
width: 150px;
} div#post-1112 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/links-london-logo-vignette.jpg);
width: 150px;
} div#post-1119 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/coraline-b-logo-vignette.jpg);
width: 150px;
} div#post-1127 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/roady-logo-vignette.jpg);
width: 150px;
} div#post-1138 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/andre-logo-vignette.jpg);
width: 150px;
} div#post-1145 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/tourtel-logo-vignette.jpg);
width: 150px;
} div#post-1152 .et_overlay:before {
content: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-collab/gifrer-logo-vignette.jpg);
width: 150px;
}     article .sect-1 .et_pb_image .et_pb_image_wrap {
}
.sect-1 .ligne1 .sous-titre{
position: absolute;
right: 0;
} .single-portfolio .partie1,
.single-portfolio .partie2{
height: 80vh;
width: 1500px;
margin: 0 auto;
}
.single-project .sect-1,
.single-project .sect-1 .ligne1{
padding-bottom: 0;
}
.single-project .sect-1 h2,
.single-portfolio .partie1 h2{
position: relative;
font-family: "Playfair Display";
font-size: 55px;
font-weight: 900;
border-bottom: 4px solid;
display: inline-block;
margin-bottom: 40px;
}
.single-project .sect-1 .et_pb_module.et_pb_image{
height: 500px;
display: flex;
justify-content: center;
align-items: center;
}
.single-project .sect-1 span.et_parallax_bg {
opacity: .6;
background-position: center;
}
.single-project article#post-849 .sect-1 span.et_parallax_bg{
background-position: 0 -180px;
}
.single-project .sect-1 img{
width: 200px;
}
.single-project article#post-1104 .sect-1 img{
width: auto;
}
.single-project .sect-1 .txt_sous-titre{
position: absolute;
top: 0px;
right: 0px;
}
.single-project #mavideo{
z-index: -1;
}
.single-project #mavideo .et_pb_video_box video {
width: 100%!important;
height: 500px !important;
}
.single-project .sect-1 h3,
.single-portfolio .partie1 h3{
position: relative;
width: 600px;
margin-top: -40px;
margin-right: -30px;
font-family: "Playfair Display";
font-size: 70px;
font-weight: 900;
text-align: right;
}
.single-portfolio .partie1 img{
width: 400px;	
}
.single-portfolio .partie2{
background-color: #fff;
}
.single-project .sect-2 h3,
.single-portfolio .partie2 h3{
position: relative;
display: inline-block;
font-family: "Playfair Display";
font-size: 55px;
font-weight: 600;
border-bottom: 4px solid #000;
margin-bottom: 20px;
}
.single-project .sect-2 h4,
.single-portfolio .partie2 h4{
font-family: "Raleway", serif;
font-weight: 800;
font-size: 25px;
}
.single-project .sect-2 h4 span{
font-family: "Raleway", serif;
font-size: 20px;
font-weight: 400;
}
.single-project .sect-2 .txt-objectif p{
font-size: 20px;
font-weight: 400;	
color: #000;
}
.single-project .sect-2 p {
font-size: 20px;
line-height: 1.2;
}
.sect-2 ul li{
list-style: none;
font-size: 18px;
} .single-project .sect-2 .et_pb_module.txt-objectif,
.single-project .sect-2 .et_pb_module.txt-action {
position: relative;
z-index: 66;
}
.single-project .sect-2 .et_pb_module.txt-bg {
color: #f4f4f4;
display: block;
position: absolute;
right: 0;
bottom: 50px;
z-index: 10;
}
.single-project .sect-2 .txt-bg p{
font-family: "made_saonararegular", serif;
font-size: 120px;
font-weight: 600;
text-transform: uppercase;
}
article.portfolio p.post-meta{
display: none;
} .ligne-txt-defilant {
position: absolute;
bottom: 0;
width: 100vw;
max-width: 100% !important;
}
.et_pb_module.txt-defilant .defileParent {
background-color: #fff;
display: block;
margin: 3em auto;
overflow: hidden;
position: relative;
table-layout: fixed;
width: 100%;
}
.et_pb_module.txt-defilant .defile {
display: block;
-webkit-animation: linear marqueelike 20s infinite;
-moz-animation: linear marqueelike 20s infinite;
-o-animation: linear marqueelike 20s infinite;
-ms-animation: linear marqueelike 20s infinite;
animation: linear marqueelike 20s infinite;
margin-left: -100%;
padding: 10px 0;
text-align: left;
height: auto;
font-size: 32px;
}
.et_pb_module.txt-defilant .defile:after {
content:attr(data-text);
position:absolute;
white-space:nowrap;
padding-left:10px;
}
@-webkit-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-moz-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-o-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-ms-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}   li.personnage a{
color: #000;
} #post-208 h1 {
font-size: 35px;
font-weight: 700;
border-bottom: 4px solid black;
display: inline-block;
margin-bottom: 30px;
} ul.liste-equipe {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
li.personnage {
width: 30%;
list-style: none;
padding-bottom: 30px;
border-bottom: 2px solid #ccc;
transition: .4s;
margin-bottom: 40px;
cursor: pointer;
}
li.personnage.clic:hover{
background-color: #A0C4C0;
padding: 5px 10px;
padding-bottom: 30px;
}
li.personnage h3{
font-size: 30px;
font-weight: 700;
}
li.personnage h4{
font-size: 23px;
color: #ccc;
}
li.personnage.clic:hover h4{
color: #fff;
} .page-id-1287 .et_pb_section_0,
.page-id-1340 .et_pb_section_0,
.page-id-1341 .et_pb_section_0{
padding: 0;
}
.page-id-1287 .et_pb_section_0 .et_pb_row_0,
.page-id-1340 .et_pb_section_0 .et_pb_row_0,
.page-id-1341 .et_pb_section_0 .et_pb_row_0{
padding: 0;
}
.page-id-1287 .et_pb_section .et_pb_module.et_pb_image,
.page-id-1340 .et_pb_section .et_pb_module.et_pb_image,
.page-id-1341 .et_pb_section .et_pb_module.et_pb_image{
margin-bottom: 10px;
}
.photo-equipe {
display:flex;
flex-wrap:wrap;
min-height: 50vh;
}
.page-id-1287 .et_pb_section_0 .et_pb_module.et_pb_image img,
.page-id-1340 .et_pb_section_0 .et_pb_module.et_pb_image img,
.page-id-1341 .et_pb_section_0 .et_pb_module.et_pb_image img{
display:none;
}
.page-id-1287 .et_pb_section_0 .et_pb_module.et_pb_image {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/Florence-Simon-scaled.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:100%;
}
.page-id-1340 .et_pb_section_0 .et_pb_module.et_pb_image {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/Mélanie-Suchet-scaled.jpg);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:100%;
}
.page-id-1341 .et_pb_section_0 .et_pb_module.et_pb_image {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/JP.png);
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
height:100%;
}
.page-id-1287 .et_pb_divider_0:before,
.page-id-1340 .et_pb_divider_0:before,
.page-id-1341 .et_pb_divider_0:before{
width: 20%;
border-top-width: 5px;
border-top-color: #000;
}
.page-id-1287 h2,
.page-id-1340 h2,
.page-id-1341 h2{
color: #000;
font-size: 35px;
font-weight: 700;
}
.page-id-1287 h3,
.page-id-1340 h3,
.page-id-1341 h3{
color: #ccc;
} .page-id-1287 .et_pb_row.ligne-video,
.page-id-1340 .et_pb_row.ligne-video,
.page-id-1341 .et_pb_row.ligne-video{
position: absolute;
right: 150px;
bottom: 0;
width: 40%;
} .ligne_qr .et_pb_slide{
background-color: transparent !important;
padding:0;
}
.ligne_qr .et_pb_slides .et_pb_slide_description .et_pb_slide_title{
font-size: 3em;
padding: 0;
margin-bottom: 50px;
color: #000 !important;
}
.ligne_qr .et_pb_slides .et_pb_slide_description .et_pb_slide_content{
width: auto;
display: inline-block;
background-color: #e74a15;
padding: 10px 20px;
font-size: 16px;
}
.ligne_qr .et_pb_slides .et_pb_slide_description .et_pb_slide_content span {
font-size:16px !important;
}
.ligne_qr .et_pb_slides .et_pb_slide_description .et_pb_slide_content p {
font-size: 16px;
}
.ligne_qr .et_pb_slider:hover .et-pb-arrow-next,
.ligne_qr .et-pb-arrow-next {
right:0;
}
.ligne_qr .et_pb_slider:hover .et-pb-arrow-prev,
.ligne_qr .et-pb-arrow-prev {
left:0;
}
.ligne_qr .et-pb-arrow-next, .ligne_qr .et-pb-arrow-prev {
opacity:1;
}   .page-id-212 #sect-contact{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-contact/bg_page-contact.jpg);
background-size: cover;
padding: 0;
}
div#sect-contact>div.et_pb_row {
margin: 0;
padding: 0;
min-width: 100%;
}
.page-id-212 #sect-contact .et_pb_row{
display: flex;
align-items: center;
}
.page-id-212 #sect-contact .et_pb_row:first-child{
height: 70px;
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, 0.8);
}
.page-id-212 #sect-contact .et_pb_row:last-child{
height: 90vh; 
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 70px;
}
#sect-contact .et_pb_column {
padding: 10px;
display: block;
justify-content: center;
align-items: center;
border-right: 2px solid #fff;
height: auto;
}
div#contact-brief,
div#contact-recrutement {
margin: 0 auto;
width: 70%;
text-align: center;
}
.page-id-212 #sect-contact .et_pb_column #contact-brief>div.et_pb_text_inner,
.page-id-212 #sect-contact .et_pb_column #contact-recrutement>div.et_pb_text_inner {
display: flex;
flex-direction: column;
align-items: center;
}
.page-id-212 #sect-contact h3{
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin-bottom: 50px;
letter-spacing: 1px;
}
.page-id-212 #sect-contact p {
font-size: 20px;
color: #fff;
margin: 20px 0px;
}
.page-id-212 #sect-contact .et_pb_row.et_pb_row_1 a{
color: #fff;
font-size: 20px;
padding: 15px 25px;
border: 2px solid #fff;
border-radius: 2px;
transition: .4s;
}
.page-id-212 #sect-contact a:hover{
background-color: #fff;
color: #333;
}
.page-id-212 #sect-contact .coordonnees{
}
.page-id-212 #sect-contact .coordonnees ul{
display: flex;
justify-content: space-around;
padding: 0;
}
.page-id-212 #sect-contact .coordonnees ul li{
text-align: left;
color: #fff !important;
list-style: none;
background-size: 20px;
background-repeat: no-repeat;
background-position: center left;
padding-left: 27px;
margin: 10px 0;
font-size: 1.1em;
border: none;
}
.page-id-212 #sect-contact .coordonnees ul li a{
color: #fff;
}
li.adresse{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/adresse02_fill-fff.svg);
}
li.telephone{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/telephone01_fill-fff.svg);
}
.page-id-212 #sect-contact .coordonnees ul li.logo{
font-size: 1.5em;
font-weight: 600;
} */
p.et_pb_contact_field{
padding: 0;
}
p.et_pb_contact_field.et_pb_contact_field_half.et_pb_contact_field_last{
padding: 0 0 0 3%;    
} .et_pb_contact_reset, .et_pb_contact_submit {
margin: 0;
}
.et_pb_button:hover, .et_pb_module .et_pb_button:hover{
padding: 16px;
border: 0;
}
input.wpcf7-form-control.wpcf7-submit.et_pb_contact_submit.et_pb_button{
border: 0;
background-color: #E74A15;
color: #fff;
transition: .4s;
}
input.wpcf7-form-control.wpcf7-submit.et_pb_contact_submit.et_pb_button:hover{
border: 2px solid #E74A15;
background-color: transparent;
color: #000;
} .et_pb_contact p input, .et_pb_subscribe .et_pb_contact_field input, .et_pb_subscribe .et_pb_contact_field textarea {
width: 100%;
padding: 16px;
border-width: 0px;
border-bottom: 2px solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #999;
background-color: transparent;
font-size: 14px;
-webkit-appearance: none;
}
.et_pb_contact p textarea{
background-color: transparent;
border-width: 2px;
}
p.et_pb_contact_field input::placeholder {
color: #999 !important;
} #post-1350 .et_pb_section,
#post-1433 .et_pb_section{
height: auto;
padding: 0;
}
#post-1350 .et_pb_section .et_pb_row,
#post-1433 .et_pb_section .et_pb_row{
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0;
height: 100%;
overflow: hidden;
}
#post-1350 .et_pb_section .et_pb_column,
#post-1433 .et_pb_section .et_pb_column{
height: 100%;
width: 600px;
background-color: rgba(255, 255, 255, 0.9);
padding: 60px 30px;
}
#post-1433 .et_pb_section .et_pb_column{
margin-left: 0 !important;
margin-right: auto !important;
}
#post-1350 h2,
#post-1433 h2{
font-size: 2em;
font-weight: 700;
text-transform: uppercase;  
}
#post-1350 p,
#post-1350 p label,
#post-1433 p,
#post-1433 p label{
font-size: 1.2em;
font-weight: 500;
}
#post-1350 .et_pb_text_0 div.et_pb_text_inner,
#post-1433 .et_pb_text_0 div.et_pb_text_inner {
text-align: center;
margin-bottom: 30px;
} span.wpcf7-list-item{
position: relative;
display: block;
margin: 0;
}
span.wpcf7-list-item span.wpcf7-list-item-label {
padding-left: 20px;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 !important;
padding: 0 0 0 3%;
}
.et_pb_contact p input[type=checkbox]{
display: block;
position: absolute;
top: 0;
width: 15px;
max-width: 15px;
-webkit-appearance: checkbox;
margin: 5px 5px 0 0;
}       #footer-bottom{
display: none;
} footer#main-footer .sect-footer {
padding: 100px 0 0 0;
}
.sect-footer .et_pb_row{
padding: 0;
}
.sect-footer .et_pb_column {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.sect-footer .et_pb_module.et_pb_text.et_pb_text_6{
font-family: "Playfair Display", serif;
font-weight: 600;
color: #000;
}
.single-project .sect-2 a.btn.contact,
.sect-footer a.btn.contact {
color: #000;
font-size: 16px;
font-weight: 700;
border: 1px solid #000;
padding: 10px 20px;
transition: .4s;
}
.single-project .sect-2 a.btn.contact:hover,
.sect-footer a.btn.contact:hover {
padding: 15px 25px;
color: #e74a15;
font-size: 15px;
}
.sect-footer ul.liste-reseau {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.sect-footer ul.liste-reseau li.pic-rs{
list-style: none;
}
.sect-footer ul.liste-reseau li.pic-rs a.home{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/picto/logo-cut_plein.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
padding: 20px;
}  #sect-footer .et_pb_fullwidth_code_0 h2 {
-webkit-text-stroke: 1px #333333;
font-size: 105px;
color: transparent;
font-weight: 900;
text-transform: uppercase;
top: 30px;
position: relative;
text-align: right;
} #sect-footer .et_pb_fullwidth_code_1{
background-color: #f2f2f2;
padding: 40px 0;
} #sect-footer .et_pb_fullwidth_code_2{
background-color: #333333;
padding-bottom: 10px;
}
.et_pb_module.et_pb_fullwidth_code.et_pb_fullwidth_code_2:before {
display: block;
content: "";
border-top: 2px solid #e74a15;
margin: 0 5%;
padding: 6px;
} ul.element-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
ul.element-footer p {
font-size: 18px;
color: #B2B2B2;
}
ul.element-footer li {
list-style: none;
}
ul.element-footer h3{
color: #333333;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
li.foot-col1 a{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/logo-librechange.png);
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
padding: 40px 140px;
}
li.foot-col1 {
width: 300px;
display: flex;
flex-direction: column;
}
li.foot-col5 a.btn3 {
color: #b2B2B2;
border: 2px solid #b2B2B2;
padding: 20px 85px 20px 20px;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/form_btn_bae8e8.svg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
position: relative;
top: 20px;
}
ul.foot-rs{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
} ul.foot-rs li {
margin: 0 10px !important;
}
ul.sous-footer {
display: flex;
justify-content: center;
}
ul.sous-footer li {
list-style: none;
margin: 0 50px;
}
ul.sous-footer a {
color: #fff;
} .cn-button.bootstrap {
color: #fff;
background: #e74a15;
border:1px solid #e74a15;
}
.cn-button.bootstrap:hover {
color: #e74a15;
background: #000;
}  @media only screen and (max-width: 1440px){ #ligne-chiffres-cle {
padding: 0 30px;
min-width: 100%;
} ul.chiffres-cle li strong{
font-size: 75px;  
}   .colcssgrid2{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 250px;
grid-column-gap: 5px;
} .colcssgrid2 .et_pb_text {
margin: 0 !important;
display: flex;
align-items: center;
}
.colcssgrid2 .et_pb_code .et_pb_code_inner{
width: 100%;
height: 100%;
cursor: pointer;	
}
.colcssgrid2 .et_pb_code.img1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence1.jpg);
background-size: cover;
margin-bottom: 0;
}
.colcssgrid2 .et_pb_code.img2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
margin-bottom: 0px !important;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-agence/agence2.jpg);
background-size: cover;
}
.colcssgrid2 .et_pb_text.txt-titre,
.colcssgrid2 .et_pb_code.img3,
.colcssgrid2 .et_pb_code.img4{
display: none;
}
.colcssgrid2 .et_pb_text.txt-titre { } #post-180 .sect-titre .ligne-titre {
display: block;
}
#post-180 .sect-titre .et_pb_row.ligne-txt{
margin: 0 auto;
}
#post-180 .et_pb_row.et_pb_row_1.ligne-titre,
#post-180 div.col-btns {
width: auto !important;
}
#post-180 .et_pb_row.et_pb_row_1.ligne-titre{
text-align: center;
padding: 30px 10% 30px;
max-width: 1500px;
}
#post-180 div.code-btn .et_pb_code_inner {
padding: 20px 100px 24px 10px;
}
.page-id-180 .sect-titre h2{
text-align: center;
width: auto;  
}  .sect1 .lig1 {
min-width: 100%;
padding: 0;
padding-top: 8vh;
height: auto;
}
.page-id-420 .sect1 .lig1{
padding-top: 12vh;
}
.sect1 .lig1 .et_pb_column{
height: auto;
}
.sect1 .lig1 .col1{
height: 60vh;
}
.sect1 .lig1 .col2 {
padding-left: 70px;
padding-right: 70px;
}
.sect1 .lig1 .col2 .et_pb_module.et_pb_code.et_pb_code_0{
font-size: .8em;
}
.sect1 .lig1 .col2 .et_pb_module.et_pb_code ul.carre{
padding-left: 0;
}
ul.carre li.demi {
width: 50%;
margin-bottom: 20px;
}
ul.carre li.demi:nth-child(3), 
ul.carre li.demi:last-of-type {
margin-bottom: 0;
margin-top: 20px;
}
.section-shema {
height: auto;
padding: 5vh 0;
}  }
@media only screen and (min-width: 1201px){ .colcssgrid{
display: grid;
grid-template-columns: repeat(11, 1fr);
grid-template-rows: repeat(6, 100px);
grid-column-gap: 6px;
grid-row-gap: 6px;
} .colcssgrid .et_pb_code {
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.colcssgrid .et_pb_text.txt1,
.colcssgrid .et_pb_text.txt2{
display: flex;
align-items: center;
margin: 0 10px;
} .colcssgrid .et_pb_code.img1 {
grid-column: 1 / 4;
grid-row: 1 / 7;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab1.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img2 {
grid-column: 4 / 6;
grid-row: 1 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab2.jpg);
background-size: cover;
background-position: top center;
}
.colcssgrid .et_pb_code.img3 {
grid-column: 6 / 8;
grid-row: 1 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab4.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img4 {
grid-column: 8 / 10;
grid-row: 1 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/CoffretBF-2020-OK_V2.jpg);
background-size: cover;
z-index: 80;
margin: -6px !important;
border: 6px solid #fff;
}
.colcssgrid .et_pb_code.img5 {
grid-column: 10 / 12;
grid-row: 1 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab6.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img6 {
grid-column: 4 / 6;
grid-row: 4 / 7;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab3.png);
background-size: cover;
}
.colcssgrid .et_pb_code.img7 {
grid-column: 6 / 8;
grid-row: 4 / 7;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab5.jpg);
background-size: cover;
background-position: bottom center;
}
.colcssgrid .et_pb_code.img8 {
grid-column: 8 / 12;
grid-row: 4 / 7;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab8.jpg);
background-size: cover;
}
} @media only screen and (max-width: 1200px){   .colcssgrid{
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(3, 250px);
grid-column-gap: 6px;
grid-row-gap: 6px;
} .colcssgrid .et_pb_code {
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.colcssgrid .et_pb_text.txt1,
.colcssgrid .et_pb_text.txt2{
display: flex;
align-items: center;
margin: 0 10px;
} .colcssgrid .et_pb_code.img1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab1.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img2 {
grid-column: 2 / 3;
grid-row: 1 / 2;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab2.jpg);
background-size: cover;
background-position: top center;
}
.colcssgrid .et_pb_code.img3 {
grid-column: 1 / 2;
grid-row: 2 / 3;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab4.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img4 {
grid-column: 2 / 3;
grid-row: 2 / 3;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/CoffretBF-2020-OK_V2.jpg);
background-size: cover;
z-index: 80;
margin: -6px !important;
border: 6px solid #fff;
}
.colcssgrid .et_pb_code.img5 {
grid-column: 1 / 2;
grid-row: 3 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab6.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img6 {
grid-column: 2 / 3;
grid-row: 3 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab3.png);
background-size: cover;
}   .ligne-acc-mobile .et_pb_column {
display: block;
position: relative;
height: 300px;
}
.page-id-420 .col1 h1{
font-size: 6em;
} .page-id-146 .col1 h1, 
.page-id-575 .col1 h1{
font-size: 7em;
}
.page-id-420 .col1 h1{
width: auto;
font-size: 6.5em;
}   ul.liste-equipe li.personnage {
width: 50%;
} } @media only screen and (max-width: 1024px){
.page-id-180 .sect-shema .ligne-shema {
height: 300px;
}
div#section-shema {
font-size: .8em;
}
.section-shema .ligne-shema .et_pb_text_inner {
text-align: center;
} div.code-btn .et_pb_code_inner {
background: none;
padding: 0 0 25px 0;
} .page-id-420 .section-shema .et_pb_module.et_pb_text_3 {
max-width: 100%;
margin: 50px auto -50px;
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3 ul{
}
.page-id-420 .section-shema .et_pb_module.et_pb_text_3 ul li{
}   .page-id-1287 .ligne_qr, 
.page-id-1340 .ligne_qr, 
.page-id-1341 .ligne_qr {
position: relative;
right: 0px;
top: 0px;
padding: 0;
width: 100%;
}  @media only screen and (max-width: 980px){  ul.chiffres-cle li{
width: 50%;
}
ul.chiffres-cle li.chiffre5{
width: 100%;
}
ul.chiffres-cle li.chiffre3,
ul.chiffres-cle li.chiffre4,
ul.chiffres-cle li.chiffre5{
margin-top: 90px;
}  #post-180 .sect-titre .et_pb_row.et_pb_row_1{
margin: auto;
}
.page-id-180 .sect-titre h2 {
font-family: 'Playfair Display', serif;
font-size: 30px;
font-weight: 700;
width: auto;
}
.ligne-accordeon .et_pb_column_4_4 .et_pb_accordion_item{
margin: 0;
} .et_pb_column .et_pb_module {
margin-bottom: 0;
}
.sect-titre .et_pb_row.et_pb_row_2 {
padding: 0;
margin-right: auto;
}
.page-id-180 .sect-shema .ligne-shema {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_agence-mobile.svg);
}
#post-180 .sect-titre .et_pb_row.ligne-txt {
margin: 0 auto;
display: flex;
flex-direction: column;
}
div.col-btns {
position: relative;
} .ligne-bandeau .et_pb_column {
display: flex;
flex-direction: column;
justify-content: space-around;
height: 150px;
}
.ligne-bandeau .et_pb_module.et_pb_code.et_pb_code_7 {
margin-top: 40px;
}  .section-shema {
height: auto;
padding: 5vh 0;
}
.section-shema .et_pb_module.code-shema div.shema {
display: block;
height: 800px;
margin: 0 auto;
width: 80%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.page-id-180 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_agence-mobile.svg);
}
.page-id-146 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_achat-media-mobile.svg);
}
.page-id-420 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_marketing-mobile.svg);
}
.page-id-575 .section-shema .et_pb_module.code-shema div.shema{
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_co-branding-mobile.svg);
}
#sect-shema div.et_pb_row {
margin-top: 50px !important;
}   .ligne-acc-mobile .et_pb_column {
height: auto;
}
.ligne-acc-mobile .et_pb_module.et_pb_image {
text-align: center;
display: block;
position: relative;
}
.ligne-acc-mobile .et_pb_module.et_pb_text {
display: block;
position: relative;
}
.page-id-142  div#sect-activite .ligne-titre{
display: none;
} .parent-pageid-142 .col1 h1 {
font-family: "made_saonararegular", serif;
text-align: center;
font-size: 5em;
font-weight: 500;
width: auto;
margin: -50px auto 0;
padding: 0 40px;
text-transform: uppercase;
color: #000;
}
.parent-pageid-142 .sect1 .lig1 .col1 .et_pb_module.et_pb_text.titre-page .et_pb_text_inner {
display: block;
}
.sect1 .lig1 .col1 {
margin: 20px 0;
height: 20vh;
}
.parent-pageid-142 .col2 .txt-accroche {
margin: 0 auto 50px;
}
div.code-btn{
margin-top: 40px;
}
div.code-btn .et_pb_code_inner {
padding: 0 0 25px 0;
text-align: center;
}
.sect-autre-act {
background: #5E9995;
position: relative;
z-index: 110;
padding: 0 !important;
margin-top: 40px;
}
.sect-shema {
height: auto;
padding: 10vh 0 !important;
}
.page-id-146 .sect-shema .ligne-shema {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_achat-media-mobile.svg);
}
.page-id-420 .sect-shema .ligne-shema>div.et_pb_column .et_pb_code.et_pb_code_2 {
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/shema/shema_marketing-mobile.svg);
background-size: contain;
height: 460px;
margin-bottom: 50px;
}
.sect-shema .mot-bg h4 {
font-size: 100px;
}
ul.carre{
padding: 0;
}
ul.carre li.demi {
width: 50%;
text-align: center;
padding: 0 20px;
margin: 0;
}
.page-id-575 ul.carre li.entier {
width: 100%;
} .page-id-420 .sect-shema .ligne-shema .et_pb_module.et_pb_text {
position: relative;
bottom: 0;
width: 100%;
}
.page-id-420 ul.liste-items.col1, ul.liste-items.col2 {
width: 100%;
text-align: center;
padding: 0;
}   .page-id-1287 .et_pb_section_0 .et_pb_module.et_pb_image img,
.page-id-1340 .et_pb_section_0 .et_pb_module.et_pb_image img,
.page-id-1341 .et_pb_section_0 .et_pb_module.et_pb_image img{
display:block;
}
.page-id-1287 .et_pb_section_0 .et_pb_module.et_pb_image,
.page-id-1340 .et_pb_section_0 .et_pb_module.et_pb_image,
.page-id-1341 .et_pb_section_0 .et_pb_module.et_pb_image {
background-image: none;
background-size:cover;
height:auto;
}
.photo-equipe {
display: block;
flex-wrap: wrap;
height: auto;
min-height: auto;
} .page-id-1287 .et_pb_row.ligne-video, .page-id-1340 .et_pb_row.ligne-video, .page-id-1341 .et_pb_row.ligne-video {
position: relative;
right: auto;
bottom: 0;
width: 100%;
}   footer#main-footer {
margin: 30px 0;
display: block;
}
footer#main-footer .sect-footer {
padding: 0;
} .page-id-212 #sect-contact .et_pb_row:last-child {
height:96vh;
top:auto;
}
.page-id-212 #sect-contact {
overflow:hidden;
}
}
@media only screen and (min-width: 981px){
.ligne-accordeon .et_pb_column_4_4 .et_pb_accordion_item{
margin: 0;
}
} @media only screen and (max-width: 860px) {
.defileParent {
display: block;
margin: 3em auto;
overflow: hidden;
position: relative;
table-layout: fixed;
width: 100%;
}
.defile {
display:block;
-webkit-animation:linear marqueelike 15s infinite ;
-moz-animation:linear marqueelike 15s infinite ;
-o-animation:linear marqueelike 15s infinite ;
-ms-animation:linear marqueelike 15s infinite ;
animation:linear marqueelike 15s infinite ;
margin-left:-100%;
padding:0 5px;
text-align:left;
height:25px;
}
}
@media only screen and (min-width: 769px) {
} @media only screen and (max-width: 768px){ #main-footer .et_pb_column {
display: flex;
flex-wrap: wrap;
}
#main-footer .et_pb_column > div {
width: 100%;
text-align: center;
margin: 10px;
}
.sect-footer ul.liste-reseau {
justify-content: center;
margin: 20px;
}   .et_pb_slider.et_pb_module .et_pb_slides .et_pb_slide_description h2.et_pb_slide_title{
font-size: 55px;
}
.sect-hero .et_pb_slide_description {
position: relative;
top: auto;
left: 0;
padding: 20px;
text-align: left;
}   ul.chiffres-cle li.chiffre3,
ul.chiffres-cle li.chiffre4,
ul.chiffres-cle li.chiffre5{
margin-top: 50px;
}  #main-footer .et_pb_column>div:last-child {
margin: 0 auto;
} .colcssgrid{
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(6, 250px);
grid-column-gap: 6px;
grid-row-gap: 6px;
} .colcssgrid .et_pb_code {
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
}
.colcssgrid .et_pb_text.txt1,
.colcssgrid .et_pb_text.txt2{
display: flex;
align-items: center;
margin: 0 10px;
} .colcssgrid .et_pb_code.img1 {
grid-column: 1 / 2;
grid-row: 1 / 2;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab1.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img2 {
grid-column: 1 / 2;
grid-row: 2 / 3;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab2.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img3 {
grid-column: 1 / 2;
grid-row: 3 / 4;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab4.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img4 {
grid-column: 1 / 2;
grid-row: 4 / 5;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/CoffretBF-2020-OK_V2.jpg);
background-size: cover;
z-index: 80;
margin: -6px !important;
border: 6px solid #fff;
}
.colcssgrid .et_pb_code.img5 {
grid-column: 1 / 2;
grid-row: 5 / 6;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab6.jpg);
background-size: cover;
}
.colcssgrid .et_pb_code.img6 {
grid-column: 1 / 2;
grid-row: 6 / 7;
background-image: url(//www.librechange.fr/wp-content/themes/divi-creative-agency/img/photo-site/page-accueil/HP_collab3.png);
background-size: cover;
} .section-shema {
height: auto;
padding: 0;
margin: 50px 0;
}
#post-180 .et_pb_row.et_pb_row_1.ligne-titre{
padding: 30px 10% 20px; 
}
.page-id-180 .sect-titre h2{
font-size: 25px;
}
.page-id-180 .sect-titre div.col {
width: 100%;
font-size: 17px;
line-height: 1.5;
text-align: justify;
color: #000;
}
.page-id-180 .sect-titre div.col1,
.page-id-180 .sect-titre div.col2{
padding: 0;
}  .ligne-bandeau {
padding: 100px 0 !important;
margin: 40px 0 40px 0;
}   .sect1 .lig1 {
padding-top: 8vh;
height: auto;
}
ul.carre li.demi {
width: 100%;
text-align: center;
padding: 0 20px;
margin: 20px 0;
}
ul.carre li.demi:first-child, ul.carre li.demi:nth-child(3),
ul.carre li.demi:nth-child(2), ul.carre li.demi:last-of-type {
padding: 0 20px;
}
ul.carre li.entier{
margin: 0;
}
ul.carre li h3, ul.carre li p{
text-align: center;
}
.page-id-146 .sect-shema, .page-id-420 .sect-shema, .page-id-575 .sect-shema {
height: auto;
padding: 10vh 0 0 0 !important;
}
.ligne-autres-act .autre-act a {
display: block;
text-align: center;
margin: 0 10px;
} .page-id-420 .section-shema .et_pb_module.et_pb_text_3 .et_pb_text_inner {
flex-direction: column;
align-items: center;
}   ul.liste-equipe li.personnage {
width: 100%;
} .page-id-1287 .et_pb_section_0 .et_pb_module.et_pb_image img, .page-id-1340 .et_pb_section_0 .et_pb_module.et_pb_image img, .page-id-1341 .et_pb_section_0 .et_pb_module.et_pb_image img {
height: auto;
}
.page-id-1287 .et_pb_row.ligne-video, .page-id-1340 .et_pb_row.ligne-video, .page-id-1341 .et_pb_row.ligne-video {
position: relative;
right: auto;
bottom: 0;
width: 100%;
}
li.personnage h3 {
font-size: 24px;
font-weight: 600;
}
li.personnage h4 {
font-size: 20px;
color: #ccc;
}   .page-id-138 .sect-portfolio-triable .et_pb_portfolio_items div.et_pb_portfolio_item {
min-width: 100%;
margin: 0 0 20px !important;
padding: 0px;
}
.page-id-138 .sect-portfolio-triable .et_pb_portfolio_items div.et_pb_portfolio_item img{
min-width: 100%;
}
#post-138 .et_pb_portfolio_filters.clearfix ul {
display: flex;
flex-direction: column;
}
#post-138 .et_pb_portfolio_filters.clearfix ul li{
margin: 0 40px;
width: auto;
}
.page-id-138 .sect-portfolio-triable h2.et_pb_module_header {
color: #000;
position: relative;
z-index: 40;
font-size: 24px;
font-weight: 600;
}  .single-project .sect-1 h3, .single-portfolio .partie1 h3{
width: auto;
font-size: 50px;	
}  #sect-activite .ligne-accordeon{
display: none;
}  .page-id-212 #sect-contact .et_pb_row {
flex-direction: column;
height: 100%;
justify-content: space-between;
padding-bottom: 50px;
}
#sect-contact .et_pb_column{
width: 100%;
}
.page-id-212 #sect-contact h3 {
margin-bottom: 0;
margin-top: 50px;
}
.page-id-212 #sect-contact .et_pb_row:last-child {
height: auto;
position: relative;
top: 0px;
padding-top: 50px;
}
.fullpage-section {
height: auto;
}
p.et_pb_contact_field.et_pb_contact_field_half.et_pb_contact_field_last {
padding: 0;
}
#post-1350 .et_pb_section .et_pb_column, #post-1433 .et_pb_section .et_pb_column {
height: 100%;
width: auto;
background-color: rgba(255, 255, 255, 0.9);
padding: 60px 30px;
}
p.et_pb_contact_field {
padding:0;
}
#post-1350 .et_pb_section .et_pb_row, #post-1433 .et_pb_section .et_pb_row {
display:block;
}
#post-1350 .et_pb_section .et_pb_column, #post-1433 .et_pb_section .et_pb_column {
float:none;
width:auto;
}
.codedropz-upload-inner {
white-space:normal;
}  .ligne_qr .et_pb_slide_description h2.et_pb_slide_title {
font-size: 2em !important;
} .sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a::first-letter,
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(3) a::first-letter,
.sect-portfolio-triable .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a::first-letter  {
font-size:1px;
}
}
@media only screen and (max-width: 550px){
.page-id-212 #sect-contact .coordonnees ul {
display:block;
}
.page-id-212 #sect-contact .et_pb_row:first-child {
height: 100px;
}
.page-id-212 #sect-contact .et_pb_row:last-child {
padding-top:80px;
}
}
@media only screen and (min-width: 769px){  } @media only screen and (max-width: 479px){
ul.carre li.entier{
margin: 0 2%;
}
.et_pb_module.et_pb_text p {
margin: 0 2%;
}
.sect1 .lig1 .col2 {
padding-left: 10px;
padding-right: 10px;
}
.page-id-420 .sect1 .lig1 {
padding-top: 4vh;
}
.parent-pageid-142 .col1 h1 {
font-size: 4em;
}
} @media only screen and (max-width: 425px){
.et_header_style_fullscreen .et_slide_in_menu_container {
width:100%;
} article{
font-size: .8em;
}  #sect-collab {
margin: 0;
padding: 0px;
}
ul.chiffres-cle li {
width: 100%;
margin-top: 40px;
}
#main-footer .et_pb_column {
display: flex;
justify-content: center;
}
ul.chiffres-cle li strong {
font-size: 55px;
}   .section-shema {
padding: 0;
}
.ligne-bandeau .et_pb_text.coordonnees .et_pb_text_inner {
display:block;
}
.ligne-bandeau h3 {
margin-top:20px;
text-align:center;
}
.ligne-bandeau .et_pb_text.coordonnees ul {
border-left:0;
}  ul.liste-equipe li.personnage {
width: 100%;
}   div.code-btn .et_pb_code_inner {
padding: 40px 20px 5px;
text-align: center;
} #post-146 .sect1 .lig1 .col1, #post-420 .sect1 .lig1 .col1, #post-575 .sect1 .lig1 .col1{
background-color: transparent;
height: auto;
}
.page-id-146 .sect1 .lig1 .col1 h1, .page-id-420 .sect1 .lig1 .col1 h1, #post-575 .sect1 .lig1 .col1 h1{
text-align: center;
padding: 20px 0;
font-size: 2.5em;
width: 100%;
}
.page-id-146 .sect1 .lig1 .col1 h1{
background-color: #1a405b;
color: #fff;
}
#post-575 .sect1 .lig1 .col1 h1{
background-color:  #73818a;
}
.page-id-420 .sect1 .lig1 .col1 h1{
background-color:  #899580;
} .ligne-acc-mobile h2 {
font-weight: 600;
font-size: 20px;
}  .parent-pageid-142 .col2 .txt-accroche {
margin: 0 auto 30px;
}
.sect1 .lig1 .col2 .txt-accroche .et_pb_text_inner {
margin: 0;
}
.section-shema .et_pb_module.code-shema div.shema{
height: 440px;
}   .single-project .sect-1 h3, .single-portfolio .partie1 h3 {
width: auto;
font-size: 30px;
}
.single-project .sect-2 .txt-bg{
display: none !important;
}
.sect-2 .et_pb_module.txt-action {
margin-top: 50px;
} .sect-hero .et_pb_slide_content {
width: auto;
}
.sect-hero .et_pb_slide_description {
width:auto;
}
.sect-hero .et_pb_slide_description p {
width:auto;
} #sect-contact li.telephone{
border: none;
} } @media only screen and (max-width: 375px){  ul.chiffres-cle li a {
font-size: 17px;
color: 
#333333;
text-transform: uppercase;
font-weight: 300;
}   .single-project .sect-2 h3, .single-portfolio .partie2 h3{
font-size: 35px;
} } @media only screen and (max-width: 275px){
.sect-footer a.btn.contact{
font-size: 14px;
}