body {
color: #272727;
font-size: 16px;
font-family: 'Lato', Arial, sans-serif;
line-height: 1.6;
background: white;
word-wrap: break-word;
overflow-x: hidden;
}
.container {
max-width: 1400px;
width: auto;
}
#main-header .container {
padding-bottom:10px;
}
#top-header {
background-color: #272727;
color: #d8d8d8;
font-size:14px;
padding: 15px 30px;
}
#top-header a, #et-secondary-nav li ul a {
color:#d8d8d8;
}
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
padding: 10px 0;
}
#logo {
max-height: max-content;
display: block;
float: left;
vertical-align: middle;
-webkit-transform: none;
width: 280px;
height: auto;
}
#main-header.et-fixed-header #logo {
width:180px;
}
#top-menu li a {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 16px;
}
#top-menu li ul li {
display:block;
}
.nav li ul {
border-top:none;
border-left:3px solid #f71414;
padding:0;
width:max-content;
}
.nav li ul li, #top-menu li li {
padding:0;
}
.nav li ul li a {
background-color:#f7f7f7;
color:#000;
font-size:14px;
}
#top-menu li li a {
width:auto;
}
.nav li li ul {
left: 200px;
top:0;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
color: #f71414;
}
#et-secondary-menu>ul>li.devis a {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/devis_gratuit.jpg);
background-position: 0 -3px;
background-repeat: no-repeat;
background-size: 22px;
cursor:default;
padding-left: 30px;
}
#et-secondary-menu>ul>li.devis a:hover {
opacity:1;
}
#et_search_icon:hover, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .form-submit .et_pb_buttontton.alt.disabled, .nav-single a, .posted_in a {
color: #f71414;
}
.woocommerce-MyAccount-navigation ul {
margin:0;
padding:0;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: solid 1px #f7f7f7;
list-style:none;
margin-bottom: .5em;
}
.woocommerce-MyAccount-navigation ul li a {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/chevron.png);
background-position: 0 16px;
background-repeat: no-repeat;
background-size: 10px;
color: #000;
display: block;
font-size: 15px;
padding: 10px 0 10px 20px;
}
a, .posted_in a, .tagged_as a {
color:#f71414;
}
a:hover, .posted_in a:hover, .tagged_as a:hover {
color:#000;
}
.et_pb_row {
max-width: 1200px;
width: 100%;
}
#produits_accueil .et_pb_image img {
display: block;
position: relative;
max-height: 270px;
width: auto;
margin: 0 auto;
}
#produits_accueil .et_pb_image .et_pb_image_wrap  {
display: block;
margin: 0 auto;
}
#main-footer {
background-color: transparent;
font-size: 15px;
}
#main-footer .container {
background-color: #848484;
color:#000;
padding:0 30px;
}
.et_pb_widget {
width:100%;
}
#footer-widgets {
padding: 30px 0 0;
}
.footer-widget {
color: #000;
}
#footer-widgets .footer-widget a, #footer-widgets .footer-widget li a {
background-image: none;
color: #000;
padding: 0;
}
#footer-widgets .footer-widget a:hover, #footer-widgets .footer-widget li a:hover {
color:#f71414;
}
.widgettitle, #footer-widgets .title {
font-size: 24px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
margin-top:0;
padding-bottom: 24px;
position:relative;
text-transform:uppercase;
}
.widgettitle:after, #footer-widgets .title:after {
background-color: #f71414;
bottom: 0;
content: '';
left: 0;
position: absolute;
width: 100%;
height: 4px;
}
#footer-bottom {
background-color: #1f1f1f;
background-color: transparent;
padding: 0;
}
#footer-bottom .container {
padding: 32px;
background-color: #212121;
}
#sidebar .widgettitle {
color:#272727;
text-transform:none;
}
#left-area {
padding-bottom:50px;
}
.woocommerce .products ul, .woocommerce ul.products {
display:flex;
flex-wrap:wrap;
}
.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #cfc8d8;
border-right: 0;
margin: 1px;
}
.woocommerce-pagination ul li:first-child {
margin-left: 0;
}
.woocommerce-pagination ul li {
border:none;
margin: 0 3px;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
color: #272727;
font-weight: 700;
font-size: 18px;
line-height: 10px;
text-align: center;
border: 1px solid #f7f7f7;
display: inline-block;
padding: 20px;
transition: 0.5s;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background-color:#f71414;
border-color:#f71414;
color:#fff;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
background-color:#f71414 !important;
}
.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products li.product, .et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product {
width: 31.353%;
margin-right: 2.47%;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
position: relative;
padding: 10px 12px;
transition: 0.5s;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-weight: 1000;
font-family: 'Montserrat', sans-serif;
line-height: 1.2;
color: #272727;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
position: relative;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:after {
background-color: #f7f7f7;
color: #272727;
content:"Lire la suite";
content:none;
display:block;
font-weight: 700;
font-size: 14px;
font-family: 'Montserrat', sans-serif;
margin-top:20px;
position:relative;
text-transform: uppercase;
text-align: center;
padding: 0 20px;
line-height: 50px;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover:after {
background-color:#272727;
color: #f7f7f7;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover:after, .woocommerce ul.products li.product .woocommerce-loop-product__title:hover:after {
background-color: #f71414;
color:#fff;
}
.woocommerce ul.products li.product a.woocommerce-loop-product__link .et_shop_image {
display: block;
height: 100%;
position: relative;
width: 100%;
}
.woocommerce ul.products li.product:hover a.woocommerce-loop-product__link .et_shop_image:after {
border:3px solid #f71414;
content:"";
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title {
text-transform: uppercase;
font-size: 20px !important;
font-weight: 700;
margin: 0;
padding-bottom: 0;
position: relative;
}
.et_overlay {
background-color: transparent;
border: none;
}
.woocommerce ul.products li.product:hover .et_overlay {
opacity: 1;
z-index: 1;
}
.et_overlay {
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: hsla(0, 0%, 100%, .9);
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #e5e5e5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
.et_overlay {
background-color:transparent;
border:none;
}
.et_overlay:before {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_voir.png);
background-position:center;
background-repeat:no-repeat;
background-size:50px;
content:"";
height:50px;
width:50px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.et_right_sidebar #main-content .container:before {
content:none;
}
.et_right_sidebar #left-area {
float: right;
padding-left: 5.5%;
padding-right:0;
}
.et_right_sidebar #sidebar {
padding-right: 0;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
background-color: #f71414;
background-color: #333;
color: #fff !important;
padding: 15px 30px !important;
text-transform: uppercase;
}
.entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover {
color: #f71414;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del {
color:#f71414 !important;
font-size:16px !important;
}
.orderby, .woocommerce div.product form.cart .variations td select {
background-color: #fff;
border: 1px solid #666;
border-radius: 3px;
color: #666 !important;
font-size: 12px;
padding: 10px;
font-weight: 500;
font-family: 'Lato', Arial, sans-serif;
}
.titre.et_pb_section, .titre.et_pb_section .et_pb_row {
padding:0;
}
.titre.et_pb_section .et_pb_row {
max-width:100%;
width:100%;
}
.titre.et_pb_section .et_pb_post_title.et_pb_featured_bg {
padding: 120px 30px;
}
.et_pb_title_container h1 {
color: #fff;
font-size: 50px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.home .et_pb_title_container h1 {
color:#272727;
font-size: 40px;
text-transform: none;
}
.woocommerce div.product .product_title {
margin-top: 30px;
}
h2 {
font-size: 34px;
font-weight: 600;
margin-top: 20px;
}
.et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 {
font-size: 28px;
font-weight: 600;
}
#produits_accueil .et_pb_column:hover h3 {
color:#ff0000;
}
#references .et_pb_row {
padding:10px 0;
}
#references .et_pb_column {
border: 3px solid rgba(0, 0, 0, 0.03);
min-height: 90px;
line-height: 82px;
}
#reseaux.et_pb_section {
padding:0;
}
#reseaux a {
background-position:center;
background-size:contain;
display:block;
height:63px;
margin:0 auto;
width:57px;
}
#reseaux .gmb a {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_gmb.png);
}
#reseaux .gmb a:hover {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_gmb_hover.png);
}
#reseaux .linkedin a {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_linkedin.png);
}
#reseaux .linkedin a:hover {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_linkedin_hover.png);
}
#reseaux .facebook a {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_facebook.png);
}
#reseaux .facebook a:hover {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_facebook_hover.png);
}
#reseaux .x a {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_x.png);
}
#reseaux .x a:hover {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_x_hover.png);
}
#reseaux a img {
display:none;
}
#reseaux a:hover {
}
form label {
color:#000;
font-size:16px;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
border:1px solid #000;
}
.adresse, .tel, .mail {
background-position:0 5px;
background-repeat:no-repeat;
background-size:40px;
border-bottom:1px solid #f7f7f7;
color:#000;
display:block;
margin-bottom:20px;
padding:10px 0 20px 50px;
}
.adresse {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_adresse.png);
}
.tel {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_tel.png);
}
.mail {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_mail.png);
background-position: 3px 7px;
background-size: 35px;
}
.footer-widget .adresse {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_adresse_footer.png);
}
.footer-widget .tel {
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_tel_footer.jpg);
}
.footer-widget .mail {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_mail_footer.png);
}
.footer-widget .adresse, .footer-widget .tel, .footer-widget .mail {
background-size: 25px;
padding: 0px 0 20px 35px !important;
}
#footer-widgets .footer-widget li {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/double_chevron_footer.jpg);
background-position: 0 5px;
background-repeat: no-repeat;
background-size: 15px;
border: none;
margin-bottom: 20px;
padding-left: 20px;
}
#footer-widgets .footer-widget li:hover {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/double_chevron_footer_hover.jpg);
}
#footer-widgets .footer-widget #recent-posts-2 li {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/chevron_footer.jpg);
background-position: 0 18px;
border-bottom: solid 1px #f7f7f7;
margin-bottom: 10px;
padding: 15px 15px 15px 20px;
}
#footer-widgets .footer-widget #recent-posts-2 li:hover {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/chevron_footer_hover.jpg);
}
.footer-widget li:before {
border-color:transparent;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
background: #f71414;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
background: #f71414;
border:1px solid #f71414;
color:#fff;
cursor:pointer;
}
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):hover {
background: #fff;
color:#f71414;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item {
display:block !important;;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
padding-left: 0 !important;
padding-right: 0 !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description, .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
display: block !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
color: #333;
}
#services .et_pb_column:hover .et_pb_image:after {
background-color:#f71414;
background-image:url(//laserins.fr/wp-content/themes/divi-creative-agency/picto_chaine.png);
background-position:center;
background-repeat:no-repeat;
background-size:20px;
content:"";
opacity:0.9;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.5s;
z-index:2;
}
#services .et_pb_column:hover .et_pb_image:before {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/triangle.png);
background-position: center;
background-repeat: no-repeat;
background-size: 120px;
bottom: 0;
content: "";
height: 120px;
left: 0;
position: absolute;
width: 120px;
z-index: 3;
}
#services .et_pb_column:hover h2, #services .et_pb_column:hover p {
color:#f71414;
}
.et_pb_widget li {
border-bottom: solid 1px #f7f7f7;
position: relative;
transition: all 0.5s;
}
.et_pb_widget li a {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/chevron.png);
background-position: 0 16px;
background-repeat: no-repeat;
background-size: 10px;
color:#000;
display: block;
font-size: 15px;
padding: 10px 0 10px 20px;
}
.et_pb_widget li a:hover {
color:#f71414;
}
.term-description {
margin-bottom:30px;
}
.woocommerce .woocommerce-breadcrumb {
background-color: #f7f7f7;
margin: 0;
padding: 10px 20px;
}
h1.woocommerce-products-header__title {
background-image: url(//laserins.fr/wp-content/themes/divi-creative-agency/bandeau-ancien.jpg);
background-position: center;
background-size: cover;
color: #fff;
font-weight: 600;
line-height: 1.3;
margin-bottom: 30px;
padding: 70px 50px;
text-shadow: 0 0 5px #000;
text-transform: uppercase;
}
a.btn, input.wpcf7-form-control.wpcf7-submit {
background-image:none;
background-color: #f71414;
border: 1px solid #f71414;
color: #fff;
cursor:pointer;
display: inline-block;
margin-top: 10px;
padding: 7px 20px;
}
a.btn:hover, input.wpcf7-form-control.wpcf7-submit:hover {
background-color:#fff;
color:#f71414;
}
.woocommerce-Tabs-panel > h2, .yith-add-to-wishlist-button-block {
display:none;
}
.woocommerce-cart.et_right_sidebar #sidebar, .woocommerce-checkout #sidebar {
display:none;
}
.woocommerce-cart.et_right_sidebar #left-area, .woocommerce-checkout.et_right_sidebar #left-area {
float: none;
padding-left: 0;
padding-right: 0;
width: 100%;
} @media (max-width: 1400px) {
.container {
padding: 0 30px;
}
.single-post .container {
padding: 0;
}
#top-header .container {
padding:0;
}
.et_pb_section {
padding:0 30px;
}
}
@media (max-width:1100px) {
#top-menu li {
padding-right: 10px;
}
}
@media (max-width: 980px) {
.et_header_style_left #logo {
max-width: 280px;
width: calc(80% - 50px);
}
.et_right_sidebar #left-area {
float:none;
padding-left:0;
padding-right:0;
}
body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
padding-top: 30px;
}
.titre.et_pb_section .et_pb_post_title.et_pb_featured_bg {
padding: 60px 30px;
}
.et_pb_title_container h1 {
font-size: 34px;
}
.et_mobile_menu {
padding: 30px;
border-top: 3px solid #f71414;
}
.et_mobile_menu .menu-item-has-children > a {
background-color: #272727;
color: #fff;
}
.et_mobile_menu li a {
color: #272727;
padding: 10px 20px;
}
.et_mobile_menu li .menu-item-has-children > a {
background-color: #f71414;
}
.et_mobile_menu li li {
padding-left: 0px;
}
#main-header .et_mobile_menu li ul, .et_pb_fullwidth_menu .et_mobile_menu li ul, .et_pb_menu .et_mobile_menu li ul {
padding-left: 20px;
}
#produits_accueil .et_pb_column {
margin-bottom:50px;
}
.home .et_pb_title_container h1 {
font-size: 34px;
}
h2 {
font-size: 26px;
}
.et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3 {
font-size: 22px;
}
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
max-width: 100%;
}
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .et_pb_row {
width: 100%;
}
}
@media (max-width: 768px) {
#main-header {
height:90px;
}
.et_header_style_left .et-search-form {
width: 90% !important;
max-width: 90% !important;
background-color: #fff !important;
}
span.et_close_search_field {
right:20px;
}
.titre.et_pb_section .et_pb_post_title.et_pb_featured_bg {
padding: 60px 10px;
}
#main-header .container {
padding: 0 10px;
}
#produits_accueil .et_pb_row {
padding: 0;
}
#produits_accueil .et_pb_column .et_pb_module {
margin-bottom: 0;
}
#reseaux {
display: flex;
flex-wrap: inherit;
}
.widgettitle, #footer-widgets .title {
margin-bottom: 10px;
}
#footer-widgets .footer-widget #recent-posts-2 li {
background-position: 0 15px;
margin-bottom: 5px;
padding: 10px 15px 10px 20px;
}
#footer-widgets .footer-widget li {
margin-bottom: 10px;
}
#footer-bottom .container {
padding: 10px 32px;
}
h1.woocommerce-products-header__title {
padding:40px 30px;
}
}