/*-------------------------*/
/*                         */
/*  STYLE.css pour WEB62   */
/*        4 pages          */
/*                         */
/*      1 Aout 2025        */
/*    a1                     */
/*-------------------------*/




/*  class  T1  image de a:hover  avec transistion */

 a:link     { color:#fff; text-decoration: none ;}
 a:visited  { color:#fff; text-decoration: none ;}
 a:hover    { color:red;  text-decoration:underline;}

 body       { margin:0px;}


/*----------------------------------  FOOTER ------*/

footer     {width: 100%;  height: 220px ;  background-color: #446 ;          z-index: 0 ;}
#img_01    {position:relative ;  top:60px  ; left:600px;border-radius:20px;  z-index: 1 ;}        /* DEVIS GRATUIT  */
#pt        {position:relative ;  top:50px  ; left:482px;color:#eee;          z-index: 2 ;}        /*   TELEPHONE    */
#img_02    {position:relative ;  top:140px ; left:-590px;                    z-index: 3 ;}        /*    FRANCE      */
#img_03    {position:relative ;  top:20px  ; left:380px;                     z-index: 4 ;}        /*    CHIEN 4     */
#p1        {font-size:16px; color:#fff;  margin: -80px;                      z-index: 5 ;}        /* code html css  */
#p2        {text-align:center;  font-size:28px; color:#AAA;                                    position: relative; bottom:-60px;                z-index: 6 ;} /*     CLOCK      */
#p3        {font-family:'arial';color:#fff; font-size:16px; text-align:center;                 position: relative; bottom:40px; left:-600px;    z-index: 7 ;} /*    Adresse     */
#article1  {width: 100%;  height: 40px ;  background-color: #000 ; margin-top:20px ;color:#fff;position: relative; bottom:30px;                 z-index: 8 ;} /*  BANDE NOIRE   */
#p5        {font-family:'arial';color:#eee; font-size:14px; text-align:center;                 position: relative; bottom:75px; left:480px;     z-index: 9 ;} /*   Copyright    */
#p4        {font-size:12px; color:#fff;  margin: 10px;                                         position: relative; bottom:-15px;                 z-index:10 ;} /* Made in France */

/*----------------------------------  End FOOTER End ------*/


/*---------------------------------------------------- NAV --------------*/
ul      { list-style: none;
           margin-top: 10px ;  }

.nav a  {  height: 14px;
       background: #800;
           margin: 0px;
          padding: 0px;
            color: white;
       text-align: center;
            color: #ff0;
       }

li     { display: inline-block;
         background-color: #855;
         font-size:18px;
         margin:0px;
       }

.box   {
         margin-bottom:15px;
         margin-left:20px;
         margin-right:30px;
         border-radius:30px;
         width: 170px;
         transition:
           width 1s,
           height 1s,
           background-color .5s,
           transform 1s;
       }

.box:hover {
            width:170px;
            background-color: #444;
            transform: rotate(2deg) ;
           }
.A  {
           width:80%;
           height:140px;
           border: 1px solid #000;
           margin-top:20px;
           border-radius:20px;
           background-color:#fffff1;
      }
.B  {
           width:80%;
           height:100px;
           border: 1px solid #000;
           margin-top:20px;
           border-radius:20px;
           background-color:#fffff1;
      }

#h3 , #h3a   {
           padding-left:80px;
           font-family: "calibri";
           font-size: 18px;
           margin:-2px;
           color:#a55;
             }

/*---------------------------------------------------- END NAV --------------*/

/*----------------------------------------------- COUT_01.png COUT_a.png ----- NAV APE --------------*/
li     { list-style: none;
         display:inline-block;
         margin-right:20px;

       }

#a1    { display:inline-block;
         width:260px;
         height:36px;
         border:1px solid black;
         margin:-5px;
         background-image: url(../res/cout_01.jpg);
       }
#a1:hover { background-image: url(../res/cout_02.jpg) ;}

#a2    { display:inline-block;
         width:260px;
         height:36px;
         border:1px solid black;
         margin:-5px;
         background-image: url(../res/colors_01.jpg);
       }
#a2:hover { background-image: url(../res/colors_02.jpg) ;}

#a3    { display:inline-block;
         width:260px;
         height:36px;
         border:1px solid black;
         margin:-5px;
         background-image: url(../res/contact_01.jpg);
       }
#a3:hover { background-image: url(../res/contact_02.jpg) ;}

#a4    { display:inline-block;
         width:260px;
         height:36px;
         border:1px solid black;
         margin:-5px;
         background-image: url(../res/constructions_01.jpg);
       }
#a4:hover { background-image: url(../res/constructions_02.jpg) ;}



/*------------------------------------------------ NAV APE End ----------*/