@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
}

.cb{
clear:both;
}
/*TOUS LES IDDENTIFIANT */
body {
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
background-position:top center;
font-family:Verdana;
font-size:12px;
line-height: 1.82;
}
#contenue{
margin:auto;
width:920px;
min-height:500px;
}
#logo{
width:353px;
height:62px;
margin-left:10px;
margin-bottom:5px;
background-image:url(images/nathea_logo.png);
background-repeat:no-repeat;
}
#conteneur-haut{
width:920px;
height:14px;
background-image:url(images/principal_bord_haut.png);
background-repeat:no-repeat;
}

#conteneur{
margin:auto;
background-color:#fff;
background-repeat:repeat-y;
}

#bandeau{
width:896px;
height:174px;
margin:auto;
}
#fond_bandeau{
width:896px;
height:174px;
background-image:url(images/bandeau_2.jpg);
background-repeat:no-repeat;
}

#centre{
margin-top:10px;
margin-left:15px;
}
#contenue_centre_haut{
width:887px;
height:21px;
background-image:url(images/wrapper_arrondi_haut.png);
background-repeat:no-repeat;
}

#conteneur_centre{
width:887px;
min-height:500px;
background-color:#efefef;
background-repeat:repeat-y;
}

/*#################################################### Formulaire de conexion ####################################################*/
fieldset{
border:none;
}

#formulaire_conex{
width:317px;
height:390px;
background-image:url(images/body_connexion.png);
background-repeat:no-repeat;
margin:auto;
}

#formulaire{
width:317px;
min-height:50px;
padding-left:60px;
}
h1{
font-family:verdana;
color:#383734;
padding-top:105px;
padding-left:20px;
padding-bottom:30px;
}
.calage_input{
margin-left:10px;
margin-bottom:10px;
font-weight:bold;
color:#383734;
height:20px;
}

.connexion{
font-weight:bold;
font-family:verdana;
font-size:12px;
color:#706c6c;
margin-left:90px;
height:28px;
}

.calage_label{
margin-left:10px;
font-weight:bold;
font-family:verdana;
font-size:12px;
color:#706c6c;
}
/*####################################################  Fin Formulaire de conexion ####################################################*/


#contenue_centre_bas{
width:887px;
height:21px;
background-image:url(images/wrapper_arrondi_bas.png);
background-repeat:no-repeat;
}

#conteneur-bas{
width:920px;
height:16px;
background-image:url(images/principal_bord_bas.png);
background-repeat:no-repeat;
}

#pied{
width:920px;
min-height:50px;
background-color:#2e2d25;
background-repeat:repeat-y;
}

#conteneur_pied_bas{
width:920px;
height:16px;
background-image:url(images/footer_bas.png);
}


/*####################################################  ESPACE DISTRIBUTEUR ####################################################*/

#catalogue_produit{
width:277px;
height:345px;
float:left;
margin-left:155px;
background-image:url(images/fond_dl.png);
background-repeat:no-repeat;
}

.H1{
font-family:verdana;
font-size:22px;
color:#8b8b7f;
margin-left:23px;
}

.telechergment{
font-family:verdana;
font-size:22px;
color:#c1dcfc;
margin-left:60px;
}

.H1_cgv{
font-family:verdana;
font-size:22px;
color:#8b8b7f;
margin-left:110px;
}
.H3_cgv{
font-family:verdana;
font-size:14px;
color:#8b8b7f;
margin-left:30px;
}
.H1_photo_hd{
font-family:verdana;
font-size:22px;
color:#8b8b7f;
width:150px;
margin:auto;
}
.img_catalogue{
width:223px;
margin-left:27px;
margin-top:10px;
}
.img_cgv{
width:204px;
margin-left:36px;
margin-top:10px;
}
/*#############################  LIEN PHOTO HD ####################################*/
#iamge_HD{
width:810px;
min-height:50px;
margin-left:60px;
margin-top:10px;
}

#lien_photo_hd li {
display:block;
width:187px;
height:233px;
float:left;
text-align:center;
text-decoration:none;
padding-top:10px;
background-image:url(images/fond_image.jpg);
background-repeat:no-repeat;
}

.lien_photo_hd {
display:block;
width:161px;
height:214px;
margin:auto;
border-style:none;
}
/*#############################  FIN LIEN PHOTO HD ####################################*/
.separation{
width:857px;
height:11px;
margin-left:13px;
margin-top:10px;
background-image:url(images/bar_sepa_espace_distrib.png);
background-repeat:no-repeat;
}

#deconnexion{
width:105px;
margin-left:770px;
}

#retour_accueil{
width:105px;
margin-left:755px;
}

#cgv{
width:277px;
height:345px;
float:left;
margin-left:20px;
background-image:url(images/fond_dl.png);
background-repeat:no-repeat;
}

.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
/*####################################################  FIN ESPACE DISTRIBUTEUR ####################################################*/

/*####################################################  LIEN PIED PAGE ####################################################*/
.ul{
list-style:none;
}

.footer_liste{
width:850px;
margin:auto;
}

.lien_peid_page li a:link, .lien_peid_page li a:visited, .lien_peid_page li a:active{
display:block;
width:40px;
font-family:verdana;
font-size:12px;
color:#262626;
text-decoration:none;
float:left;
}

.lien_peid_page li a:hover{
color:#565555;
}
/*####################################################  FIN LIEN PIED PAGE ####################################################*/