@charset "utf-8";


body{
    

	font-family:Times New Roman, Cambria, Hoefler Text, Liberation Serif, Times,  serif;
	background-color:#BCB8B0;
}
      
                
  
        

   
/*NAVIGATEUR TOUTE PAGES*/

            nav{
                width: 1280px;
                background-color: #424558;
            }
            nav >ul{
                margin:0px;
                padding:0px;
            }
            nav >ul::after{
                content:"";
                display:block;
                clear: both;
            }
            nav >ul >li{
                float:left;
                position: relative;
            }
            nav li{
                list-style-type: none;
            }
            .sousmenu{
                display: none;
            }
            nav >ul >li >a{
                padding: 20px 30px;
                color: #FFFFFF;
            }
            nav >ul >li:hover a{
                padding:15px 30px 20px 30px;
            }
            nav a{
                display: inline-block;
                text-decoration: none;
            }
            nav li:hover .sousmenu{
                display: inline-block;
                position: absolute;
                top: 100%;
                left: 0px;
                padding: 0px;
                z-index: 1000;
            }
            .sousmenu li{
                border-bottom: 1px solid #ccc;
                
            }
            .sousmenu li a{
                padding: 15px 30px;
                font-size:13px;
                color: #222538;
                width: 270px;
            }
            .menu-php:hover{
                border-top: 5px solid #e44d26;
                background-color: rgba(228,77,38,0.15);
            }
            .menu-electrique:hover{
                border-top: 5px solid #4794f3;
                background-color: rgba(202,202,202,0.15);
            }
            .menu-climatisation:hover{
                border-top: 5px solid #b8e5f7;
                background-color: rgba(152,217,243,0.15);
            }
            .menu-plomberie:hover{
                border-top: 5px solid #29c5ae;
                background-color: rgba(000,112,192,0.15);
            }
            .menu-solaire:hover{
                border-top: 5px solid #e2e614;
                background-color: rgba(241, 227, 34, 0.15);
            }
            .menu-minipelle:hover{
                border-top: 5px solid #29db05;
                background-color: rgba(241, 227, 34, 0.15);
            }
            .menu-divers:hover{
                border-top: 5px solid #bbb;
                background-color: rgba(220,220,220,0.15);
            }
            .menu-publicité:hover{
                border-top: 5px solid #bbb;
                background-color: rgba(220,220,220,0.15);
            }
            .menuquinoussomme:hover{
                border-top: 5px solid #bbb;
                background-color: rgba(220,220,220,0.15);
            }
            .menu-php .sousmenu{
                background-color: rgb(230,100,40);	
            }
            .menu-electrique .sousmenu li{
                background-color:#388cda ;
            }
            .menu-climatisation .sousmenu li{
                background-color:#AFCCE7 ;
            }
            .menu-plomberie .sousmenu li{
                background-color:#AFCCE7 ;
            }
            .menu-solaire .sousmenu li{
                background-color:#AFCCE7 ;
            }
            .menuquinoussomme .sousmenu li{
                background-color:#AFCCE7; 
            }
            .menu-minipelle .sousmenu li{
                background-color:#AFCCE7; 
            }
            .menu-contact:hover{
                border-top: 5px solid #bbb;
                background-color: rgba(220,220,220,0.15);
            }

            .sousmenu li:hover a{
                color: #EEE;
                font-weight: bold;	
            }
            .menu-html  li :hover{
                background-color: rgb(210,77,60);
            }
					
	
            /* fin navigateur toutes les pages*/