body {
height: 100%;
margin: 0;
padding: 0;
min-width: 450px;
font-family: 'Arial', sans-serif;
background-size:cover;
background: #d1d0d0 no-repeat;
}
#home_btn{
width:100%;
height:100%;
display:block;
position:absolute;
margin:0 -15px;
}
#header_site{
position:relative;
}
html {
height: 100%;
}
img {
max-width: 100%;
}
#wrapper{
min-height: 100%;
height: auto !important;
margin: 0 auto -200px auto;
}
.push {
height: 200px;
} header {
height: 171px;
background-size: cover;
background: url(//www.precision-mecanique-duc.fr/wp-content/themes/custom_arthesis/images/header1.png) no-repeat center;
}
#logo {
color: #fff;
font-weight: 800;
font-size: 26px;
margin-top: 40px;
text-shadow: 2px 2px #000;
}
#sous-logo {
color: #fff;
font-weight: 700;
font-size: 18px;
margin-top: 0;
text-shadow: 1px 1px #000;
}
#slider{
background-color:#ccc;
height:385px;
}
.carousel-image{
height:385px;
width:100%;
background-size:cover;
background-position:center center;
}
.carousel-caption{
top:150px;
bottom:auto;
width:50%;
left:25%;
right:25%;
background-color:rgba(28,141,207,0.8);
font-size:30px;
text-transform:uppercase;
padding:10px 0;
line-height:30px;
text-shadow: none;
}
.carousel-caption_sub{
top:150px;
background-color:rgba(255,255,255,0.8);
color:#000;
font-size:14px;
text-shadow: none;
} .home h1,
h1{
text-align: center;
margin: 40px 0 30px 0;
font-weight: 500;
font-size:24px;
text-transform:uppercase;
}
h2{
font-size:18px;
margin:0 15% 20px 15%;
text-align:center;
}
h4 {
margin-bottom: 40px;
font-size: 20px;
} #menu-content {
background-color: #224397;
padding:0;
}
#menu-content .container,
#container_main_menu{
padding:0;
}
#main_menu > li > a{
font-weight:bold;
text-transform:uppercase;
padding:10px 30px;
}
#main_menu > li > .dropdown-menu {
border: 0;
background-color: #ffdd50;
border-radius: 0;
}
.dropdown-menu > li > a {
line-height: 30px;
font-size: 12px;
text-align: left;
}
.dropdown-menu > li > a:hover {
background-color: #676562;
color: #fff;
}
.dropdown-menu{
box-shadow: none;
padding:0;
}
#main_menu {
width: 100%;
}
#main_menu li {
text-align: center;
}
#main_menu > li > a:hover,
#main_menu > li > a:active,
#main_menu > li > a:focus,
#main_menu > .dropdown.open > a {
color: #000;
background-color: #ffdd50;
}
.open > a:hover{
background-color: #ffdd50;
}
.navbar-toggle{
border-color:#fff;
}
.navbar-toggle .icon-bar{
background-color:#fff;
} a {
text-decoration: none;
color: #fff;
}
a:hover,
a:active,
a:focus {
text-decoration: none;
color: #fff;
} #main_content {
background-color: #fff;
padding-bottom: 50px;
} footer {
height: 200px;
background-color: #224397;
color: #fff;
}
#footer address{
margin-top:30px
}
footer p {
margin: 160px 50px 20px 0;
padding-left: 0;
}
#logo-footer {
position: absolute;
margin-top: 28px;
} #contact {
font-size: 20px;
padding: 20px 0;
}
iframe {
margin-top: 40px;
} #page-erreur {
padding-top: 80px;
text-align: center;
} #moyens_dusinage th {
background-color: #ffdd50;
font-size: 18px;
font-weight: 700;
width: 25%;
border-right: 15px solid #fff; 
text-align: center;
}
#moyens_dusinage {
width: 100%;
}
#moyens_dusinage strong{
margin-left:20px;
}
#moyens_dusinage ul ul{
padding:0 0 0 15px;
}
#moyens_dusinage ul ul li{
list-style:none;
}
#moyens_dusinage ul ul li::before{
content:"- ";
} .image_border {
display: inline-block;
float:left;
margin-left:-15px;
}
.image_border .image_border_content {
display: inline-block;
position: relative;
padding: 0 0 0 25px;
background-color: #22bfd4;
margin-left: -12px;
width: 100%;
}
.image_border .image_border_content:before {
content: " ";
display: block;
position: absolute;
left: 0;
top:-14px;
border-bottom: 14px solid #26a8ba;
border-left: 12px solid transparent;
}
.image_border .image_border_content.rouge{
background-color: #ed252e;
}
.image_border .image_border_content.rouge::before{
border-bottom: 14px solid #cc2328;
}
.image_border .image_border_content.jaune{
background-color: #ffdd50;
}
.image_border .image_border_content.jaune::before{
border-bottom: 14px solid #fac14e;
} #main_image_border_full{
color:#fff;
margin-top:20px;
}
.image_border_full .image_border_full_content {
display: inline-block;
position: relative;
background-color: #949391;
margin-left: -27px;
width: 825px;
}
.image_border_full .image_border_full_content:before {
content: " ";
display: block;
position: absolute;
left: 0;
top: -14px;
border-bottom: 14px solid #7c8381;
border-left: 12px solid transparent;
}
.image_border_full .image_border_full_content:after {
content: " ";
display: block;
position: absolute;
right: 0;
transform: rotate(270deg) ;
-webkit-transform: rotate(270deg) ;
-moz-transform: rotate(270deg) ;
-o-transform: rotate(270deg) ;
-ms-transform: rotate(270deg) ;
top: -13px;
border-top: 14px solid #7c8381;
border-right: 12px solid transparent;
}
.image_border_full_content.text-center{
padding-top:20px;
padding-bottom:20px;
margin-top:100px;
} @media screen and (max-width: 768px) {
#logo,
#sous-logo{
text-align: center;
}
footer p {
margin-top: 140px
}
#main_menu{
margin:0;
padding:0;
}
}
@media screen and (min-width: 992px) {
#main_content,
#footer{
width: 800px;
}
}
@media screen and (max-width: 992px) {
.image_border_full .image_border_full_content{
width:100%;
margin-left:0;
text-align:center;
}
.image_border_full .image_border_full_content::before,
.image_border_full .image_border_full_content::after{
display:none;
}
.container {
width: 100%;
}
.navbar-nav>li>a {
font-size: 12px;
}
.carousel-caption{
width:75%;
left:12.5%;
right:12.5%;
}
}