.elementor-2 .elementor-element.elementor-element-6e05f7b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}/* Start custom CSS *//* ==========================================================================
Author's custom styles
========================================================================== */

#header{
height:367px;
width: 100%;
}

#galerie{
position:absolute;
overflow-x:hidden;
width:100%;
}

#header #top{
background:url(/content/themes/sdi-marquage/images/header-top.jpg) top center no-repeat #00519e;
height:117px;
width:100%;
}

.larg{
width:980px;
margin:0 auto;
height:100%;
position:relative;
}

#header #top .larg #slogan{
float:right;
width:370px;
text-align:center;
color:#fff;
font-size:20px;
margin:34px 0 0 0;
}

#header #top .larg #slogan h1{
font-size:20px;
margin:0;
}

#logo-sdi{
position:absolute;
z-index:10;
}

.larg2{
width:980px;
margin:0 auto;
height:249px;
position:relative;
z-index:11;
}

#navigation{
float:left;
width:220px;
height:192px;
margin-top:50px;
padding-top:8px;
background-color: rgba(255, 255, 255, 0.8);
}

#navigation ul li{
list-style:none;
}

#navigation ul li a{
display:block;
height:29px;
background:#00519e;
color:#fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:7px;
line-height:29px;
padding-left:55px;
}

#navigation ul li.seri a{
background:#00519e url(/content/themes/sdi-marquage/images/num-menu.png) 2px 0 no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.seri a:hover{
background:#1d74c7 url(/content/themes/sdi-marquage/images/num-menu.png) 2px 0 no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.deca a{
background:#00519e url(/content/themes/sdi-marquage/images/num-menu.png) 2px -29px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.deca a:hover{
background:#7a3785 url(/content/themes/sdi-marquage/images/num-menu.png) 2px -29px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.ens a{
background:#00519e url(/content/themes/sdi-marquage/images/num-menu.png) 2px -58px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.ens a:hover{
background:#ec9a19 url(/content/themes/sdi-marquage/images/num-menu.png) 2px -58px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.tamp a{
background:#00519e url(/content/themes/sdi-marquage/images/num-menu.png) 2px -87px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.tamp a:hover{
background:#b60234 url(/content/themes/sdi-marquage/images/num-menu.png) 2px -87px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.peint a{
background:#00519e url(/content/themes/sdi-marquage/images/num-menu.png) 2px -116px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navigation ul li.peint a:hover{
background:#6a6a6a url(/content/themes/sdi-marquage/images/num-menu.png) 2px -116px no-repeat;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

#navsec{
position : absolute;
right : 0px;
bottom : 6px;
width:350px;
}

#navsec a{
 background:#000;
color:#fff;
text-transform:uppercase;
padding:9px 20px 8px 20px;
margin:0 10px;
text-decoration:none;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
}

#navsec a:hover{
color:#f19f1a;
}

#main{
height:auto;
margin:50px auto;
}

p{
margin-bottom:4px;
}

h2{
font-size:1.3em;
margin-bottom:4px;
color:#00519e;
}

h3{
font-size:1.1em;
margin:25px 0 6px 0;
color:#ba0235;
}

#main h1{
font-size:1.3em;
margin-bottom:4px;
color:#00519e;
}

/* BLOC ACCUEIL */

#activites{
  margin: 25px auto 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#activites a{
color:#fff;
text-decoration:none;
}

#activites p{
line-height:1.2em;
font-size:0.85em;
text-align:left;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}

#activites div{
float:left;
width:326px;
height:251px;
padding:20px 12px 0 177px;
margin-bottom: 10px;
background-position: bottom left;
}

#activites h3{
font-size:1em;
font-weight:normal;
line-height:1.1em;
margin:0 0 7px;
}

#bloc-seri{
background:url(/content/themes/sdi-marquage/images/btn-bleu.jpg) no-repeat;
}

#bloc-seri:hover{
opacity:0.8;
}

#bloc-decal{
background:url(/content/themes/sdi-marquage/images/btn-jaune.jpg) no-repeat;
}

#bloc-decal:hover{
opacity:0.8;
}

#bloc-sign{
background:url(/content/themes/sdi-marquage/images/btn-violet.jpg) no-repeat;
}

#bloc-sign:hover{
opacity:0.8;}

#bloc-tampo{
background:url(/content/themes/sdi-marquage/images/btn-rouge.jpg) no-repeat;
}

#bloc-tampo:hover{
opacity:0.8;
}

#bloc-peint{
background:url(/content/themes/sdi-marquage/images/btn-gris.jpg) no-repeat;
}

#bloc-peint:hover{
opacity:0.8;
}

#bloc-cont{
background:url(/content/themes/sdi-marquage/images/btn-contact.jpg) no-repeat;
}

#bloc-cont:hover{
opacity:0.8;
}

.devis a{
display:block;
text-align:center;
margin:30px 0 30px 0;
}

.devis a img{
border:0;
}

/* -------------------- page sérigraphie -------------- */

#activites2{
width:980px;
}

