.title_contener                                 {width:100%; height:400px;}
.terrassement                                   {background:url('../img/illustration/terrassement-fond-000.jpg') center center no-repeat; background-size:cover; margin:0px auto 0px auto;}
.assainissement                                 {background:url('../img/illustration/assainissement-fond-000.jpg') center center no-repeat; background-size:cover; margin:0px auto 0px auto;}
.amenagement                                    {background:url('../img/illustration/amenagement-fond-000.jpg') center center no-repeat; background-size:cover; margin:0px auto 0px auto;}
.title_contener .title_overlay                  {width:100%; height:100%; display:block; background:rgba(0,0,0,0.4); display: flex; align-items: center; justify-content: center; }
.title_contener .title_overlay .wraper          {display: flex; flex-direction: column; margin-right: auto; margin-left: auto; position: relative; padding-top: 80px; color:#fff;}
.title_contener .title_overlay .wraper h1       {margin:0px; color:#f5f5f5; width:100%; display: block; font-size: 42px; font-weight: 700; line-height:0.8em; }
.title_contener .title_overlay .wraper p        {margin:10px 0px 0px 0px;}
.title_contener .title_overlay .wraper a        {color:#fff;}
.title_contener .title_overlay .wraper a:hover  {color:var(--color_theme);}

.basys_flex                                     {display: flex; flex-direction:row;}
.basys_mgneg                                    {margin-top:-80px !important;}
.basys_contener                                 {position:relative; width:var(--width_content); height:auto; background:var(--background_gen); margin:0px auto;}
.basys_contener h3                              {font-size: 40px; font-weight:bold; color:#000; line-height:1.5em; margin:0px 0px 20px 0px;}
.basys_contener h4                              {font-size: 16px; font-weight:bold; color:var(--color_theme); line-height:2.5em; margin-bottom: 20px;}
.basys_contener .elleft                         {width:calc(35% - 20px); margin-right:50px; padding:80px 10px; background:var(--background_spo);}
.basys_contener .elleft h2                      {color:#000; width:100%; margin:0px 0px 40px 0px; font-weight:bold;}
.basys_contener .elleft .cat                    {width:100%; line-height:40px; color:#fff; font-size:20px; background:var(--color_theme); margin:0px auto 25px auto; display: block; text-align:center; transition:all .2s ease-out;}
.basys_contener .elleft .cat:hover              {background:var(--color_theme_hv);}
.basys_contener .elleft .incenter			    {width:max-content; height:50px; display: flex; margin:50px auto 0px auto; width:80%; }
.basys_contener .elleft .incenter .cube 		{width:50px; height:50px; margin-right:10px; display: inline-block; }
.basys_contener .elleft .incenter .mail		    {background:url('../img/boutons/email.png'); background-size:cover;}
.basys_contener .elleft .incenter .phon		    {background:url('../img/boutons/phone.png'); background-size:cover;}
.basys_contener .elleft .incenter .pico		    {background:url('../img/boutons/pico.png'); background-size:cover;}
.basys_contener .elleft .incenter .cloc		    {background:url('../img/boutons/clock.png'); background-size:cover;}

.basys_contener .elright                        {width:calc(100% - 35% - 20px); padding:80px 10px;}
.basys_contener .elright ul                     {list-style-type: none;}
.basys_contener .elright ul li                  {position: relative;}
.basys_contener .elright ul li:before           {content:"\25A3"; left:-20px; position: absolute; font-size: 15px; color:var(--color_theme_gr);}

.linequote                                      {width:100%; height:140px; background:var(--color_theme); margin:0px auto 100px auto;}
.linequote .inner                               {width:var(--width_content);  height:140px; margin:0px auto; display: flex;}
.linequote .inner .bltxt                        {width:auto; line-height: 140px; color:#fff; width:calc(100% - 360px);}
.linequote .inner .callb                        {width:360px; height:75px; display: flex; flex-direction: row; margin-top:32.5px; cursor:pointer; transition:all .2s ease-out;}
.linequote .inner .callb:hover .callb-tx        {background:var(--color_theme_grhv);}
.linequote .inner .callb-ph                     {width:75px; height:75px; background:url('../img/boutons/contactemail2.png'); background-size: cover;}    
.linequote .inner .callb-tx                     {width:285px; height:75px; background: var(--color_theme_gr); color:#fff; font-size:18px; line-height:75px; text-align: center; transition:all .2s ease-out;}

@media screen and (min-width:100px) and (max-width:639px)  {
    .title_contener .title_overlay .wraper                  {padding:0px;}
    .title_contener .title_overlay .wraper h1               {font-size:32px; padding:15px;}
    .title_contener .title_overlay .wraper p                {padding: 0px 15px;}
    .basys_flex                                             {display:block;}
    .basys_contener                                         {width:100%;}
    .basys_contener .elleft                                 {display: none;}
    .basys_contener .elright                                {width:calc(100% - 20px) !important;}
    .basys_contener .elright img                            {width:calc(100% - 10px);}
    .linequote                                              {height:auto; width:100%;}
    .linequote .inner                                       {height:auto; width:calc(100% - 30px); padding:15px; flex-direction: column;}
    .linequote .inner .callb                                {margin:0px auto 20px auto;}
    .linequote .inner .bltxt                                {line-height:25px; width: 100%; text-align: center;}

}
@media screen and (min-width:640px) and (max-width:900px)  {
    .basys_contener                                         {width:100%;}
    .basys_contener .elleft                                 {display: none;}
    .basys_contener .elright                                {width:100%;}
    .linequote                                              {height:auto; width:100%;}
    .linequote .inner                                       {height:auto; width:calc(100% - 30px); padding:15px; flex-direction: column;}
    .linequote .inner .callb                                {margin:0px auto 20px auto;}
    .linequote .inner .bltxt                                {line-height:25px; width: 100%; text-align: center;}
}