/***** popup_info *****/
.popup_info     				             { background: #ee652e; padding: 35px 60px 40px; position: fixed; bottom: 2vw; right: 2vw; width: 420px; display: none; z-index: 200; font-size: 16px; line-height: 30px; color: #fff; text-align: center; font: 500 18px/28px "Barlow";}
.popup_info p                       { margin-bottom: 0;}
.popup_info .titre_main             { color: #fff;}
.popup_info_close 			            { position: absolute; right: 0; top: 0; width: 60px; height: 60px; cursor: pointer; transition: all 400ms ease-in-out; background: url(../images/close.svg) center / 20px no-repeat;}

@media (max-width:1000px) {
.popup_info                             { display: none !important;}
}


/***** banner *****/
.banner 							{ width: 100%; position: relative; z-index: 10; padding-top: 150px; }
.banner::after                      { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 15%; height: auto; width: 100%; background: url(../images/shape.svg) left top repeat #2a2a2a; z-index: -1;}
.banner .wrapper                    { display: grid; grid-template-columns: 1fr 70%; gap: 60px; align-items: center;}
.banner .content                    { padding-bottom: 90px;}
.banner .content span               { display: block; text-transform: uppercase; font: 700 25px/35px "Barlow"; color: #ee652e; margin-bottom: 35px;}
.banner .titre_main                 { color: #fff; margin-bottom: 10px;}
.banner .titre_main br              { display: none;}
.banner .slider 				    { background-color: #000; overflow: hidden; max-height: 800px; min-height: 400px;}
.banner .slider .item			    { object-fit: cover; }
.banner .slider img			        { width: 100%; height: 100%; object-fit: cover; display: block}

@media (max-width:1650px) {
.banner .wrapper                    { display: grid; grid-template-columns: 1fr 65%; gap: 60px; align-items: center;}
.banner .titre_main                 { font-size: 35px; line-height: 44px;}
.banner .titre_main br              { display: block;}
}
@media (max-width:1200px) {
.banner                             { padding-top: 150px; text-align: center;}
.banner .wrapper                    { grid-template-columns: 100%; gap: 40px; }
.banner .content                    { padding-bottom: 0;}
}
@media (max-width:1000px) {
.banner                             { padding-top: 170px;}
.banner .wrapper                    { padding: 0;}
.banner .content                    { position: relative; top: auto; z-index: 2; width: 100%; max-width: 90vw; margin: 0 auto; text-align: center;}
.banner .content .link              { display: none;}
.banner .titre_main br              { display: none;}
}
@media (max-width:700px) {
.banner                             { padding-top: 135px;}
.banner .slider                     { width: 85vw; margin: 0 auto; min-height: 200px;}
.banner .titre_main                 { margin-bottom: 5px;}
.banner .content span               { font-size: 18px; margin-bottom: 30px;}
.banner p                           { font-size: 16px; line-height: 28px;}
.banner .content                    { padding: 35px 0 0;}
.banner .content span               { margin: 0;}
.banner .slider .item     	        { height: 100%;}
.banner .slider img			        { height: 100%;}
}



/***** machine *****/
.machine                                { margin: 115px 0 105px;}
.machine .titre_main                    { margin-bottom: 30px;}
.machine .slider                        { margin: 0;}

@media (min-width:1201px) {
.machine .slider                        { padding: 20px 0 0;}
}
@media (max-width:1000px) {
.machine                                { margin: 80px 0;}
}
@media (max-width:700px) {
.machine                                { margin: 40px 0;}
.machine .titre_main                    { margin-bottom: 20px;} 

}



.catalogue                             { margin-top: 80px; position: relative;}
@media (max-width:1000px) {
.catalogue                             { margin-top: 60px;}
}
@media (max-width:700px) {
.catalogue                             { margin-top: 40px;}
.catalogue .morecontent                 { display: none;}
}


/***** apropos *****/
.apropos                                { position: relative;}
.apropos .blocgrid                      { z-index: 1;}
.apropos .bloc_grid .photo>img          { min-height: 500px;}
.apropos .bloc_grid.reverse .texte      { color: #fff; padding: 115px 0; position: relative;}
.apropos .texte::before                 { content: ""; position: absolute; top: 0; bottom: 0; left: 100%; width: 100vw; margin-left: calc(-50vw + 40px); background: url(../images/shape.svg) center 60px repeat #2a2a2a; z-index: -1;}
.apropos .texte .titre_main,
.apropos .texte .sous_titre             { color: #fff;}
.apropos .logo                          { background: #fff; text-align: center;}
.apropos .logo span                     { text-transform: uppercase; color: #fff; background: #ee652e; height: 50px; display: grid; align-items: center; justify-content: center; font: 700 18px/28px "Barlow"; position: relative; grid-column: 1 / -1;}
.apropos .logo span::after              { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #ee652e transparent transparent transparent;}
.apropos ul                             { display: grid; grid-template-columns: auto auto auto; justify-content: center; grid-gap: 0 50px; align-items: center; padding: 35px 40px 25px;}
.apropos .logo img                      { max-width: 100%; height: auto;}

@media (max-width:1500px) {
.apropos .bloc_grid.reverse .texte      { padding: 65px 0;}
.apropos ul                             { gap: 30px;}
}
@media (max-width:1200px) {
.apropos .bloc_grid.reverse .texte      { padding: 85px 0;}
.apropos .texte::before                 { margin-left: calc(-50vw + 20px);}
}
@media (max-width:1000px) {
.apropos .bloc_grid.reverse             { gap: 50px;}
.apropos::before                        { content: ""; position: absolute; top: 32%; bottom: 0; left: 0; width: 100%; background: url(../images/shape.svg) center top repeat #2a2a2a;}
.apropos .texte::before                 { display: none;}
.apropos .bloc_grid.reverse .texte      { padding: 0 0 70px 0;}
}
@media (max-width:700px) {
.apropos                                { padding-bottom: 50px;}
.apropos::before                        { top: 25%;}
.apropos .bloc_grid                     { margin: 0;}
.apropos .bloc_grid.reverse             { gap: 30px;}    
.apropos .bloc_grid.reverse .texte      { padding: 0;}
.apropos .bloc_grid .photo>img          { min-height: 0; height: auto;}
.apropos .logo span                     { font-size: 15px; line-height: 20px; padding: 0 20px; height: 60px;}
}


/***** services *****/
.services                               { margin: 175px 0 150px;}
.services .photo                        { text-align: right;}
.services .photo img                    { width: 68%;}
.services .photo img:last-of-type       { display: inline-block; vertical-align: top; width: 42%; margin-top: -120px;}
.services .texte .titre_main            { margin-bottom: 30px;}
.services .item                         { display: block; margin-bottom: 30px;}
.services .item p                       { color: #000;}
.services .item:not(:last-of-type)      { margin-bottom: 30px;}
/*
.services .item>a                       { display: inline-block; vertical-align: top; position: relative; font: 500 30px/40px "Barlow"; color: #2a2a2a; padding-left: 60px; margin-bottom: 10px;}
.services .item>a::before               { content: ""; display: block; position: absolute; left: 0; width: 40px; height: 40px; background: url(../images/arrow_up.svg) center no-repeat #69b32f;}
*/

.services .item .sous_titre             { display: inline-block; vertical-align: top; position: relative; font: 500 30px/40px "Barlow"; color: #2a2a2a; padding-left: 60px; margin-bottom: 10px; transition: all 300ms ease-in-out;}
.services .item .sous_titre::before     { content: ""; display: block; position: absolute; left: 0; width: 40px; height: 40px; background: url(../images/arrow_up.svg) center no-repeat #69b32f;}

@media (min-width:1201px) {
/*
.services .item>a:hover                 { color: #ee652e;}
.services .item>a:hover::before         { background-color: #ee652e;}
*/
.services .item:hover .sous_titre        { color: #ee652e;}
.services .item:hover .sous_titre::before  { background-color: #ee652e;}
}
@media (max-width:1200px) {
.services                               { grid-gap: 60px;}    
.services .photo img:last-of-type       { display: none;}
.services .photo img                    { width: 100%;}
.services .item .sous_titre             { font-size: 25px; line-height: 35px;}
}
@media (max-width:1000px) {
.services                               { margin: 80px 0;}
.services .photo img                    { width: 100%;}
.services .item .sous_titre             { font-size: 18px; line-height: 28px;}
}
@media (max-width:700px) {
.services                               { margin: 40px 0 50px;}
.services .texte .titre_main            { margin-bottom: 15px;}
.services .photo,
.services .item .sous_titre::before,
.services .item p                       { display: none;}
.services .item .sous_titre             { display: block; text-align: center; font: 700 12px/50px "Barlow"; color: #fff; text-transform: uppercase; background: #69b32f; padding: 0 20px;}
.services .item:not(:last-of-type)      { margin-bottom: 0;}
}



/***** logos *****/
.flow_hid                           { overflow: hidden; }
.logos 				                { width: auto; left: 50%; transform: translateX(-50%); position: relative; margin: 100px 0; text-align: center;}
.logos .titre_main                  { margin-bottom: 60px;}
.logos .link                        { margin-top: 40px;}
.logos .item                        { display: flex; align-items: center; justify-content: center;}
.logos .item img                    { object-fit: contain;}
.logos .row 			            { width: auto; display: flex; align-items: center; gap: 50px;}
.logos .row>div		                { width: auto; display: flex; align-items: center; animation: scroll_logos 80s linear infinite; gap: 50px;}

@keyframes scroll_logos {
0%								    { transform: translate(0, 0);}
100% 							    { transform: translate(-100%, 0);}
}
@media (max-width:1000px) {
.logos                              { margin: 80px 0;}
.logos .row,
.logos .row>div                     { gap: 50px;}
.logos .row>div:last-child          { margin-left: 50px;}
}
@media (max-width:700px) {
.flow_hid                           { overflow: hidden; margin: -30px 0;}
.logos .row, .logos .row>div        { gap: 10px;}
.logos                              { margin: 25px 0 30px;}
.logos .item img                    { height: 25px;}
.logos .titre_main                  { margin-bottom: 35px;}
.logos .titre                       { display: none;}
.logos .link                        { margin-top: 25px;}
}



/***** table plus *****/
.table_plus                         { margin: 135px 0 120px;}

@media (max-width:1000px) {
.table_plus                         { margin: 50px 0;}
}