/* CSS Document */


*
{
    margin: 0px;
    padding: 0;
}
body
{
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
    background-color: #353734;
    font-size: 76%;
    font-family: Arial, Tahoma, Sans Serif;
    cursor: default;
}


#conteneur_home
{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 963px;
    height: 620px;
    margin-top: -318px; /* moitié de la hauteur */
    margin-left: -481px; /* moitié de la largeur */
}

.Menu
{
    clear: both;
    margin: 0px 0px 0px 50px;
}

.MenuUl
{
    float: left;
}

ul
{
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

.MenuUl li
{
    float: left;
    margin-right: 20px;
}

.MenuUl a
{
    background: url(images/boutonG.gif) no-repeat scroll left top;
    color: #000000;
    cursor: pointer;
    
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 0;
    padding: 0 0 0 3px;
    text-decoration: none;
}


.MenuUl a:hover
{
    background: url(images/rollboutonG.gif) no-repeat scroll left top;
    color: white;
}

.MenuUl a span
{
    background: url(images/boutonD.gif) no-repeat scroll right top;
    
    height: 26px;
    line-height: 26px;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
}

.MenuUl a span:hover
{
    background: url(images/rollboutonD.gif) no-repeat scroll right top;
}

.btnContact a
{
    height:40px;
    font-size:20px;
    line-height:40px;
}

.btnContact a:hover
{
    height:40px;
}

.btnContact
{
    
   
}

.mailContact
{
    background-image:url(images/btn_mail_ammo.gif);
    background-position:center;
    background-repeat:no-repeat;
    
    width:765px;
    height:23px;
}


#logo
{
    background-image: url(images/logo.jpg);
    width: 281px;
    height: 193px;
    float: left;
    text-align:left;
    
}

#logo a
{
    font-size:0px;
    text-decoration:none;
}

#bandeau
{
    background-image: url(images/bandeau.jpg);
    height: 193px;
    width: 682px;
    float: right;
    text-align:left;
}


#bandeau a
{
    color:White;
    font-weight:bold;
    font-size:12px;
}

#langue
{
    /*
    position:relative;
    top:0px;
    left:0px;
    */
}

#fond_menu
{
    background-image: url(images/fond_menu.gif);
    height: 27px;
    width: 963px;
    float: left;
    margin-top: -1px;
    padding: 0px;
}
#left
{
    float: left;
    background-image: url(images/carte_puce.jpg);
    height: 375px;
    width: 282px;
}
h1
{
    text-align: left;
    margin: .5em 0 .5em .5em; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}


P
{
    font-size: 11px;
    text-align: left;
    margin: 15px 0 15px 15px; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
}

#middle
{
    background-image: url(images/img1.jpg);
    margin-left: 282px;
    margin: 0px;
    height: 375px;
    width: 333px;
    float: left;
}
#right
{
    float: right;
    background-image: url(images/img2.jpg);
    height: 375px;
    width: 348px;
}

.footer
{
    background-color: #4d4d4c;
    float: left;
    margin: 0px;
    width: 963px;
    height: 18px;
    padding-top: 5px;
    font-size: 11px;
}


a img
{
    border: 0;
}

table
{
    margin: 0;
    border: 0px; /* Pas de bordure = "none". */
    border-collapse: collapse; /* Valeur par défaut: "separate". */
    border-spacing: 0;
}

table td, table th
{
    padding: 0px; /* Pas de retrait autour du texte = "0". */
    border: 0px solid #ccc; /* Pas de bordure = "none". */
    vertical-align: top; /* Valeur par défaut: "middle" */ /*text-align: left;*/
}

/* style catalogue */


#gauche
{
    /*float: left;*/ /*background-image: url(images/gauche.gif);*/
    background-color: #749D5F;
    height: 375px;
    /*width: 196px;*/
    text-align: right;
}


.droite
{
    float: right;
    background-image: url(images/fond_droite.jpg);
    height: 375px;
    width: 196px;
}

.centre
{
    /*background: #ACC38B url(images/dessin.jpg) no-repeat;      */
    background-image: url(images/bkg_centre.jpg);
    background-color: #ACC38B; /*margin-left: 196px;*/
    margin: 0px;
    padding-top: 15px;
    height: 375px;
    overflow: auto;
    overflow-x: hidden;
    width:100%;
    
    float: left;
    display: block;
}

.PanelMilieu
{
    width: 765px; 
    float:left;
}


#bonhomme
{
    text-align: center;
    background-image: url(images/bonhomme.jpg);
    height: 185px;
    width: 196px;
}
#adresse
{
    background-color:#4C5B3E;
    padding: 5px;
    background-image: url(images/fond_adresse.jpg);
    background-repeat: no-repeat;
    height: 195px;
    width: 187px;
}
.texte_adresse
{
    padding-top: 0px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: white;
}
.titre_adresse
{
    padding-top: 0px;
    font-size: 14px;
    font-family: Arial;
    font-weight: bold;
    color: yellow;
}
a
{
    color: yellow;
    font-weight: normal;
    font-size: 11px;
}
.StyleJaune
{
    color: #FFFF00;
}





/*--------------------------------------------------*/



.NavFamilles
{
    width: 170px;
    padding: 10px;
}

.tableFamilles
{
    width: 100%;
    text-align: right;
    margin: 0px;
}


.FamilleLink
{
    text-transform: uppercase;
    text-align: right;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: right;
    background-repeat: no-repeat; /*    margin-right: -200px;*/
    background-image: url(images/picto_menu.jpg);
    margin: 10px;
    color: White;
    text-decoration: none;
}

a.FamilleLink:hover
{
    color: #BED799;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-position: right;
    background-repeat: no-repeat; /*margin-right: -200px;*/
    background-image: url(images/picto_menu_hglt.jpg);
}






/*
.tableFamilles
{
    width: 100%;
    text-align: right;
    margin: 0px;
}
*/



.LabelPictoFamille
{
    margin-top: -30px;
    padding-top: -30px;
}


a.TextePictoFamille
{
    /*color: Yellow;*/
    color: #35462B;
    font-size: large;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

a.TextePictoFamille:hover
{
    color: #54AC18;
    font-size: large;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
}

.tablePictoFamille
{
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    display: block;
}


.tableauInterieurPictoFamille
{
    background-position: center;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    float: left;
    margin: 25px;
}

.DivPictosProduits
{
    margin-top: 15px;
    margin-left: 30px;
    float: left;
    
}


.TDTablePicto
{
    vertical-align: bottom;
}


.LabelNomCategorie
{
}


.DivPictoProduct
{
    margin: 0px;
    float: left;
    display: block;
}

.enteteProduits
{
    width: 100%;
    margin: 0px 0px 0px 10px;
}


.TitrePresentation
{
    margin-top: 10px;
}


.DivColonneLienProduits
{
    height: 220px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:left;
    background-color: #D9D5D5;
    font-size: 12px;
    color: White;
}


.boutonMini
{
    display: block;
    float: none;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #268D00;
}




.titre_prodtableau
{
    /*background-color:#779F60;*/
    background-position: bottom;
    /*background-image: url(images/fd_tt-tab.jpg);*/
    background-repeat: repeat-x; /*background-color: #395266;*/
    /*border:solid 2px yellow;*/
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
}

.titre_prodtableau2
{
    background-color: #35472B;
    color: White;
    font-weight: bold;
    margin-bottom:2px;
}

.TableProduit
{
    width: 500px;
}

.cssCategorie
{
     font-size:12px;
    color:White;
    font-weight:bold;
    line-height:20px;
}

.panelCategoriesProduits
{
    margin-left: 30px;
    text-align: center;
    color:Black;
}


.DivVignette
{
    border: solid 2px #749D5F;
    border-right-color: #35472B;
    border-bottom-color: #35472B;
    
    height:62px;
    width:83px;
}





.TDProduit
{
    overflow: auto;
    vertical-align: top;
}

.DivPhoto2Bottom
{
    text-align: center;
    padding-top: 10px; 
    vertical-align: top;
}

.content_tableau
{
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #395266;
}


/*ZOOM FOTO*/

#showimage
{
    z-index: 2;
    position: absolute;
    visibility: hidden;
    top: 0;
    margin-left: 100;
    margin-top: 0;
    border: 1px solid gray;
    width: auto;
    background-color: White;
}

#dragbar
{
    cursor: hand;
    background-color: #f2f2f2; 
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    height: 20px;
    width: 853px;
    text-align: right;
    vertical-align: middle;
    z-index: 2;
}

#dragbar #closetext
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bolder;
    margin-right: 1px;
    color: #1B7FBB;
    color: #000000;
    text-align: right;
    vertical-align: middle;
    z-index: 2;
}

#ZoomImage
{
    z-index: 2;
}

#imageZoom
{
    margin: 10px;
    z-index: 2;
}

#monDivZoomImage
{
    text-align: center;
    z-index: 2;
}

/*.photo2-sej{width: 165px;height : 120px;}*/
.lien
{
    color: #1B7FBB;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
.lien:hover
{
    color: #c2c2c2;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
.visiter
{
    color: #777777;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}



.DivColonneLienProduits
{
    height: 220px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #D9D5D5;
    font-size: 12px;
    color: White;
}



.scrollIntituleValeur
{
    float:left;
    overflow: auto;
    height: 300px;
    overflow-x:hidden;
}


.sitemap
{
    font-size: medium;
    text-decoration: none;
    color: Yellow;
}

a.sitemap:hover
{
    font-size: medium;
    color: Black;
    text-decoration: none;
}

.btnSituezNous
{
    cursor:auto;
    width:309px;
    height:110px;
}

.TotalContact
{
    margin:5px;
    padding:5px;
    border:solid 1px #35472B;
    font-weight:bold;
}

.TotalContact td
{
    padding-top:2px;
    height:20px;
}

.BoutonCaptcha
{
    border:solid 2px #006600;
    background-color:White;
    color:#006600;
    margin:0;
    padding:0;
}