div#bandeau {
	width:744px;
	height:117px;
	background-color:#FFFFFF;
	}
div#contenu {
	width:744px ;
	height:450px;
	background-color:#FFFFFF;
	}
h1 {
font-size: 16px;
font-family: "arial",verdana;
     font-weight:bold;
     
      line-height: 20px;
      color:   #006DB2;
      margin: 10px 0px 0px 10px ;

}
  h2 {    font-size: 14px;
font-family: "arial",verdana;
     font-weight:bold;
     margin-bottom:2px;

      color:   #006DB2;

      }
   div#columna_left  { width :540px;
   height:40px;
   color:#414D55;
    text-align:justify;
	padding-top:25px;
   }
   div#columnb_left { width : 540px;


    color:#414D55;
    text-align:justify;
   }
   div#column_right {width: 160px;

   height:160px;
    padding-top:10px;
    padding-left:5px;
    padding-right:5px;
   float:right;
   margin-right:5px;
    border-width:2px;
   text-align:center;
   font-size:13px;

   font-family: "arial",verdana;
position:relative;
bottom:0px;
right:10px;
border-style:solid;


border-color:  #009AB2;
   }
     div#column_bas {

   margin-top:10px;
   }
       div#column_bas2 {   padding-left:25px;
	   padding-top:10px;
	   position:relative;
	   right:15px;
	   bottom:10px;


   }
   div#gris1     {     display:block;
     font-family: "arial",verdana;
    text-align:center;
    font-size:12px;
     width:160px;
    height:160px;
     background-color:  #ecedee;



      color: #414D55;



   }
   div#gris2 {    display:block;
     font-family: "arial",verdana;

     font-size:12px;
     text-align:center;
   width:160px;
     height:160px;
     background-color:  #ecedee;

          color: #414D55;



      }
      div#gris3 {       display:block;
     font-family: "arial",verdana;

     font-size:12px;
     text-align:center;
   width:160px;
     height:160px;
     background-color:  #ecedee;

          color: #414D55;
        }
        div#gris4 {       display:block;
     font-family: "arial",verdana;

     font-size:12px;
     text-align:center;
   width:160px;
     height:160px;
     background-color:  #ecedee;

          color: #414D55;
        }
        .vide {
          width:14px;
        }
         .image {
           width:45px;
           margin:10px;

         }
         .texte1 {
           width:460px;
           padding-bottom:15px;
           color: #414D55;
           font-family: "arial",verdana;
           font-size:12px;
           padding-right:50px;
           text-align:justify;
         }
div#cles{

position:relative;
left: 200px;
width:40px;
  font-family: "arial",verdana;
  background-color:  #ecedee;
}
div#clesg{



width:600px;
  font-family: "arial",verdana;
  background-color:  #ecedee;
}


.bouton {
width: 70px; 
height: 30px;
 border: none; 
 cursor: pointer;
  background: url("../images/contact1.png") no-repeat left top;

}
.bouton:hover {
  WIDTH:140px;
  height:30px;
	background-image :url("../images/contact1.png");
	border: 1px solid #009900;
}


   div#menu {
	height: 40px;
	width: 140px;
	position:relative;
	right:20px;
	top:13px;

	
}
div#menu li {
    height: 40px;
    width: 140px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;

    list-style-type: none;
    background-image: url(../images/contact1.jpg);
    background-repeat: no-repeat;
}
div#menu li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#menu li a:hover {
    font-weight: bold;
    background-image: url(../images/contact2.jpg);
      background-repeat: no-repeat;
    color: red;
}





    div#menub {
      height: 40px;
    width: 40px;
    position:relative;
    right:35px;
    }
div#menub li {
    height: 40px;
    width: 40px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;

    list-style-type: none;
    background-image: url("../images/confortweb.jpg");
    background-repeat: no-repeat;
}
div#menub li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#menub li a:hover {
    font-weight: bold;
    background-image: url("../images/confortweb2.jpg");
      background-repeat: no-repeat;
    color: red;
}





    div#menuc {
      height: 40px;
    width: 40px;
    position:relative;
    right:35px;
    }
