body
{
    margin: 0;
    background-color: rgb(9,24,51);
    font-family: arial;
}
h1
{
    width: 650px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: x-large;
    font-weight: bold;
    color: #000C42;
}

#page
{
   
    width: 1000px;
    margin:0px auto;
}
#contenutable
{
    min-width: 1000px;
}
#logo
{
    width: 1000px;
    height: 120px;
    background-color: white;
}
#logo img
{
    width: 1000px;
    height: 120px;
}
#image
{
    float: left;
    height: 100px;
}
#drapeaux
{
    float: left;
    text-align: left;
    width: 300px;
    height: 60px;
}
.drapeau
{
    float: left;
    text-align: center;
    width: 70px;
    color: #e46c0a;
    font-size: 12px;
}
.drapeau img
{
    width: 35px;
    padding-top: 2px;
}
#logodrapeau
{
    float: left;
    width: 200px;
}
#coordonnees
{
    width: 1000px;
    
    text-align: left;
    
    height: 21px;
    text-transform: uppercase;
    font-weight: bold;
    color: #e46c0a;
    font-size: 15px;
}
#contact
{
    float: left;
    width: 258px;
}
#contactmail
{
    float: right;
    width: 234px;
    text-align: center;
    text-transform: lowercase;
}
#contacttel
{
    float: left;
    width: 174px;
    text-align: center;
}
#contacttelfixe
{
    float: left;
    width: 174px;
    text-align: center;
}
#contacttel
{
    float: left;
    width: 174px;
    text-align: center;
}
#contactfax
{
    float: right;
    width: 150px;
    text-align: center;
}
#accueil
{
    width: 150px;
    float: left;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-right: 1px;
}
#ecom
{
    width: 150px;
    float: left;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin-right: 1px;
}
#ecom a
{
    display: block;
    padding: 0;
    background: rgb(41,82,158);
    color: #fff;
    text-decoration: none;
    width: 150px;
}
#ecom a:hover
{
    color: #000;
    background: #73cff7;
}
#accueil a
{
    display: block;
    padding: 0;
    background: rgb(41,82,158);
    color: #fff;
    text-decoration: none;
    width: 150px;
}
#accueil a:hover
{
    color: #000;
    background: #73cff7;
}
#photos
{
    width: 1000px;
    height: 180px;
    clear:right; 
}

#photos_Bornescc
{
    height: 5px;
     width: 1000px;
      
}


#menuhaut
{
    
    height: 21px;
    width: 1000px;
}
#menuh
{
    height: 21px;
    width: 698px;
    float: left;
}
#creditphoto
{
    text-align: right;
    font-size: 10px;
}
#contenu
{
    width: 1000px;
    margin: 0;
    padding-top: 10px;
    padding: 0;
    background-color: rgb(9,24,51);
}
#menud
{
    width: 300px;
    float: left;
    margin: 0;
    padding: 0;
    background-color: rgb( 9,24,51);
}
#menud img
{
    border: none;
}
.menuv
{
    width: 300px;
    float: left;
    margin: 0;
    padding: 0;
}
.menuv dt
{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #e46c0a;
}
.menuv dl
{
    margin: 0;
    padding: 0;
}
.menuv dl dd
{
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
}
.menuv dd
{
    margin-left: 15px;
}
.menuv a
{
    display: block;
    background: rgb(41,82,158);/*5d91a7;*/
    
    color: #fff;
    text-decoration: none;
    width: 265px;
    height: 19px;
    vertical-align: middle;
    border-bottom: 1px solid black;
}
.menuv dl dd a:hover
{
    color: #000;
    background: #73cff7;
}
#contenupage
{
    width: 700px;
    float: left;
    text-align: center;
    background-color: #ffffff;
    min-height: 500px;
}
#hautcontenu
{
    height: 17px;
    width: 700px;
    background-color: rgb(9,24,51);
}
.table_bureau
{
    border-spacing: 0;
    text-align: justify;
    width: 690px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.table_bureau td
{
    margin-left: 10px;
    padding: 15px;
}

#menu, #menu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 21px;
    text-align: center;
}
#menu
{
    font-weight: bold;
    font-size: 12px;
}
#menu a
{
    display: block;
    padding: 0;
    background: rgb(41,82,158);
    color: #fff;
    text-decoration: none;
    width: 138.6px;
}
#menu li
{
    float: left;
    border-right: 1px solid #fff;
}
html > body #menu li
{
    border-right: 1px solid transparent;
}
#menu li ul
{
    position: absolute;
    width: 160px;
    left: -999em;
}
#menu li ul li
{
    border-top: 1px solid #fff;
}
html > body #menu li ul li
{
    border-top: 1px solid transparent;
}
#menu li ul ul
{
    margin: -22px 0 0 144px;
    border-left: 1px solid #fff;
}
html > body #menu li ul ul
{
    border-left: 1px solid transparent;
}
#menu a:hover
{
    color: #000;
    background: #73cff7;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
    left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
    left: auto;
    min-height: 0;
}
#contenupage
{
    color: #086b96;
}
.titrepagecontenu
{
    padding: 10px;
    text-align: justify;
}
.Produit
{
    width: 690px;
    text-align: left;
    margin-left: 5px;
    float: left;
}
.options
{
    width: 690px;
    height: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    float: left;
    border: 1px solid black;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    background-color: rgb(0, 166, 19);
    color: #fff;
}
.Produittitre
{
    width: 100%;
    height: 25px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    float: left;
    border: 1px solid black;
    padding-top: 5px;
    background-color: rgb(242, 212, 11);
    color: rgb(42, 42, 68);
}
.Produitphoto
{
    width: 265px;
    height: 100%;
    float: left;
    text-align: center;
    z-index: 15;
}
.Produitphoto img
{
    max-width: 250px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    position:relative;
    z-index: 15;
}
.Produitphoto img:hover
{
    max-width: 400px;
    width: 400px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 15;
   position:relative;
     
}
.Produitphoto8
{
    width: 265px;
    float: left;
    text-align: center;
}
.Produitphoto8 img
{
    height: 200px;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 10;
}
.Produitphoto8 img:hover
{
    height: 350px;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    z-index: 10;
}
.Produitphoto9
{
    width: 265px;
    height: 100%;
    float: left;
    text-align: center;
}
.Produitphoto9 img
{
    height: 250px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    z-index: 10;
}
.Produitphoto9 img:hover
{
    height: 380px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0;
    z-index: 10;
}