#activites2 h2{
text-align:center;
color:#fff;
padding:12px 0 8px;
font-size:1.1em;
}

#texte ul, #context ul{
margin:10px 14px 0;
}

#activites2 button{
text-align:center;
background:none;
color:#fff;
width:235px;
padding-top:4px;
border:none;
font-style:italic;
}

#activites2 button:hover{
text-decoration:underline;
}

#marqu-indu{
float:left;
background:#1f7fd9;
width:235px;
margin-right:13px;
height:207px;
}

#marqu-publi{
float:left;
background:#854090;
width:235px;
height:207px;
margin-right:13px;
}

#marqu-sign{
float:left;
background:#f5a81a;
width:235px;
height:207px;
margin-right:13px;
}

#marqu-sce{
float:left;
background:#ba0235;
width:235px;
height:207px;
margin-right:0px;
}

#content-indu, #content-pub, #content-sign, #content-sce{
width:980px;
display:none;
margin-top:35px;
}

#texte{
float:left;
width:400px;
text-align:justify;
}


#context{
float:left;
width:380px;
}

#context p{
text-align:justify;
line-height:1.3em;
}

h3.bleu{
color:#1f7fd9;
padding-bottom:10px;
margin:0;
}

h3.mauve{
color:#854090;
padding-bottom:10px;
margin:0;
}
h3.jaune{
color:#f5a81a;
padding-bottom:10px;
margin:0;
}
h3.rouge{
color:#ba0235;
padding-bottom:10px;
margin:0;
}

.photos-galery{
float:right;
width:550px;
height:560px;
}

#footer{
background:#000 url(/content/themes/sdi-marquage/images/footer-coul.png) center bottom repeat-x;
height:78px;
margin-top:50px;
text-align:center;
line-height:75px;
font-size:0.9em;
color:#fff;
}

#footer a{
color:#fff;
text-decoration:none;
}

#ref{
 width: 980px;
margin: 10px auto ;
height: 100%;
position: relative;
font-size:13px;
color:#CCC;
line-height:16px;
text-align:center;
}

#ref p{
 margin:0;
}


/* ==========================================================================
Print styles
========================================================================== */

@media print {
*,
*:before,
*:after {
 background: transparent !important;
 color: #000 !important;
 box-shadow: none !important;
 text-shadow: none !important;
}

a,
a:visited {
 text-decoration: underline;
}

a[href]:after {
 content: " (" attr(href) ")";
}

abbr[title]:after {
 content: " (" attr(title) ")";
}

a[href^="#"]:after,
a[href^="javascript:"]:after {
 content: "";
}

pre,
blockquote {
 border: 1px solid #999;
 page-break-inside: avoid;
}

thead {
 display: table-header-group;
}

tr,
img {
 page-break-inside: avoid;
}

img {
 max-width: 100% !important;
}

p,
h2,
h3 {
 orphans: 3;
 widows: 3;
}

h2,
h3 {
 page-break-after: avoid;
}
}


/* contact  */

#coor{
float:left;
width:400px;
}

#coor a{
color: #3d3d3d;
text-decoration:none;
}

#coor a:hover{
color: #874092;
text-decoration:none;
}

#formulaire { float:right;width: 510px; background: #f1f1f1; border: 1px solid #874092; margin:0 0 40px 0; padding:15px 25px 15px; color:#000; }

p#phcontact{
font-weight:bold;
font-size:18px;
color:#884193;
margin-bottom:15px;
}

#formulaire .desc { }

#formulaire .desc p { font-size: 0.9em; color: #000; line-height: 1.3em; margin-bottom: 15px; }

#formulaire .formblock { display: block; float:left; margin-bottom: 11px; width:510px; }
#formulaire .formblock2 { display: block; float:left; margin-top: 11px; width:510px; }
#formulaire .formblock label { font-size: 1em; width:70px; display: block;
float: left;font-weight: normal;padding-top: 5px;}
#formulaire .formblock label.screen-reader-text2{ margin-left:22px}
#formulaire .formblock label.screen-reader-text3{ display:block;}

#formulaire .formblock input, .txtarea{
border:#007ec5 thin solid;
background:#fff;
height:23px;
-moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-bottom-left-radius: 5px 5px;
border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

#formulaire .formblock .txt { padding: 2px 6px; font-size: 0.9em; width:160px; float:left; display: block; }
#formulaire .formblock .txtarea { font-family: Arial, Tahoma, sans-serif; padding: 2px 5px; color: #000; width:515px; height: 120px; margin-top:8px;}

#formulaire .formblock .error {font-size: 0.9em; font-style: italic; color:#F00; display:block;  }
#formulaire .info { font-weight: bold; font-size: 1.1em; color: #00c0ff; margin-bottom: 10px; }

#formulaire p.tick { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 1em; color: #000; }

#formulaire .subbutton { padding: 3px 7px; font-size: 0.9em; cursor:pointer; color:#C03; display:block; margin:0 auto; }

sup {
font-size: .6em;
line-height: .8em;
}/* End custom CSS */