div#menuc li {
    height: 40px;
    width: 40px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;

    list-style-type: none;
    background-image: url("../images/multiweb.jpg");
    background-repeat: no-repeat;
}
div#menuc li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#menuc li a:hover {
    font-weight: bold;
    background-image: url("../images/multiweb2.jpg");
      background-repeat: no-repeat;
    color: red;
}



       div#dalilon {
	height: 40px;
	width: 160px;
	position:relative;
	right:10px;
	bottom:40px;
	top: 2px;

    }
div#dalilon li {
    height: 40px;
    width: 160px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;

    list-style-type: none;
    background-image: url("../images/dalilon1.jpg");
    background-repeat: no-repeat;
}
div#dalilon li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#dalilon li a:hover {
    font-weight: bold;
    background-image: url("../images/dalilon4.jpg");
      background-repeat: no-repeat;
    color: red;
}



       div#karno {
	height: 40px;
	width: 130px;
	position:relative;
	right:10px;
	top:0px;

    }
div#karno li {
    height: 40px;
    width: 130px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;

    list-style-type: none;
    background-image: url("../images/karno1.jpg");
    background-repeat: no-repeat;
}
div#karno li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#karno li a:hover {
    font-weight: bold;
    background-image: url("../images/karno4.jpg");
      background-repeat: no-repeat;
    color: red;
}

       div#remio {
	height: 40px;
	width: 130px;
	position:relative;
	right:10px;
	bottom:0px;

    }
div#remio li {
    height: 40px;
    width: 130px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;

    list-style-type: none;
    background-image: url("../images/remio1.jpg");
    background-repeat: no-repeat;
}
div#remio li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#remio li a:hover {
    font-weight: bold;
    background-image: url("../images/remio4.jpg");
      background-repeat: no-repeat;
    color: red;
}





 div#elsis {
	height: 40px;
	width: 130px;
	position:relative;
	right:16px;
	bottom:0px;

    }
div#elsis li {
    height: 40px;
    width: 130px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: center;

    list-style-type: none;
    background-image: url("../images/elsis1.jpg");
    background-repeat: no-repeat;
}
div#elsis li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#elsis li a:hover {
    font-weight: bold;
    background-image: url("../images/elsis2.jpg");
      background-repeat: no-repeat;
    color: red;
}




   div#catalog {
	height: 40px;
	width: 300px;
	position:relative;
	left:100px;
	bottom:17px;
	

    }
div#catalog li {
    height: 40px;
    width: 300px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    text-align: left;

    list-style-type: none;
    background-image: url("../images/catalogfr1.jpg");
    background-repeat: no-repeat;
}
div#catalog li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

div#catalog li a:hover {
    font-weight: bold;
    background-image: url("../images/catalogfr2.jpg");
      background-repeat: no-repeat;
    color: red;
	}
	div#CC1 {
	margin:auto;
	font-family: Arial, Helvetica, sans-serif;
	width:600px;
	
	
	}
	
	div#CC2 {
	
	width: 100px;
	height: 100px;
	background-color: #ecedee;
	padding:5px
	}
	div#CC3 {

	width: 100px;
	height: 100px;
	background-color: #ecedee;
	padding:5px ;
	}
	div#CC4 {

	width: 100px;
	height: 100px;
	background-color: #ecedee;
	padding:5px
	}
	
	div#case1 {width:650px;
	height:25px;
	background-color: #ecedee;
	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;

	}
   div#case2
	{ width:300px;;
	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;
	}
	div#case3 { width: 50px;

	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;
	}
	.case1{width:650px;
	height:25px;
	background-color: #ecedee;
	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;
	
	}
	 .case2
	{ width:300px;;
	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;
	}
	.case3 { width: 50px;

        	font-family: Arial, Helvetica, sans-serif;
	color: #414D55;
	}
.cles { width:20px;
	}
div.clesg {width:600px;
  font-family: "arial",verdana;
  background-color:  #ecedee;}
  
  .tab1{float:left;
   font-family: "arial",verdana;
   color:#414D55;
   width:480px;
   text-align:justify;
   font-size:13px;

   }
 .tab2{
 font-family: "arial",verdana;
 float: right;
 width: 100px ;
 text-align:center;
  margin-top:30px;


}
div#block{
 width:600px;
 height:auto;

   margin:auto ;

  font-family: "arial",verdana;
   color:#414D55 ;
   font-size:12px

}
.intro {width:auto;

    background-color:  #ECEDEE;
    }