.ProduitphotoJ2F
{
    width: 265px;
    height: 100%;
    float: left;
    text-align: center;
}

.ProduitphotoJ2F img
{
    height: 380px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 0;
   }
    
.Produitdescriptif
{
    width: 425px;
    float: left;
    text-align: center;
    position:relative;
    z-index: 5;
    top: -1px;
    left: 0px;
}
.table_descriptif
{
    border-spacing: 0;
    text-align: center;
    width: 100%;
    max-width: 690px;
    float: left;
    margin-top: 5px;
    margin-right: 4px;
    margin-left: 4px;
    border: 1px solid black;
    z-index: 5;
}
.table_descriptif .col1
{
    text-align: left;
}
.table_descriptif .ligne1
{
    text-align: center;
}
.table_descriptif td
{
    border: 1px solid black;
}
.separationProduit
{
    width: 100%;
    height: 15px;
    float: left;
}
.Produitphoto2
{
    width: 690px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    float: left;
}
.Produitphoto2 img
{
    height: 150px;
    text-align: center;
}
.Produitphoto2 img:hover
{
    height: 250px;
}
.tableoption
{
    border-spacing: 0;
    text-align: justify;
    width: 690px;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    border: 1px solid black;
}
.tableoption td
{
    border: 1px solid black;
}
.tableoption .evidence
{
    font-weight: bold;
}
.titreProduits
{
    width: 690px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #000C42;
    font-size: 30px;
    margin-left: 4px;
    float: left;
}
.ProduittitreLong
{
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    float: left;
    border: 1px solid black;
    padding-top: 5px;
    background-color: rgb(242, 212, 11);
    color: rgb(42, 42, 68);
    display: inline;
}
.Option1
{
    width: 80%;
    height: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    display: inline;
    border: 1px solid black;
    padding-top: 5px;
    background-color: rgb(242, 212, 11);
    color: rgb(42, 42, 68);
}

#PiedDePage
{
    width:1000px;
     height:25px;
    float:left;
    margin-top:5px;
    background-color:Black;
}

#Plan
{
     width:298px;
     float:left;
      text-align:center;
     margin-right:1px;
    }

#Plan a
{
    display: block;
    background: rgb(41,82,158);/*5d91a7;*/
    color: #fff;
    text-decoration: none;
    width: 298px;
    height: 19px;
    vertical-align: middle;
     
}   
    
#Plan a:hover
{
    color: #000;
    background: #73cff7;
    }    
    
#gohautpage
{
     width:700px;
     float:left;
     background-color:Green;
     text-align:center;
}

#gohautpage a
{
    display: block;
    background: rgb(41,82,158);/*5d91a7;*/
    color: #fff;
    text-decoration: none;
    width: 700px;
    height: 19px;
    vertical-align: middle;
    border-bottom: 1px solid black;
}   

#gohautpage a:hover
{
    color: #000;
    background: #73cff7;
    }