input[type=button]{
      -webkit-appearance: none;
      border-radius: 0;
    }

    a{
      -webkit-appearance: none;
      border-radius: 0;
    }

    @media (max-width : 800px) {

      .choix{
        display:none;
      }

      #long_menu{
        display:none;
      }

      .login_connexion{
        display:none;
      }

      .button_menu{
        display:block;
      }

    }

    @media (min-width :801px) {
      .button_menu{
        display: none;
      }

      #img_boudreault{
        width:350px;
        height:350px;
      }

      #long_menu{
        display:inline-block;
      }

      .login_connexion{
        display:flex;
      }

      #ul_menu{
        display:none;
      }
    }

    .button_menu:hover{
      cursor:pointer;
    }

    #ul_menu{
      display:none;
      position:fixed;
      right:0px;
      top:73px;
      transition-duration: 200ms;
      z-index:50;
      /*height:100%;*/
      padding:10px;
      width:200px;
      background-color:#3c3c3c;
      list-style-type:none;
      box-shadow:0px -1px 10px black;
      font-size:18px;
      color:#f2f2f2;
      float:right;
      z-index:99;
    }

    .button_menu:hover{
      cursor:pointer;
    }

    #ul_menu:hover{
      display:block;
    }

    .menu_option{
      border-bottom-style:solid;
      border-bottom-width:1px;
      border-bottom-color:#d2d2d2;
      padding:10px;
    }

    .menu_option:hover{
      background-color:#f2f2f2;
      cursor:pointer;
      color:#3c3c3c;
    }

          @media(max-width: 650px) {
            #div_categories {
              display:block;
              width:100%;
              border-right-style:none;
              background-color:#fcfcfc;
            }

            #d_p_main_div{
              width:calc( 100% );
              display:flex;
              flex-direction:row;
              flex-wrap:wrap;
              align-items:stretch;
              justify-content:space-around;
            }

            #cont_categories{
              width:100%;
            }

            .product_desc{
              font-family:Avenir,Poiret,Arial;color:#0a0a0a;margin-top:2px;margin-bottom:0px;font-size:14px;text-align:left;
            }

            .product_nb{
              font-family:Avenir,Poiret,Arial;font-weight:bold;color:#8d031d;margin-top:5px;margin-bottom:0px;font-size:16px;
            }

            .product_price{
              font-family:Avenir,Poiret,Arial;color:#3c3c3c;margin-top:2px;margin-bottom:0px;font-size:12px;text-align:left;
            }

            .product_image{
              width:150px;
              height:150px;
            }

            .div_item_product{
              margin:30px;
              margin-top:0px;
              width:150px;
              padding:5px;
              transition-duration: 100ms;
              border-style:solid;
              border-color:#ffffff;
              border-width:1px;
            }

          }

          @media(min-width: 651px){

            #div_categories {
              display:block;
              width:300px;
              border-right-style:solid;
              border-right-width:1px;
              border-right-color:#d2d2d2;
              background-color:#fcfcfc;
            }

            #cont_categories{
              width:300px;
            }

            #d_p_main_div{
              width:calc( 100% - 301px );
              display:flex;
              flex-direction:row;
              flex-wrap:wrap;
              align-items:stretch;
              justify-content:space-around;
            }

            .product_desc{
              font-family:Avenir,Poiret,Arial;color:#0a0a0a;margin-top:5px;margin-bottom:0px;font-size:16px;text-align:left;
            }

            .product_nb{
              font-family:Avenir,Poiret,Arial;font-weight:bold;color:#8d031d;margin-top:5px;margin-bottom:0px;font-size:18px;
            }

            .product_price{
              font-family:Avenir,Poiret,Arial;color:#3c3c3c;margin-top:5px;margin-bottom:0px;font-size:14px;text-align:left;
            }

            .product_image{
              width:225px;
              height:225px;
            }

            .div_item_product{
              margin:30px;
              margin-top:0px;
              width:225px;
              padding:5px;
              transition-duration: 100ms;
              border-style:solid;
              border-color:#ffffff;
              border-width:1px;
            }


          }

          #menu_categories:hover{
            cursor:pointer;
          }

          @font-face {
            font-family: Poiret;
            src: url(./boudreault/fonts/WorkSans.ttf);
          }

          *{
            font-family: Avenir,Poiret,arial;
          }

          @keyframes rotate360 {
            to { transform: rotate(360deg); }
          }

          .rot_img { animation: 2s rotate360 infinite linear; }

          .underlined{
            font-weight:lighter;
            font-family:Avenir,Poiret,Arial;
            width:90%;
            left:0px;
            right:0px;
            margin:auto;
            text-align:left;
            border-bottom-style:solid;
            border-bottom-width:1px;
            color:#5c5c5c;
            font-size:30px;
            border-bottom-color:#3c3c3c;
          }

          .normal{
            font-weight:normal;
            font-family:Avenir,Poiret,Arial;
            width:90%;
            left:0px;
            right:0px;
            margin:auto;
            text-align:center;
            color:#5c5c5c;
            font-size:20px;
            padding-bottom:30px;
          }



          .div_image{
            border-radius:20px;
            box-shadow: 1px 0px 3px #5c5c5c;
            overflow:hidden;
          }

          .menu_bar_start{
            background-color:#f2f2f2;
            position:fixed;
            left:0px;
            right:0px;
            top:0px;
            background-color:white;
            z-index:100;
            box-shadow:1px 0px 10px #1c1c1c;
            width:100%;
            height:90px;
            transition-duration: 200ms;
          }

          .main_section_3{
            display:inline-block;
            width:300px;
            height:400px;
            margin:20px;
          }

          .normal_h2{
            font-weight:bold;
            font-family:Avenir,Poiret,Arial;
            width:90%;
            left:0px;
            right:0px;
            margin:auto;
            text-align:center;
            color:#5c5c5c;
            font-size:20px;
            color:#374957;
            padding-top:10px;
          }

          .main_link:hover{
              text-decoration: underline;
              cursor:pointer;
              color:#afd600;
          }

          .boud_h2{
            font-weight:normal;
            font-family:Avenir,Poiret,Arial;
            text-align:center;
            font-size:35px;
            color:#8d031d;
            margin-bottom:0px;
          }

          .normal_h2_no_padding{
            font-weight:lighter;
            font-family:Avenir,Poiret,Arial;
            text-align:center;
            font-size:20px;
            color:#3c3c3c;
            margin-bottom:0px;
          }

          .normal_h3{
            font-weight:lighter;
            font-family:Avenir,Poiret,Arial;
            width:200px;
            height:200px;
            left:0px;
            right:0px;
            margin:auto;
            text-align:center;
            color:#5c5c5c;
            font-size:16px;
            padding-top:10px;
            word-wrap: break-word;
            word-break: break-word;
          }

          h3{
            font-weight:lighter;
            font-family:Avenir,Poiret,Arial;
            color:#5c5c5c;
            font-size:16px;
            padding-top:10px;
            word-wrap: break-word;
            word-break: break-word;
          }

          input[type=button]{
            padding-top:10px;
            padding-bottom:10px;
            padding-left:20px;
            padding-right:20px;
            outline:none;
            color:#8d031d;
            background-color:white;
            border-style:solid;
            border-width:2px;
            text-align:center;
            font-weight:bold;
            border-color:#8d031d;
          }

          input[type=button]:hover{
            color:white;
            background-color:#8d031d;
            border-color:#8d031d;
            cursor:pointer;
          }

          h1{
            font-family:Avenir,Poiret,arial;
            font-weight:normal;
            margin-bottom:50px;
            color:#5c5c5c;
          }

          h1:before, h1:after {
            position: absolute;
            top: 51%;
            overflow: hidden;
            width: 30%;
            height: 1px;
            content: '\a0';
            background-color: #acacac;
          }

          h1:before {
            margin-left: -35%;
            text-align: right;
          }

          h1:after {
            margin-left: 5%;
            text-align: left;
          }
          .color {
            background-color: #5c5c5c;
          }

          h1 {
            position: relative;
            font-size: 30px;
            z-index: 1;
            overflow: hidden;
            text-align: center;
          }

          .button_round{
            display:inline-block;
            height:20px;
            width:20px;
            border-radius:20px;
            background-color:#c2c2c2;
            margin:2px;
          }

          .button_round:hover{
            background-color:#8d031d;
            cursor:pointer;
          }


          .sub_menu_header{
            color:#8d031d;
            font-weight:bold;
            font-size:18px;
          }

          .sub_menu_list{
            font-weight:lighter;
            font-size:14px;
          }

          .sub_menu_list_hoverable{
            font-weight:lighter;
            font-size:14px;
          }

          .sub_menu_list_hoverable:hover{
            color:#afd600;
            cursor:pointer;
            font-weight:bold;
          }

          .div_item_product:hover{
            box-shadow: 0px 1px 5px #e2e2e2;
            cursor:pointer;
            border-style:solid;
            border-color:#d2d2d2;
            border-width:1px;
          }





          a{
            color:#5c5c5c;
            text-decoration:none;
            transition-duration: 300ms;
          }

          a:visited{
            color:#5c5c5c;
            text-decoration:none;
          }

          a:hover{
            text-decoration: underline;
          }

          a.bottom {
            color:white;
            text-decoration:none;
          }

          a.bottom:hover{
            color:#afd600;
            text-decoration:none;
          }

          a.bottom:visited{
            color:white;
            text-decoration:none;
          }

          a.red {
            color:#8d031d;
            text-decoration:none;
            font-weight:bold;
            font-size:18px;
          }

          a.red:hover{
            color:#afd600;
            text-decoration:none;
            font-weight:bold;
          }

          p.red:hover{
            color:#afd600;
            text-decoration:none;
            font-weight:bold;
          }

          a.red:visited{
            color:#8d031d;
            text-decoration:none;
            font-weight:bold;
          }

          .arrow_down {
            border: solid black;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
          }

          .arrow_up {
            border: solid black;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 3px;
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
          }

          td .td_border_bottom{
            border-bottom-style: solid;
            border-bottom-width:1px;
            border-bottom-color:#d2d2d2;
          }

          #p_info_div td{
            padding-left: 10px;
            padding-right:10px;
          }

          .button:hover{
            cursor:pointer;
          }


.carte_nouvelle{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  max-height:250px;
  background-color:white;
  box-shadow:0px 0px 10px rgba(75,75,75,0.3);
  margin:10px;
  min-width:300px;
}

.carte_nouvelle:hover{
  background-color:#f6f6f6;
  cursor:pointer;
}