a
{text-decoration:underline;}

a:hover
{font-weight:bold;}

.titre { color:  #006DB2;
   font-family: "arial",Helvetica;
   font-size:28px;
   text-align:center;
   font-weight:normal;

   }
div#block2{
 width:500px;
 height:auto;

   margin:auto ;

  font-family: "arial",verdana;
   color:#414D55 ;
   font-size:12px
}
 div#menuprod {width:auto;
 height:25px;
 margin-bottom:15px;



    }
    .prod1 {
        width:200px;
      font-size: 16px;
font-family: "arial",verdana;
     font-weight:normal;
       text-align:center;
      line-height: 30px;
      color:   #edac00;
      margin-left:10px;
      margin-right:10px;
      padding-left:10px;
      padding-right:10px;
      text-decoration:none;
      font-weight:bold;
       border-style:solid;
       border-color:#edac00;
       border-width:1px;

    }
    .prod2 {
      font-size: 16px;
font-family: "arial",verdana;
     font-weight:bold;
        width:200px;

       background-color:#edac00;
      line-height: 20px;
      color:   white;
      margin-left:20px;
      margin-right:20px;
         padding-left:15px;
      padding-right:15px;
    }

    .prod1:hover {
     text-decoration:underline;
     background-color:#edac00;
     color:   white;
            }
   .prod2:hover {
     text-decoration:underline;}
     
         .prodk {
            width:200px;
      font-size: 16px;
font-family: "arial",verdana;
     font-weight:normal;
       text-align:center;
      line-height: 30px;
      color:   #1A74C0;
      margin-left:10px;
      margin-right:10px;
      padding-left:10px;
      padding-right:10px;
      text-decoration:none;
      font-weight:bold;
       border-style:solid;
       border-color:#1A74C0;
       border-width:1px;

    }
    .prodk2 {
       font-size: 16px;
font-family: "arial",verdana;
     font-weight:bold;
        width:200px;

       background-color:#1A74C0;
      line-height: 20px;
      color:   white;
      margin-left:20px;
      margin-right:20px;
         padding-left:15px;
      padding-right:15px;


    }
    .prodk:hover {
      text-decoration:underline;
     background-color:#1A74C0;
     color:   white;
              }
   .prodk2:hover {
     text-decoration:underline;}
    .titrek { color:  #1A74C0;
   font-family: "arial",Helvetica;
   font-size:28px;
   text-align:center;
   font-weight:normal;
   }

   
   .prodr {
            width:200px;
      font-size: 16px;
font-family: "arial",verdana;
     font-weight:normal;
       text-align:center;
      line-height: 30px;
      color:   #677B85;
      margin-left:10px;
      margin-right:10px;
      margin-bottom:10px;
      padding-left:10px;
      padding-right:10px;
      text-decoration:none;
      font-weight:bold;
       border-style:solid;
       border-color:#677B85;
       border-width:1px;

    }
    .prodr2 {
       font-size: 16px;
font-family: "arial",verdana;
     font-weight:bold;
        width:200px;

       background-color:#677B85;
      line-height: 20px;
      color:   white;
      margin-left:20px;
      margin-right:20px;
         padding-left:15px;
      padding-right:15px;


    }
    .prodr:hover {
      text-decoration:underline;
     background-color:#677B85;
     color:   white;
              }
   .prodr2:hover {
     text-decoration:underline;}
    .titrek { color:  #677B85;
   font-family: "arial",Helvetica;
   font-size:28px;
   text-align:center;
   font-weight:normal;
   }
   
   
   

  .casegris{   page-break-after:avoid;
    text-decoration:none;
  font-size:14px;
  font-weight:normal;
  font-family: "arial",verdana;
  
   position:relative;
  bottom:7px;}

  .casegris :hover{text-decoration:none ;
  font-size:13px;

  }

  .proda {
      font-size: 16px;
font-family: "arial",verdana;
     font-weight:bold;
        width:200px;

       background-color:#006633;
      line-height: 20px;
      color:   white;
      margin-left:20px;
      margin-right:20px;
         padding-left:15px;
      padding-right:15px;
    }