html, body { height: 100%; margin: 0; padding: 0;}
.clear { clear: both; width: 100%; width: 100%; height: 1px; overflow: hidden; }
.wp-block-separator { clear: both; width: 100%; width: 100%; height: 1px; overflow: hidden; margin-top: 0;margin-bottom:0;border: 0;border-top: none;}
.separator { clear: both; width: 100%; width: 100%; margin : 10px auto; border-bottom: 1px solid #383434; height: 1px; overflow: hidden; }
#fond_image { position:fixed; z-index:-100;width:100%; height:100%;margin:0; padding:0 ; overflow:hidden; }
.imgFond { width:100%; height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover; background-size:cover;}
@media only screen and (max-width: 768px) {
html { font-size: 15px;}
.imgFond { width:auto; height: 100%;}
} .onMobileXs { display:none;}
@media (max-width: 400px) {
.onMobileXs { display:block;}
}
.noMobileXs { display:block;}
@media (max-width: 400px) {
.noMobileXs { display:none;}
}
.onMobile { display:none;}
@media (max-width: 768px) {
.onMobile { display:block;}
}
.noMobile { display:block;}
@media (max-width: 768px) {
.noMobile { display:none;}
}
.onTablette { display:none;}
@media (max-width: 1024px) {
.onTablette { display:block;}
}
.noTablette { display:block;}
@media (max-width: 1024px) {
.noTablette { display:none;}
}
.scrollToTop{
width:74px;
height:36px;
padding:0px;
text-align:center;
background:transparent!;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:20px;
right:70px;
display:none;
}
.scrollToTop:hover{
text-decoration:none;
background-color: transparent!;
}
.scrollToTop i:hover{
text-decoration:none;
color:#dd005c; }
@media only screen and (max-width: 576px) {
.scrollToTop { right:40px;}
} body { font-family: 'ABeeZee', sans-serif; font-weight:400;} .h1 { font-family: 'Baloo', cursive; font-weight:400;margin-top: 20px;margin-bottom: 0;}
.h2, .h3 { font-family: 'Baloo', cursive; font-weight:400;margin-top: 0;margin-bottom: 0;}
h1 { font-family: 'Baloo', cursive; font-weight:400;font-size: 50px; line-height: 1.10em; text-align:center;margin-top: 20px;margin-bottom: 0; padding-left:10px; padding-right:10px;}
h2 { font-family: 'Baloo', cursive; font-weight:400;font-size: 44px; text-align:center; padding-top: 40px;padding-bottom: 20px; margin-bottom:0;}
h2.h3 { font-family: 'Baloo', cursive; font-weight:400;margin-top: 10px;margin-bottom: 10px;}
h3 { font-family: 'Baloo', cursive; font-weight:400;font-size: 30px; }
h3 { margin-top: 40px;margin-bottom: 0;}
h3.section-title { margin-top: 20px;margin-bottom: 0;}
h4 { font-family: 'Baloo', cursive; font-weight:400;font-size:1.4em; line-height:1.30em;}
h5 { font-size:1.1em; line-height:1.10em;font-weight:700;}
#box_titre h1 { font-family: 'Baloo', cursive; font-weight:400;text-align:center; }
#box_titre h2 { font-family: 'Baloo', cursive; font-weight:400;float:none;text-align:center;}
#box_titre h3 { font-family: 'Baloo', cursive; font-weight:400;font-size:1.6em; line-height:1.30em; text-align:center; }
#main_blog_liste article h4 { font-family: 'Baloo', cursive; font-weight:400;font-size:1.6em; line-height:1.30em;margin-top: 10px;margin-bottom: 10px;}
p { font-size:1.1em; line-height:1.20em; text-align:justify;}
#box_titre_texte p { text-align:justify;}
.box_contenor >li { font-size:1.1em; line-height:1.30em;}
.box_contenor >li a { font-size:1.1em; line-height:1.30em;}
.box_contenor li >li { font-size:1.1em; line-height:1.30em;}
.box_contenor li >li a { font-size:1.1em; line-height:1.30em;}
.badge { font-size:15px; line-height:1.10em; font-weight:400;}
@media (max-width: 768px) {
#accueil h1 { margin-top: 0px;}
h1 { font-size: 40px; text-align: center;}
h2 { font-size: 30px; text-align: center;}
h3 { font-size: 26px; text-align: center;}
h4 { font-size:1.3em; line-height:1.30em;font-weight:700;}
#box_titre h3, #box_titre p { font-size:1.3em; line-height:1.20em; text-align: justify; }
p { font-size:1.3em; line-height:1.20em;}
}
.txtsup {
position: relative;
bottom: 1px;
font-size: .8em;
line-height: .8em;
vertical-align:super;
text-decoration:none;
}
label { font-size:1.3em; line-height:1.30em;}
.fa.fa-1x { font-size:10px;}
.fa.fa-2x { font-size:20px;}
.fa.fa-3x { font-size:30px;}
.fa.fa-4x { font-size:40px;}
.fa.fa-5x { font-size:50px;}
.fa.fa-6x { font-size:60px;}
@media only screen and (max-width: 576px) {
.fa.fa-4x { font-size:30px;}
.noMobileFa { display:none;}
}
@media (max-width: 1024px) {
.faTelOnMobile, .faMailOnMobile { display:none;}
} h2.entry-title article-title a:hover { color:#dd005c; text-decoration: none;outline: 0;}
#footer p { color:#ffffff; text-decoration: none;outline: 0;}
a { color:#dd005c; text-decoration: none;outline: 0;}
.box_content a, p a, a, .btn-outline-primary, .content-area .sp-the-post .entry-header .entry-title a:hover, .btn-link { color:#dd005c; text-decoration: none;outline: 0;}
.badge a, .badge.badge-light a { color:#dd005c; text-decoration: none;outline: 0;}
.badge a:hover, .badge.badge-light a:hover { color:#383434; text-decoration: none;outline: 0;}
#box_supheader a { color:#dd005c; text-decoration: none;outline: 0;}
#box_supheader a:hover { color:#cccc;}
#supheader a { color:#ffffff; text-decoration: none;outline: 0;}
#btn_lateral a { color:#ffffff; text-decoration: none;outline: 0;}
#footer a { color:#ffffff; text-decoration: none;outline: 0;}
#footer a:hover { color:#383434; text-decoration: none;outline: 0;}
a:hover { color:#cccccc; text-decoration: none;outline: 0;}
.box_content a:hover, p a:hover,a:hover, a:active, a:focus, .btn-link:hover, .entry-meta a:hover, .comments-link a:hover, .edit-link a:hover { color: #cccccc; text-decoration: none;outline: 0;}
li a:hover { color:#cccccc; text-decoration: none;outline: 0;}
#btn_lateral a:hover { color:#cccccc; text-decoration: none;outline: 0;}
a:active { color:#383434; text-decoration: none;outline: 0;}
a:focus { color:#dd005c; }
a.text-dark:hover { color:#dd005c; text-decoration: none;outline: 0;}
#main_blog_liste h2 a.text-dark:hover { color:#dd005c; text-decoration: none;outline: 0;}
.fa-check-square { color:#dd005c; }
.fa-window-close { color:#dd005c; }
.tbl_prix { color:#dd005c; }
.typoNoire { color: #383434; }
.typoBlanche { color:#fff;}
.typoMagenta { color:#dd005c; }
.text-muted { color:#dd005c; }
#menu_blog li a { color:#fff;}
#menu_blog li a:hover { color:#383434; } .bgBlanc { background-color:#fff ;}
.bgTheme { background-color: #dd005c; }
.bgThemeSombre { background-color: #aa1a1c; }
.bgGrisSombre { background-color: #383434; }
.bgGrisMoyen { background-color: #635f58; }
.bgGrisClair { background-color: #eee;}
.fondOpaqueGris { background: url(//lyonbombing.com/wp-content/themes/urban-bootstrap/assets/images/pixel_gris_trans70.png) repeat left top; overflow: hidden;} .span1 { width:10%;}
.span2 { width:20%;}
.span5 { width:50%;}
.span6 { width:60%;}
.span8 { width:80%;}
.span9 { width:90%;}
.span12 { width:100%;}
.arrondi { border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}
.box_contenor { padding-top:40px;padding-bottom:60px;}
.pull-left { float:left;}
.pull-left-noMobile { float:left;}
.pull-right { float:right;}
.marginAuto { margin-left:auto;margin-right:auto;}
.marginL10 { margin-left:10px;}
.marginR10 { margin-right:10px;}
.marginB20 { margin-bottom:20px;}
.marginL20 { margin-left:20px;}
.marginT10 { margin-top:10px;}
.marginT20 { margin-top:20px;}
.marginT30 { margin-top:30px;}
.marginL30 { margin-left:30px;}
.marginR30 { margin-right:30px;}
.marginT40 { margin-top:40px;}
.marginB40 { margin-bottom:40px;}
.marginT60 { margin-top:60px;}
.marginT120 { margin-top:120px;}
.padding10 { padding:10px;}
.padding15 { padding:15px;}
.padding30 { padding:30px;}
@media only screen and (max-width: 640px) {
.marginB20OnMobile { margin-bottom:20px;}
.box_contenor { padding-top:60px;padding-bottom:60px;}
} #carousel-home { height:700px;}
@media only screen and (max-width: 768px) {
#carousel-home { height:380px;}
}
@media only screen and (max-width: 576px) {
#carousel-home { height:280px;}
}
.control-left { left: 20px;}
.control-right { right: 20px;}
.img-control { position: absolute;bottom: 30px;}
.carousel-inner > .item {
-ms-transition: -ms-transform .6s ease-in-out;
-moz-transition: -moz-transform .6s ease-in-out;
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-ms-perspective: 1000px;
-moz-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item { position: relative; display: none;
-webkit-transition: .6s ease-in-out left;
-ms-transition: .6s ease-in-out left;
-moz-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
left: 0;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.carousel-inner > .active { left: 0;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block;}
.carousel-control.left {
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgba(0,0,0,0);
filter: alpha(opacity=50);
opacity: .5;
}
a.carousel-control:hover .fa { color:#383434; }
a.carousel-control .fa { color:#dd005c; }
.box_content { width:100%; display:block; position:relative;} .wp-block-media-text { display: block; clear: both;
-ms-grid-rows: auto;
grid-template-rows: auto;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
}
.wp-block-media-text .wp-block-media-text__content { width:55%; padding:0 0 0 0; float:right;}
.wp-block-media-text .wp-block-media-text__media { float:left; display:block; width:40%;margin-top:40px; margin-right:50px;}
#main_blog_liste .wp-block-media-text .wp-block-media-text__media { margin-right:50px;}
.wp-block-media-text > figure > img, .wp-block-media-text > figure > video {
width:100%;height:auto;border: 12px solid #635f58; margin-bottom:30px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.wp-block-media-text.team figure img { border:none;}
.box_content p img { width:40%; height:auto;float:left; margin: 0 20px 20px 0;}
@media only screen and (max-width: 640px) {
.pull-left-noMobile { float:none; display:inline-block;}
.wp-block-media-text > figure { width:100%;}
.wp-block-media-text .wp-block-media-text__content { width:100%;}
}
@media only screen and (max-width: 640px) {
.wp-block-media-text .wp-block-media-text__media { width:100%;margin-top:40px;}
} #quaroillage { display:flex;}
#main_blog_liste { margin-top:30px;}
#main_blog_liste article { margin-top:20px;margin-bottom:20px;}
#main_blog_liste h2 { padding-top: 10px;}
#main_blog_liste img { object-fit:cover;width:100%;height:auto;margin-top:20px;border: 12px solid #635f58; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.card { background-color: transparent;background-clip: border-box;border: 0px solid rgba(0, 0, 0, 0.125);
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.border-bottom { border-bottom: 0px solid #dee2e6 !important;}
#pagination { text-align:center;}
.post-navigation h2 { display:none;}
.nav-previous { float:left; width:50%;}
.nav-next { float:right;width:50%; text-align:right;}
.nav-previous a, .nav-next a { font-size:1.0em; display: inline-block; padding: 6px 12px; background-color:#dd005c; color:#fff; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100;}
.nav-previous a:hover, .nav-next a:hover { background-color: #635f58; color:#fff; border:none; text-decoration:none;}
#pagination a.next, #pagination a.prev { font-size:1.0em; display: inline-block; padding: 6px 12px; background-color:#dd005c; color:#fff; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100;}
#pagination a.next:hover, #pagination a.prev:hover { background-color: #635f58; color:#fff; border:none; text-decoration:none;}
#pagination a.prev { float:left;}
#pagination a.next { float:right;}
@media only screen and (max-width: 640px) {
#pagination a.next { float:left; margin-top:10px;}
}
#pagination .page-numbers { font-size:1.0em; display: inline-block; padding: 6px 12px; background-color:#dd005c; color:#fff; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100;}
#pagination .page-numbers:hover { background-color: #635f58; color:#fff; border:none; text-decoration:none;}
#pagination .page-numbers.current { background-color: #ccc;color:#fff; border:none; text-decoration:none;} .wp-block-gallery3 { width:50%; float:left; margin-right:30px;}
.wp-block-gallery3 figure img { object-fit:cover;height:auto;width:100%; margin:0;border:none;border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;}
.wp-block-gallery3 figure li { width:100%; margin:0;border:none;}
.wp-block-gallery3 .blocks-gallery-image figure,
.wp-block-gallery3 .blocks-gallery-item figure { margin: 0;height: 100%; }
.wp-block-gallery3 { border: 12px solid #635f58; overflow:hidden;margin-top:20px;margin-bottom:20px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
align-items: center;
}
#main_blog_liste .wp-block-gallery3 img { border:none;margin-top:0;margin-bottom:0; border-radius:0;}
#main_blog_liste .wp-block-gallery { width:50%; float:left; margin-right:30px;display: inline-block;height:250px; overflow:hidden;}
#main_blog_liste .wp-block-gallery figure { display: table-cell;width:100%;position:relative;margin: 0; height:200px; overflow:hidden; text-align:center;vertical-align: middle; margin-top:20px;margin-bottom:20px;}
#main_blog_liste .wp-block-gallery figure { border: 12px solid #635f58; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
align-items: center;
}
#main_blog_liste .blocks-gallery-grid .blocks-gallery-item { margin:0;}
#main_blog_liste .wp-block-gallery img { height:auto; margin:auto; border:none; margin-top:0px;
display: table-cell;
text-align: center;
vertical-align: middle;
border-radius:0;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 420px) {
#main_blog_liste .wp-block-gallery { width:100%;height:250px;}
.wp-block-gallery3 { width:100%;height:auto;}
}
@media only screen and (max-width: 768px) {
.wp-block-gallery3 { width:100%;height:auto;}
} section { position: relative; width: 100%; padding: 0;}
#fond_image { position:fixed; z-index:-100;width:100%; height:100%;margin:0; padding:0 ; overflow:hidden; }
.imgFond { width:100%; height: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover; background-size:cover;}
section#supheader { background-color: #383434; }
#btn_lateral { background-color:#dd005c; color:#fff;}
header#header { background-color:#635f58 ;}
section#intro { }
section#titre { position:relative;}
section#section1 { background-color:#fff; }
section#realisations { background-color:#fff;}
section#section2 { background-color:#383434; color:#fff;}
section#section3 { background-color: transparent;}
section#section4 { background-color:#635f58 ;}
section#section5 { background-color: #fff;}
section#section6 { background-color: #fff;}
section#section7 { background-color:#dd005c; color:#fff;}
section#visuelXL { background-color:#fff;}
section#contact { background: url(//lyonbombing.com/wp-content/themes/urban-bootstrap/assets/images/bando-atelier-graffiti.jpg) bottom center;}
section#info { background-color:#dd005c; color:#fff;}
footer { background-color:#635f58 ;}
section#sectionbandocolor { color: #fff; padding:30px 0;} header { background-color: #635f58 !important;}
header { width:100%;}
.site-header { position:fixed; top:0; z-index: 1000;}
#box_supheader { background-color: #383434;padding: 5px 0 5px 0 ;color:#fff;}
#box_header { background-color: #635f58;padding: 10px 0 0 0 ; color:#fff;}
#btn_lateral { position:fixed;z-index:1001;top: 230px;right:0;width:100px;padding:10px;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 0 0 15px;}
#btn_lateral:hover { background-color:#383434; }
#btn_lateral:hover a { color:#fff;}
#btn_lateral ul { margin:0; padding:0; list-style:none;}
#btn_lateral ul li { margin:0; padding:0; list-style:none; font-size: 1.1em;}
#section-widget-2 { position:relative;}
#box_supheader .widget { margin: 0 0 0 0;}
#box_supheader .custom-html-widget { width:100%;display: inline-block; }
.social_linkedin, .social_facebook, .social_instagram { margin-left:10px;}
.social_twitter { margin-left:10px;}
.social_linkedin .fa, .social_facebook .fa, .social_instagram .fa, .social_twitter .fa { color:#dd005c; }
.social_linkedin .fa:hover, .social_facebook .fa:hover, .social_instagram .fa:hover, .social_twitter .fa:hover { color:#ccc;}
#footer .social_linkedin .fa, #footer .social_facebook .fa, #footer .social_instagram .fa, #footer .social_twitter .fa { color:#fff;}
#footer .social_linkedin .fa:hover, #footer .social_facebook .fa:hover, #footer .social_instagram .fa:hover, #footer .social_twitter .fa:hover { color:#383434; }
@media only screen and (max-width: 416px) {
.social_twitter { margin-left:-10px;}
.social_linkedin, .social_facebook, .social_instagram { margin-left:5px;}
}
@media only screen and (max-width: 768px) {
#section-widget-1 { margin-bottom:10px;}
.site-header { position: relative; top:0; z-index: 1000;}
}
@media only screen and (max-width: 576px) {
#box_supheader { position:fixed; top:0px; z-index:1000;}
#box_header { margin-top:54px; }
#section-widget-1 { margin-bottom:0px;}
} section#intro { padding: 0;}
#img-header img { width:100%; height:auto; bottom:0;}
.intro_visuel { width: 100%; height:auto;}
.jumbotron { margin-bottom:0;}
.wb-bp-front-page .wp-bs-4-jumbotron { min-height:700px;}
.wp-bp-jumbo-overlay { background-color: transparent;}
.wb-bp-front-page .site-header { border-bottom: 0; }
.wb-bp-front-page .wp-bs-4-jumbotron { padding: 0; background-size: cover; background-position: center; background-color: #343a40; border-radius: 0; }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay { padding: 10rem 2rem; }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .lead { opacity: .75; }
.wb-bp-front-page .wp-bs-4-jumbotron .wp-bp-jumbo-overlay .jumbotron-heading { font-weight: 600; font-size: 3rem; margin-bottom: 1rem; }
@media only screen and (max-width: 768px) {
#img-header .post-thumbnail { height:auto;max-height:280px; width:100%;}
.wb-bp-front-page .wp-bs-4-jumbotron { margin-top:0px;min-height:280px;}
.jumbotron img { width: 100%; height:auto;}
}
@media only screen and (min-width: 769px) {
#img-header .post-thumbnail { height:500px; width:100%; text-align: center; overflow:hidden;}
#img-header { margin-top:0px; }
}
@media (min-width: 1025px) {
#img-header .post-thumbnail { height:700px; width:100%; text-align: center; overflow:hidden;}
}
#img-header .post-thumbnail { height:700px; width:100%; text-align: center; overflow:hidden;} #section-widget-1 .custom-html-widget { text-align:left; margin-top:10px;}
.lineTel, .lineMail { float:left;}
#box_titre { color:#fff;}
#bg_section_titre { height:80px;}
#box_titre_titre { position: absolute; z-index:2;width: 64%;left:20%;top:-60px;background-color:#dd005c; color:#fff; text-align:center;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
#box_titre_texte { margin-top:20px;}
.bando_color { min-height:100px;}
#titreHorsWDP { margin-top : 120px;}
#titreHorsWDP #box_titre_titre { position:relative; width:100%; left: 0; top:0; padding: 20px 0 ;}
#titreHorsWDP .bando_color { height:0px; min-height:0;}
@media only screen and (max-width: 768px) {
#section-widget-1 .custom-html-widget { margin-top:0;}
.lineTel, .lineMail { float:none;}
#box_titre_titre { width: 80%; min-height:120px;left:10%;top:-30px;padding-top:10px;}
#box_titre_texte { margin-top:60px;}
.bando_color { min-height:60px;}
#titreHorsWDP { margin-top : 0px;}
}
@media only screen and (max-width: 576px) {
#box_titre_texte { margin-top:20px;}
} .img_page_section img { max-width: 100%;height: auto;width:100%;border: 12px solid #635f58; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
} .box_focus { margin-top:30px;}
#section2 img { width: 80%;text-align: center;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;} #section3 .box_contenor img { width:100%;border: 12px solid #635f58; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
#section3 .box_contenor .textwidget { width:100%;}
.fondOpaqueBlanc { background:url(//lyonbombing.com/wp-content/themes/urban-bootstrap/assets/images/pixel_blanc_trans50.png) repeat left top; overflow:hidden}
.fondOpaqueGris { background: url(//lyonbombing.com/wp-content/themes/urban-bootstrap/assets/images/pixel_gris_trans70.png) repeat left top; overflow: hidden;}
.fondOpaqueGris { padding:30px;}
#section3 ul { margin-left:0px;}
#section3 ul li a { font-size:18px; line-height:1.30em;color:#ffffff;}
#section3 ul li a:hover { color:#cccccc;}
@media only screen and (max-width: 640px) {
.fondOpaqueGris { padding:10px;}
#section3 ul { margin-left:10px;padding-left:10px;}
#section3 ul ul { margin-left:10px; padding-left:10px;}
} #section4 .box_contenor img { width:100%;border: 12px solid #383434; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;} .box_img_imgAbsLeft { height:100%;position:absolute; left:0; top:0; overflow:hidden;}
.box_img_imgAbsLeft img { display: table-cell;height:100%; width:auto;vertical-align:middle;}
.box_img_imgAbsLeft img.fond_degrade { right:0;}
.box_img_imgAbsRight { height:100%;position:absolute; right:0; top:0; overflow:hidden;}
.box_img_imgAbsRight img { display: table-cell;height:150%; width:auto;vertical-align:middle;}
.box_img_imgAbsRight img.fond_degrade { left:0;} #slideshow { width: 100%; overflow: hidden;}
#slideshow .gallery { width: 100%;height: 150px;padding:0; margin:0; text-align:center;overflow: hidden; }
#slideshow figure { float: left; margin:0 10px; overflow:hidden;}
#slideshow img { object-fit: cover;height:auto; width:160px; background-color:#ffffff; vertical-align:middle; margin:auto;}
@media only screen and (max-width: 640px) {
#slideshow .gallery { height:130px;}
#slideshow figure { height:130px;}
#slideshow img { height:130px; width:auto; background-color:#ffffff; }
} .custom-html-widget { text-align:center;} #footer ul { color:#ffffff;}
.footer-3-area ul { text-align:right;}
#footer li { font-size:18px; line-height:1.30em;}
p { width:100%;}
.footer-3-area p { text-align:right;}
@media only screen and (max-width: 640px) {
.widget-area { width:100%;}
.ul { width:100%;}
.menu-menu-principal-container { width:100%;}
.span12onMobile { width:100%;}
.footer-3-area ul { text-align:left;}
.footer-3-area p { text-align:left;}
} .navbar { padding: 0 0 1rem 0; }
#navbar ul.navbar-nav { margin-left: 25px;}
@media only screen and (max-width: 768px) {
header #navbar { margin-top:0px;}
#navbar ul.navbar-nav { margin-left: 0px; padding-bottom:10px;background-color:#383434; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.navbar { padding: 0 0 10px 0;}
}
.navbar-toggler { font-size:0.8em; border: #fff 2px solid; background-color: transparent;
Padding-top:4px; padding-bottom:4px;border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.navbar-toggler .icon-bar { display: block; width: 30px; height: 3px; margin:3px 0;background-color: #fff; border-radius: 2px;}
.navbar-nav li a { font-size:1.1em; }
.navbar-nav > li > a { margin: 0px 5px 0px 5px; padding-top:5px; padding-bottom:5px; background-color:#dd005c; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.navbar-nav > li > a { color:#fff; font-weight:400;}
.navbar-nav > li > a:hover { background-color:#383434; color:#fff;text-decoration: none;outline: 0;}
@media only screen and (max-width: 1024px) {
.navbar-nav li a { margin: 0px 5px 0px 5px; }
}
@media only screen and (max-width: 768px) {
.navbar-nav > li > a { width:90%; }
}
.nav > li > a:hover { background-color:#dd005c; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
}
.navbar-header { float: left;}
.logo { width:100%; height:auto;text-align:center; margin-left:auto; margin-right:auto;}
.navbar-brand { height: auto; padding: 15px 15px;font-size: 18px;line-height: 20px; }
@media only screen and (max-width: 768px) {
.navbar-nav { padding-top:10px;}
#navbar ul.navbar-nav { width:100%;margin-top:5px;}
.navbar-nav li.nav-item {margin-bottom:10px;}
}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 12px; padding-left: 12px; }
.navbar-nav > li.active > a { background-color:#383434; }
.nav .open > a, .nav .open > a:focus, .nav .open > a {}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { color:#fff; background-color:#383434; border-color: ##dd005c; }
.navbar-nav > li.open { }
.navbar-nav > li > .dropdown-menu { padding:10px 5px 5px 5px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
.navbar-nav .open .dropdown-menu > li > a.nav-link:hover { color:#fff; background-color:#383434; border-color: #dd005c; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
color:#fff;
}
.navbar-nav .open .dropdown-menu > li > a.nav-link { color:#dd005c; }
.custom-logo { width: 100%; height: auto;}
.navbar-brand { width: 22%; height: auto; padding:0;}
@media only screen and (max-width: 768px) {
.navbar-brand { width: 40%; height: auto;}
.navbar-nav .open .dropdown-menu > li > a.nav-link { color:#fff;}
}
@media only screen and (max-width: 576px) {
.navbar-brand { width: 60%; height: auto;}
}
@media only screen and (max-width: 768px) {
.navbar-nav .open .dropdown-menu > li > a { background-color:#dd005c; color:#fff;border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;}
}
.navbar-footer { float: left; margin-top:30px;margin-right:30px;} .btn { font-size:1.0em; display: inline-block; padding: 6px 12px; border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100;
}
.btn:hover { border:none;}
#box_supheader .btn-barreSup { background-color:#dd005c; color:#fff; border:none;margin-top:5px;margin-bottom:0;}
#box_supheader .btn-barreSup:hover { background-color: #cccccc;color:#fff; border:none;}
.btn-primary { background-color:#dd005c; color:#fff; border:none; margin-bottom:10px;}
.btn-primary:hover { background-color: #635f58; color:#fff; border:none;}
.show > .btn-primary.dropdown-toggle { background-color: #635f58; color:#fff; border:none;}
.show > .btn-primary.dropdown-toggle:focus { background-color: #dd005c; color:#fff; border:none;}
.btn-gris { background-color: #635f58; color:#fff;}
.btn-gris:hover { background-color:#dd005c; color:#fff;}
.btn-blanc { border:#fff 2px solid; color:#fff; font-weight:700; background: none;}
.btn-blanc:hover { border:#464442 2px solid; background-color:#fff;color:#464442;}
.btn-orange { background-color:#dd005c; color:#fff;}
.btn-orange:hover { background-color:#fff;color:#dd005c; }
@media only screen and (max-width: 576px) {
.btn-barreSup { padding:2px 10px; float-right;}
}
.btn-picto-theme { background-color:#dd005c; color:#fff; border:none; margin-bottom:10px;}
.btn-picto-theme:hover { background-color: #383434; color:#fff; border:none;}
#section2 .btn-picto-theme:hover { background-color: #cccccc; color:#fff; border:none;}
#section7 .btn-picto-theme { background-color: #cccccc; color:#fff; border:none;}
#section7 .btn-picto-theme:hover { background-color: #383434; color:#fff; border:none;} .wp-block-button { margin:40px auto; clear:both; text-align:center;}
.wp-block-button__link, .wp-block-button__link.btn-picto-theme { background-color:#dd005c; color:#fff; margin-top:30px;margin-bottom:10px;font-size:1.0em; display: inline-block; padding: 6px 12px; border:none;border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100;}
.wp-block-button__link:hover { background-color: #383434; color:#fff; border:none;} .photo-brightness img { filter: brightness(100%); -webkit-filter: brightness(100%);}
.photo-brightness img:hover { filter: brightness(50%);-webkit-filter: brightness(50%);}
.box-blog { position:relative; overflow:hidden;}
.box-blog-txt { position:absolute; top:0; left:0; opacity:0;}
.box-blog-txt:hover { opacity:1;} #box_real { background-color: #fff; padding-bottom: 10px;} #box_real .box_quaroillage { width:100%; margin-bottom:15px;}
#box_real figure { width:100%;position:relative;margin: 0; height:200px; overflow:hidden;}
#box_real figure.toutesReal { width:100%;position:relative;margin: 0; height:120px; overflow:hidden;}
#box_real img { width:140%; height:auto;vertical-align: middle; margin:auto;}
#box_real figure.zoom img {
width: 100%;
height: 220px;
object-fit:cover;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
#box_real figure.toutesReal.zoom img {
width: 100%;
height: 120px;
border:none;
border-radius:0;
object-fit:cover;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.transition {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#box_real figcaption { padding:5px;opacity:0;background-color: #eeeeee;text-align:center;position:absolute;top:0;left:0;right:0;}
@media screen and (max-width: 600px) {
figcaption {opacity:1;position: relative;}
}
figure:hover figcaption {transition:all 1s;opacity:1;} .wpcf7-text, .wpcf7-textarea {
display: block;
background-color:#fff;
background-image: none;
width: 100%;
padding: 10px;
margin-bottom:15px;
font-size: 18px; line-height: 1.30em; font-weight: 400; color: #383434;
border: 2px solid #cccccc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.wpcf7-text { height: 40px; color: #383434;}
.wpcf7-textarea { height: auto;line-height: normal;}
.wpcf7-form-control-wrap .wpcf7-text { height: 40px; color: #383434;}
.wpcf7-submit { font-size:1.0em; display: inline-block; padding: 6px 12px; cursor:pointer;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100; background-color:#dd005c; color:#fff; border:none; margin-bottom:10px;}
.wpcf7-submit:hover { background-color: #635f58; color:#fff; border:none;}
.wpcf7-response-output { font-size:1.0em; padding: 6px 12px; border:none;
border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-khtml-border-radius: 15px 15px 15px 15px;
-webkit-border-radius: 15px 15px 15px 15px;
z-index:100; background-color:#dd005c; color:#fff; border:none; margin-bottom:10px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border:none;}
.btn-primary, input[type="button"], input[type="reset"], input[type="submit"], .sp-services-section .sp-single-service .sp-service-icon, .button.add_to_cart_button, .wc-proceed-to-checkout .checkout-button.button, .price_slider_amount button[type="submit"] { background-color: #dd005c; color:#fff; border:none;}
input[type="button"]:hover { background-color: #dd005c; color:#fff; border:none;}
input[type="button"]:hover { background-color: #635f58; }
div.wpcf7-mail-sent-ok { border:none;} .wp-block-group.tableft_ud { float:left; width:45%;margin-right:10%;}
.wp-block-group.tabright_ud { float:left; width:45%;}
@media screen and (max-width: 576px) {
.wp-block-group.tableft_ud { float:left; width:100%;margin-bottom:20%;}
.wp-block-group.tabright_ud { float:left; width:100%;}
}