.clear{
clear: both;
}
.gauche{
width: 30%;
float: left;
}
.droite{
float: left;
width: 66%;
margin-left: 4%;
}
.grand{
font-size: 150%;
}
.jaune{
color: #ffd800;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
color: #ffd800;
}
.woocommerce ul.products li.product .price{
display:none;
} .et_fullwidth_nav #top-menu li.mega-menu > ul{
display:flex;  flex-wrap: wrap;
padding: 60px 10px 25px;
margin-top:15px;
}
#top-menu li{
padding-bottom: 25px;
}
#top-menu li.mega-menu > ul > li > a:first-child{
border-bottom: 1px solid #ffd800;
margin:25px 0 0;
}
#top-menu .mega-menu li a{
margin:0;
padding:0!important;
}
.nav li ul.sub-menu{
margin-top:15px;
}
#top-menu li.mega-menu li > ul{
width:98%!important;
}
.nav li ul { width:300px;
}
#top-menu li li a{
width:290px;
} .et_header_style_centered #main-header .logo_container{
height: auto;
display:none;
}
.et_header_style_centered #top-menu > li > a{
padding-bottom: 0;
}
.et_header_style_centered #main-header div#et-top-navigation{
padding-top: 17px;
}
.et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #top-header{
position: fixed;
color: #1f1f1f;
font-size: 1em;
width: 420px;
right: 0;
left: initial;
top: 57px;
padding: 0 20px;
z-index:90;
}
#et-secondary-menu{
display: none;
}
#main-header{
top: 0!important; }
#top-header a{
color: #1f1f1f;
}
#top-header .container{
width: 95%;
} #lastLogos .et_pb_image{
width: 14.28%;
display: inline-block;
}
.home .et_pb_section_2{
border: 1px solid lightgrey;
}
#lastLogos{
border-bottom: 1px solid lightgrey;
}
#activites p{
font-size: 16px;
}
#activites p.secteur{
font-size: 1.8em;
}
#activites .one_half{
margin-right:2%;
}
#activites a{
color:#000;
}
#quatreBoutons .et_pb_button{
width: 250px;
height: 250px;
border: none;
color: #1f1f1f;
padding-top: 40px!important;	
}
#quatreBoutons .et_pb_button_0{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/bt_qui.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_1{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/bt-heidenhain.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_2{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/BT-solution.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_3{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/BT-services.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_0:hover{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/bt_qui_hover.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_1:hover{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/bt-heidenhain_hover.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_2:hover{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/BT-solution_hover.png) center center no-repeat;
}
#quatreBoutons .et_pb_button_3:hover{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/BT-services_hover.png) center center no-repeat;
}
#basAccueil .et_pb_button{
width: 230px;
height: 230px;
color: #1f1f1f;
border: none;
border-radius: 20px;
padding-top: 20px!important;
}
#basAccueil .et_pb_button_4{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/a-saisir.png) center bottom no-repeat #ffd800;
text-align: center;
}
#basAccueil .et_pb_button_5{
background: url(//www.ratmo.com/wp-content/themes/Divi-child/img/medias.png) center bottom no-repeat #97a0ab;
text-align: center;
}
#basAccueil .et_pb_button:hover{
opacity: 0.8;
}
#machineMois .products .et_shop_image, #machineMois .products h3{
float: left;
width: 50%;
}
#home_actu .et_pb_slide_description{
background: rgba(255, 255, 255, 0.54);
width: 40%;
padding: 20px;
text-align: left;
display: flex;
flex-direction: column;
margin: 40px 0 40px auto;
}
#home_actu .et_pb_more_button {
color:red;
margin:10px auto;
}
#machine_du_moi img{
max-height:157px;
width:auto;
float: left;
margin: 10px 10px 10px 0;
}
#machine_du_moi article{
margin:0;
}
.bt_retour{
background:#272d33;
padding:10px;
}
#entete_actue .et_pb_slide_description{
text-align:center;
} #side_contact h2{
color:#fff;
font-weight:600;
}
#side_contact hr {
border:1px solid #ffd800;
margin:0;
border-width:0 0 1px 0;
}
#side_contact p{
margin:10px 0 0;
color:#fff;
}
.et_pb_column_single{
background-color: #a9a9a9;;
color: #fff;
padding: 25px 0;
}
#nav_menu-2 h4, #nav_menu-3 h4{
font-size:1.5em;
font-weight:600;
}
#nav_menu-2 ul.menu>li, #nav_menu-3 ul.menu>li{ overflow: hidden;
-webkit-transition: all 2s; transition: all 2s;
}
#nav_menu-2 ul.menu>li:hover, #nav_menu-3 ul.menu>li:hover{
height:auto; }
#nav_menu-2 li a{
display:block;
-webkit-transition: all 2s; transition: all 2s;
}
#nav_menu-2 li a:hover{
background-color:#fff;
}
.et_pb_widget_area_right{
padding:0 30px;
} #text-2 p{
line-height: 2em;
padding-top: 20px;
}
#footer-widgets{
padding: 2% 0 0;
}
.et_pb_gutters3 .footer-widget{
margin: 0 5.5% 1.5% 0;
} .secteurIcone{
}
.single-product table td{
width: 33%!important;
}
table.cart th, #main-content table.cart th, table.cart td, #main-content table.cart td, table.cart tr, #main-content table.cart tr, #content-area table tr, #content-area table td, #content-area table th{
max-width: 100%;
padding:0;
}
#content-area table td, #content-area table th{
padding:10px;
text-align: center;
}
#content-area table td{
background-color: #ffd800;
}
#content-area table th{
background-color: #000;
color: #fff;
}
#formulaire .et_pb_contact_right{
color:#fff;
}
.bt_solution{
width:100%;
}
#formulaire .et-pb-contact-message{
color:#fff;
} .produits{
border: 8px #000 solid;
padding: 25px;
}
.droite h1{
}
.produits .secteurIconeWrapper{
display:flex;
color: rgba(10,10,10,0);
margin:0 0 15px;
}
.produits .secteurIcone {
width:50px;
height:50px;
margin: 0 10px 0 0;
}
.produits .aerospatial{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/aerospatial_50.png) no-repeat top left;
}
.produits .mecaniquePrecision{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/mecanique_50.png) no-repeat top left;
}
.produits .moulage{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/moulage_50.png) no-repeat top left;
}
.produits .medical{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/medical_50.png) no-repeat top left;
}
.produits .energie{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/energie_50.png) no-repeat top left;
}
.produits .defense{
background:url(//www.ratmo.com/wp-content/uploads/2017/03/defense_50.png) no-repeat top left;
}
.produits h2{
font-size:1.2em;
font-weight: 700;
}
.produits .clear{
clear: both;
}
.produits .gauche{
width: 30%;
float: left;
}
.produits .droite{
float: left;
width: 67%;
margin-left: 3%;
}
.produits .droite img{
max-width:510px;
width:100%;
}
.woocommerce ul.products{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.woocommerce.columns-5 ul.products li.product{
width: 23%;
background-color: #282d33;
padding: 10px;
margin: 0 1% 25px;
color:#fff;
}
.woocommerce ul.products h3{
color:#fff;
}
.woocommerce ul.products h4{
color:#fff;
font-size:0.8em;
font-weight:100;
}
.et_pb_column_3_4 .et_pb_row_inner {
padding: 0 0;
}
.woocommerce-breadcrumb{
display:none;
}
.post-meta{
display:none;
}
.et_post_meta_wrapper img{
display:none;
}
.breadcrumbs{
margin :0 0 0 25px;
font-size: 0.7em;
}
.woocommerce ul.products li.product h3{
display:none;
} @media (min-width: 981px){
.et_fullwidth_nav #main-header .container{
padding-left: 0;
padding-right: 0;
}
.et_header_style_centered #logo{
max-height: 100%;
min-width: 100%;
}
#page-container {
padding-top:102px !important;
}
#main-header {
top: 0px !important;
}
}
@media (max-width: 980px){
#lastLogos .et_pb_image{
width: 25%;
}
.et_fixed_nav #top-header{
display:none;
}
.et_header_style_centered header#main-header .logo_container{
display:none;
}
.et_pb_row {
width: 95%!important;
}	
}
@media (max-width: 479px){
h1{
font-size: 1.7em!important;
line-height: 1!important;
}
#lastLogos .et_pb_image{
width: 100%;
}
.produits {
border: 2px #000 solid;
padding: 5px;
margin: 0 0 20px;
display:flex;
flex-direction:column;
}
.produits .gauche {
width:100%;
}
.produits .droite{
width:100%;
}
#main-content .container {
width:95%;
}
p {
font-size: 0.9em;
line-height:1.1;
}
.les-pictos .et_pb_column {
display: flex;
flex-direction: column;
}
.les-pictos>div>div{
width:100%;
}
h2 {
font-size:1.5em;
}
}