/*==========================================================================
//	STYLESHEET FOR REFERENT	
// 	Date: 			October 2008
// 	Author: 		SOFTAKT	- www.softakt.com
==========================================================================*/


/*==========================================================================
	Global : links, forms, user messages
==========================================================================*/

body {
font-family: Arial, Verdana, Sans-Serif;
font-size:12px;
color: #333;
background:#e95d0f url(/upload/images/design/fond.jpg) no-repeat top center;
}

/*-------------------------------
	Links
-------------------------------*/

a {
color: #333;
text-decoration:underline;
}

a:hover {
color: #666;
text-decoration:none;
}

a:focus {
outline: 1px dotted #333;
} 

/*-------------------------------
	Forms
-------------------------------*/

input, textarea, select {
border: solid 1px #999;
padding:1px 2px;
font-size: 100%;
font-family: inherit;
}

input:hover, input:focus, textarea:hover, textarea:focus {
border: solid 1px #333;
}

form label {
cursor: pointer;
}

input[type=\\"submit\\"]:hover {
cursor:pointer;
}

option {
padding-right: 1.2em; /* Fix select in Firefox if * reset is on */
}

/* Remove IE borders for checkbox & radio inputs */

input[type=\\"image\\"], input[type=\\"submit\\"], input[type=\\"reset\\"], input[type=\\"checkbox\\"], input[type=\\"radio\\"] {
border:0 none;
}

input.checkbox, input.radio, input.reset, input:hover.reset input.submit, input:hover.submit {
border:0 none;
}

/*-------------------------------
	User messages
-------------------------------*/

.formInfo {
color:green;
}

.panier_cityssimo {
color:red;
}

.formSuccess, .formError, .panier_chronopost {
margin: 1em 0;
padding: .5em 0;
font-size:13px;
text-align:center;
}

.formSuccess {
background: #fff9d1 url(/upload/images/design/ui/valid.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
width: 515px;
border: 2px solid #ffd324;
}

.formError, .panier_chronopost {
background: #fff9d1 url(/upload/images/design/ui/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
width: 515px;
border: 2px solid #ffd324;
}

/*==========================================================================
	Design : structure / navbar / sidebars 
==========================================================================*/

/*-------------------------------
	Structure
-------------------------------*/

#header {
height: 181px;
text-align: center;
color: white;
font-weight: bold;
font-size: 12pt;
position: relative;
}

#header p {
margin: 0px;
}

#search {
position: absolute;
right: 0px;
bottom: 15px;
margin: 0px;
padding: 0px;
}

#search fieldset {
position: relative;
height: 26px;
padding: 0px;
margin: 0px;
font-size: 10pt;
width: 249px;
background: transparent url(/upload/images/design/header/search.gif) no-repeat top left;
}

#search input.search-submit {
position: absolute;
top: 4px;
left: 100px;
border: 0px;
padding: 0px;
margin: 0px;
background: transparent;
padding: 0px 0px 0px 0px;
width: 110px;
}

#search label {
position: absolute;
top: 4px;
left: 8px;
border: 0px;
padding: 0px;
margin: 0px;
background: transparent;
}

#search input.submit {
position: absolute;
top: 4px;
right: 10px;
border: 0px;
padding: 0px;
margin: 0px;
background: transparent;
font-weight: bold;
width: 28px;
color: #0e71b4;
}

#container {
margin: 0 auto;
width:1000px;
}

#left {
width: 200px;
float:left;
min-height: 350px;
}

#main {
float: left;
width: 600px;
padding: 0px;
min-height: 350px;
}

#content {
zoom: 1;
overflow: hidden;
padding: 2px 2px 2px 8px;
background: white url(/upload/images/design/main/main.gif) repeat;
}

#content table {
width: 585px;
}

#main-top {
height: 12px;
background: transparent url(/upload/images/design/main/main-top.gif) no-repeat top left;
}

#main-bottom {
clear: both;
height: 12px;
background: transparent url(/upload/images/design/main/main-bottom.gif) no-repeat bottom left;
}

#right {
width: 200px;
float:right;
min-height: 350px;
}

#right div.bloc-right {
padding: 0px 0px 8px 15px;
}

#footer {
clear:both;
margin: 0 auto;
padding: 15px 0px;
text-align: center;
color: #ffffff;
}

#footer .oko {
color: #fdc400;
font-weight: bold;
}

#footer a {
color: #ffffff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

#pub-oko {
padding-bottom: 8px;
}

.page_contenu {
padding-right: 8px;
}

.page_contenu p {
padding: 6px 0px;
margin: 0px;
}

.page_contenu h2 {
padding: 12px 0px 6px 0px;
font-size: 12pt;
margin: 0px;
}

.page_contenu li {
padding: 6px 0px;
}

/*-------------------------------
	Categories a gauche
-------------------------------*/

#categories-oko {
padding: 0px 0px 10px 0px;
}

#categories-oko ul {
padding: 6px 4px 2px 2px;
}

#categories-oko ul li {
padding: 1px 0px 1px 12px;
font-weight: bold;
}

#categories-oko ul ul {
display: none;
}

#categories-oko li,
#categories-oko li.collec1 {
background: url(/upload/images/design/puces/puce01.gif) no-repeat left center;
}
#categories-oko li.collec2 {
background: url(/upload/images/design/puces/puce02.gif) no-repeat left center;
}
#categories-oko li.collec3 {
background: url(/upload/images/design/puces/puce03.gif) no-repeat left center;
}
#categories-oko li.collec4 {
background: url(/upload/images/design/puces/puce04.gif) no-repeat left center;
}
#categories-oko li.collec6 {
background: url(/upload/images/design/puces/puce06.gif) no-repeat left center;
}
#categories-oko li.collec7 {
background: url(/upload/images/design/puces/puce07.gif) no-repeat left center;
}
#categories-oko li.collec8 {
background: url(/upload/images/design/puces/puce08.gif) no-repeat left center;
}
#categories-oko li.collec9 {
background: url(/upload/images/design/puces/puce09.gif) no-repeat left center;
}
#categories-oko li.collec10 {
background: url(/upload/images/design/puces/puce10.gif) no-repeat left center;
}

#categories-oko a {
text-decoration: none;
}
#categories-oko a:hover {
text-decoration: underline;
}


/*-------------------------------
    Style bordures arrondies
-------------------------------*/

.cat-top {
margin: 0px;
padding: 0px;
font-size: 1px;
height: 10px;
background: url(/upload/images/design/left/bloc-top.gif) no-repeat top left;
}

.cat-middle{
margin: 0px;
padding: 0px 8px;
overflow: hidden;
background: url(/upload/images/design/left/bloc-middle.gif) repeat-y top left;
}

.cat-bottom{
margin: 0px;
padding: 0px;
font-size: 1px;
height: 10px;
background: transparent url(/upload/images/design/left/bloc-bottom.gif) no-repeat top left;
}


/*-------------------------------
	Recherche Opticien
-------------------------------*/

#search-opticien {
padding: 4px 30px;
}

#search-opticien legend {
display: none;
}

#search-opticien label {
float: left;
width: 240px;
}

#search-opticien p {
margin: 0px;
padding: 4px 0px;
}

#search-opticien input {
width: 220px;
}

#result-opticien {
padding: 20px 30px;
}

#result-opticien h2 {
display: block;
padding:2px 0px 0px 10px;
height: 23px;
background: url(/upload/images/design/produits/produit-button-wide.gif) no-repeat top left;
color: #fff;
}

#result-opticien p strong {
color: #e95d0f;
}

#result-opticien ul {
margin-left: 5px;
}

#result-opticien li {
padding: 2px 0px 2px 14px;
background: url(/upload/images/design/puces/puce01.gif) no-repeat left center;
}

#fiche-opticien {
padding: 4px 30px;
}

#fiche-opticien h2 {
color: #e95d0f;
font-size: 14px;
}

#fiche-opticien .opticien-image {
float: left;
margin-right: 20px;
}

#fiche-opticien .opticien-coordonnees p {
margin: 0px;
padding: 0px 0px 4px 0px;
}

#fiche-opticien .opticien-description {
clear: both;
padding-bottom: 20px;
}

/*-------------------------------
	Path / Tri / Pagination
-------------------------------*/

#path {
padding: 5px 10px;
background: transparent url(/upload/images/design/main/main-top.gif) no-repeat top left;
font-weight: bold;
}

#path a {
font-size: 11pt;
text-decoration: none;
}

.panier_trier {
padding: 0px 26px 4px 0px;
text-align: right;
}

.panier_trier img {
vertical-align: middle;
}

#panier_pages {
text-align: right;
padding-right: 12px;
}

/*-------------------------------
	Buttons
-------------------------------*/

#container a.button  {
background: url(/upload/images/design/button-wide.gif) no-repeat top left;
text-align:center;
text-decoration: none;
width: 200px;
color: #fff;
height: 17px;
outline: 0;
display: block;
float: left;
clear: both;
padding: 2px 0px;
margin: 1px 0px 2px 0px;
}

.home_bouton, .home_title, .home_modify {
margin-top:10px;
}

#container input.button {
background: url(/upload/images/design/button.gif) no-repeat top left;
color: #fff;
width: 135px;
height: 21px;
border: 0;
cursor: pointer;
outline: 0;
padding: 0 0 1px 0;
margin: 1px 0px 2px 0px;
}

#container input:hover.button {
background: url(/upload/images/design/button.gif) repeat-x top left;
border: 0;
}

/* button wide */

#container .wide input.button {
width:200px;
border:0;
padding: 0 0 1px 0;
background: url(/upload/images/design/button-wide.gif) repeat-x top left;
}

.wide input:hover.button {
border:0;
background: url(/upload/images/design/button-wide.gif) repeat-x top left;
}

/*-------------------------------
	Navigation bar
-------------------------------*/

#navbar {
height:45px;
}

#navbar .produits_ul {
float:left;
margin-bottom:1em;
}

#navbar .produits_ul a {
padding: .7em 1em;
text-decoration:none;
font-size: 10pt;
}

#navbar .produits_ul a,
#navbar .produits_ul a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: #fdb100;
}

#navbar .produits_ul li {
width: 142px;
text-align: center;
font-weight: bold;
background: transparent url(/upload/images/design/menu/bouton_blanc.gif) no-repeat top left;
}

#navbar li.produits_2 {
background: transparent url(/upload/images/design/menu/bouton_orange.gif) no-repeat top left;
}
#navbar li.produits_2 a,
#navbar li.produits_2 a:visited  {
color: #fff;
}


#navbar li.produits_7 {
width: 148px;
background: transparent url(/upload/images/design/menu/bouton_bleu.gif) no-repeat top left;
}
#navbar li.produits_7 a,
#navbar li.produits_7 a:visited  {
color: #fff;
}

#navbar .produits_ul li li {
margin-top : 1px;
background:#dedb00;
opacity: 0.85;
filter: alpha(opacity=85);
}

#navbar .produits_ul li li li {
margin-top : 1px;
background:#dedb00;
opacity: 0.85;
filter: alpha(opacity=85);
}

#navbar .produits_ul li:hover,
#navbar .produits_ul li.sfHover,
#navbar .produits_ul a:focus,
#navbar .produits_ul a:hover,
#navbar .produits_ul a:active {
outline:0;
}

/*-------------------------------
	Home
-------------------------------*/
#main .home-left {
float: left;
padding: 0px 14px 0px 5px;
}

#main .home-right {
color: #e95d0f;
padding: 0px 4px 0px 0px;
background: transparent url(/upload/images/home/home-tortue.gif) no-repeat top right;
min-height: 280px;
height: auto !important;
height: 280px;
}

#main .home-right .title {
font-weight: bold;
font-size: 12pt;
padding: 0px;
margin: 0px;
}

#main-big-buttons {
padding-top: 16px;
}


/*-------------------------------
	Login front & Mon compte
-------------------------------*/

#login-form-front {
padding: 0px 0px 10px 25px;
height: 168px;
background: transparent url(/upload/images/design/right/form-login.gif) no-repeat top right;
}

#login-form-front p {
padding: 4px 0px;
margin: 0px;
}

#login-form-front .login-form-front-title {
padding: 6px 0px 4px 0px;
color: #0e71b4;
font-weight: bold;
font-size: 11pt;
}

#login-form-front p label {
display: block;
}

#login-form-front p.center {
text-align:center;
}

#login-form-front a {
color: #333333;
font-size: 8pt;
text-decoration: none;
}

#login-form-front a:hover {
text-decoration: underline;
}

#login-form-front p input {
border: 1px solid white;
width: 160px;
}

#login-form-front .submit-button {
border: 0px;
height: 20px;
width: 166px;
color: #fff;
padding : 0px;
background: transparent url(/upload/images/design/right/form-login-submit.gif);
}

#mon-compte {
padding: 0px 0px 10px 15px;
}
#mon-compte p {
padding: 0px 0px 8px 0px;
margin: 0px;
}



#login-form-loggued{
padding: 10px 0px 10px 15px;
height: 158px;
background: transparent url(/upload/images/design/right/form-login.gif) no-repeat top right;
}

#login-form-loggued p {
padding: 2px 0px;
}

#login-form-loggued ul {
padding: 6px 0px 0px 0px;
}

#login-form-loggued li {
padding: 3px 0px 4px 20px;
background: url(/upload/images/design/puces/puce-login.gif) no-repeat left center;
}

/*==========================================================================
	Produits : Listings / Fiche / Selections
==========================================================================*/

.panier_prix_barre {
text-decoration: line-through;
}

/*-------------------------------
	Listing produit
-------------------------------*/

#produit_listing {
overflow: hidden;
padding: 0px 0px 30px 40px;
width: 550px;
}

.list-produit {
width: 212px;
height: 210px;
margin: 0px 50px 10px 00px;
float:left;
position: relative;
color: #e95d0f;
}

.list-produit h2{
padding: 4px 0px;
text-align: center;
}

.list-produit h2 a {
color: #e95d0f;
text-decoration: none;
}

.list-produit h2 a:hover {
color: #e95d0f;
text-decoration: none;
}

.list-produit .list-link {
overflow: hidden;
padding: 2px 0px;
}


.list-produit .list-produit-bottom {

}

.list-produit .produit-button {
display: block;
text-align: center;
padding: 1px 0px 0px 0px ;
height: 17px;
color: #fff;
text-decoration: none;
background: url(/upload/images/design/produits/produit-button.gif) no-repeat center center ;
}

.list-produit .produit-button:hover {
color: #fff;
text-decoration: none;
}

.list-img {
width: 200px;
height: 130px;
padding: 6px 6px 5px 6px;
background: transparent url(/upload/images/design/produits/produit-bg.gif) no-repeat top left;
}

.list-img img {
width: 200px;
height: 130px;
}

.list-price {
height: 19px;
padding-top: 1px;
text-align: center;
color: #fff;
background: url(/upload/images/design/produits/produit-button.gif) no-repeat top center ;
}

.list-price .panier_prix {
color: #fff;
font-weight: bold;
}

.list-price .panier_prix_barre {
padding-right: 16px;
color: #fff;
}

.list-produit .panier_pourcentage {
display: none;
}

/*-------------------------------
	Fiche produit
-------------------------------*/

#fiche-produit {
margin: 4px 30px;
}

#fiche-produit div.container {
position: relative;
}

#fiche-produit h2 {
color: #e95d0f;
font-size: 11pt;
padding: 0px 0px 0px 57px;
}

#fiche-produit .fiche-img {
background: url(/upload/images/design/produits/produit-bg-big.gif) no-repeat top left;
width: 415px;
height: 276px;
padding: 0px;
margin: 0 auto;
}

#fiche-produit .fiche-img img {
padding: 7px;
}

#fiche-price {
text-align: center;
color: #e95d0f;
font-size: 11pt;
font-weight: bold;
}


#fiche-price .panier_prix {
color: #e95d0f;
font-size: 12pt;
font-weight: bold;
}

#fiche-price .panier_prix_barre {
color: red;
padding-right: 8px;
}

#fiche-promo-prcent {
color: green;
}

#fiche-promo-txt, 
.promo {
color: green;
}

#fiche-desc {
text-align: center;
}

#fiche-addcart .panier_quantity {
width: 40px;
margin-right: 4px;
}

#fiche-addcart .panier_designation {
margin-right: 4px;
}

#fiche-img-thumbs {
padding: 4px 0px;
text-align:center;
}

#fiche-img-thumbs a {
padding: 0px 2px;
}

#fiche-img-thumbs a img {
padding: 2px;
border: 1px solid #ffb75f;
vertical-align: middle;
}

#fiche-img-thumbs a:hover img {
padding: 1px;
border: 2px solid #ffb75f;
}

#fiche-produit h3 {
display: block;
padding: 2px 10px 0px 10px;
margin: 20px 0px 0px 0px;
height: 21px;
background: url(/upload/images/design/produits/produit-button-wide.gif) no-repeat top left;
color: #fff;
}

#fiche-more h3 {
}

#fiche-advice h3 {
}

/*-------------------------------
    Fiche produit - TEINTES
-------------------------------*/

#teinte_panier_add {
clear:both;
padding: 4px 0px;
overflow:hidden;
}

#teinte_panier_add .teinte_panier_new {
float: left;
width: 260px;
height: 180px;
}

#teinte_panier_add .teinte_panier_new_qte {
float: left;
width: 60px;
text-align:center;
padding-top: 25px;
}

#teinte_panier_add .teinte_panier_new_qte input {
width: 30px;
}

#teinte_panier_add .teinte_panier_new_submit {
float: left;
width: 60px;
text-align:center;
padding-top: 5px;
}

#teinte_panier_add .teinte_panier_new_submit input {
border: 0px;
}

#teinte_panier_add .teinte_panier_new_name {
color: #e95d0f;
font-size: 10pt;
font-weight: bold;
height: 33px;
width: 170px;
overflow: hidden;
}

#teinte_panier_add .teinte_panier_new_image{
float: left;
background: url(/upload/images/design/produits/produit-bg-teinte.gif) no-repeat top left;
width: 170px;
height: 115px;
padding: 3px 1px 2px 2px;
}

#teinte_panier_add .teinte_droite .teinte_panier_new_image,
#teinte_panier_add .teinte_droite .teinte_panier_new_submit,
#teinte_panier_add .teinte_droite .teinte_panier_new_qte {
float: right;
}
#teinte_panier_add .teinte_droite .teinte_panier_new_name {
padding-left: 87px;
}



/*-------------------------------
	Selection produit
-------------------------------*/

.select-produit {
}

.select-produit h3 {
}

.select-img img {
}

.select-price {
}

.select-promo {
}

/*-------------------------------
	Produits linked
-------------------------------*/

.produits_linked {
}

/*-------------------------------
	Paiement
-------------------------------*/

.panier_etapes {
text-align:left;
}

/* Identification */

.panier_deja_inscrit, .panier_non_inscrit {
font-size:13px;
background: url(/upload/images/panier/bg-wide.gif) no-repeat top left;
color:#fff;
height: 17px;
padding: 2px 0 2px 15px;
}

/* Etape 1 */

.panier_header {
font-size:14px;
color: #e95d0f;
}

table.panier_table {
border-collapse: collapse;
text-align: left;
}

.panier_table .input_qte {
width: 50px;
}

/* Titre tableau */

.panier_table th {
background: #ccc;
}

.panier_table_prix, .panier_table_prix_ttc  {
width:60px;
}

/* Articles */

.panier_table th, .panier_tr_on td, .panier_tr_off td, .panier_tr_tva td, .panier_tr_kdo td, .panier_tr_total_ttc td {
padding: 5px;
}

.panier_table img {
vertical-align:middle;
}

.panier_table_image img {
border:solid 1px #ccc;
}

.panier_tr_on td, .panier_tr_off td {
font-weight:bold;
border-bottom: solid 1px #999;
}

/* Totaux */

.panier_tr_tva, .panier_tr_total_ttc {
border-bottom: solid 1px #999;
}

.panier_table_prix_ttc {
font-weight:bold;
}

.panier_tr_total_ttc td {
font-weight: bold;
background: #eee;
}

.panier_table_suppr {
text-align:center;
}

.panier_table_recalc {
padding-top:10px;
}

/* Etape 3 */

.panier_mode_prix_title {
}

.panier_mode_livraison {
border: solid 1px #999;
padding: 10px;
background:#fff;
}

.panier_mode_title, .panier_recap, #panier_recap {
font-size: 16px;
font-weight: bold;
text-align:center;
}

.panier_recap, #panier_recap {
margin: 1em 0;
}

.div_mode_table, .div_modifier_table {
text-align:center;
}

.panier_mode_image {
vertical-align:middle;
}

/* Boutons bas */

.panier_table_bouton_continuer, .panier_table_bouton_valider {
vertical-align: middle;
}

.panier_table_bouton_valider, .panier_table_recalc {
text-align:right;
}

/*==========================================================================
	Espace User: compte / adresses / commandes / retours / filleuls 
==========================================================================*/

/*-------------------------------
	Mon compte
-------------------------------*/

#home_boutique td {
padding:5px;
}

.home_title, .home_title_2 {
font-size: 16px;
font-weight: bold;
clear: both;
}

.home_title_2 {
padding: 30px 0px 0px 0px;
}

/*-------------------------------
	Mes adresses
-------------------------------*/

.adresse_title,
.adresse_title_modify {
font-size: 11pt;
}

.adresse_table input,
.adresse_table textarea,
.adresse_table select {
color: #333;
display: block;
}

.adresse_table td {
vertical-align: top;
padding:5px;
}

/*-------------------------------
	Mes commandes
-------------------------------*/

#commandes {
width: 100%;
}


#commandes a.button {
width: 70px;
margin: 0px;
padding: 5px 0px;
background: url(/upload/images/design/produits/produit-button-small.gif) no-repeat center center ;
}

#commandes th {
background: #ddd;
font-weight:bold;
}

#commandes th, #commandes td {
padding: 5px;
}

#commandes td {
text-align: center;
}

/*-------------------------------
	Retour commandes
-------------------------------*/

/* Etapes */

#retour-commande {
}

#retour-commande img {
margin: 0 10px;
}

#retour-commande h4 {
font-size: 14px;
}

/* Tableau */

table.retour_voir_liste {
border-collapse: collapse;
width:100%;
text-align: center;
}

.retour_voir_liste th {
background: #ccc;
}

.retour_voir_liste th, .retour_voir_liste td {
padding: 6px 5px;
}

.retour_table_reponse {
text-align: center;
}

.retour_attente, .retour_charge, .retour_refuse, 
.retour_non_conforme, .retour_termine, .retour_valide {
padding:5px;
font-weight: bold;
}

.retour_attente {
border: solid 1px orange;
color:orange;
}

.retour_charge {
border: solid 1px green;
color:green;
}

.retour_refuse {
color:red;
border: solid 1px red;
}

.retour_non_conforme {
color:red;
border: solid 1px red;
}

.retour_termine {
border: solid 1px #999;
}

.retour_valide {
color:green;
border: solid 1px green;
}

/* Tableau renvoi */

table.retour_table {
border-collapse: collapse;
width:100%;
text-align: center;
margin-bottom: 20px;
}

.retour_table th {
background: #ccc;
}

.retour_table th, .retour_table td {
padding: 6px 5px;
}

/*-------------------------------
	Filleul / Parrainage
-------------------------------*/

#add_filleul input {
margin-left: 20px;
}

.lists_filleul th {
background: #ddd;
font-weight:bold;
}

.lists_filleul th, .lists_filleul td {
padding: 5px;
}

.lists_filleul td {
text-align: center;
}

/*==========================================================================
	Inscription, login & lost password forms
==========================================================================*/

/*-------------------------------
	Login & lost password forms
-------------------------------*/

#login-form input {
width: 110px;
}

#login-form label {
width: 160px;
display:block;
float:left;
}

#login-form br {
clear:both;
display:block;
margin-top: 5px;
}

#login-form a {
display:block;
margin-top: 5px;
}

#password-form fieldset, #login-form fieldset {
border:none;
}

#password-form legend, #login-form legend {
display:none;
}

/*-------------------------------
	Inscription/modify form 
-------------------------------*/

#register-form fieldset {
border: none;
}

#register-form legend {
display:none;
}

#register-form label {
display: block;
width: 160px;
float:left;
line-height:20px;
}

#register-form br {
clear:both;
display:block;
margin-top: 5px;
}

/*-------------------------------
	Contact form
-------------------------------*/

#contact_form fieldset {
border:none;
}

#contact_form legend {
display:none;
}

#contact_form label {
width:100px;
display:block;
float:left;
text-align:right;
margin-right: 10px;
line-height: 20px;
}

#contact_form p {
overflow:hidden;
}

#contact_form p input, #contact_form p textarea {
width: 180px;
}

#contact_form p textarea {
height: 100px;
}

#contact_form div {
margin-left:110px;
}

/*-------------------------------
	Popup photo
-------------------------------*/

#main_photo {
text-align:center;
}

#photo_title {
font-size: 16px;
font-weight: bold;
}

#photo_img img {
border: solid 1px;
margin: 10px 0;
}

#photo_desc {
width: 400px;
margin: 0 auto;
text-align:left;
}

/*-------------------------------
	Facture
-------------------------------*/

.facture_recap {

font-weight: bold;
font-size: 16px;
text-align:center;
}

#main_bill {
width: 600px;
margin: 0 auto;
border: 1px solid #666;
padding: 10px;
position:relative;
min-height: 25cm;
background: #fff;
}

/*\\*/
* html #main_bill {
height: 25cm;
}
/**/

#main_bill br {
line-height:0;
}

#main_bill table, #bill_table {
}

/* Infos facture */

#bill_table_ginfos {
border-collapse:collapse;
margin-top: 20px;
text-align:center;
}

#bill_table_ginfos td {
border: 1px solid #666;
padding: 3px;
}

#bill_table_ginfos_type {
font-weight:bold;
background:#ddd;
}

/* Adresses facturation & livraison */

#bill_infos_clients,
#bill_infos_clients_fact {
border: solid 1px #666;
width: 250px;
margin-top: 20px;
height:150px;
}

#bill_infos_clients_title,
#bill_infos_clients_fact_title {
font-weight:bold;
text-align:center;
background:#ddd;
padding:3px;
border-bottom: solid 1px #666;
}

#bill_infos_clients_content,
#bill_infos_clients_fact_content {
padding: 10px;
}

/* Recaptilatif */

#bill_title_recap {
margin: 20px auto 0 auto;
font-weight:bold;
font-size: 16px;
border-bottom: 1px solid #666;
text-align:center;
padding: 6px 0;
}

#bill_recap {
width: 100%;
border-collapse:collapse;
margin: 0 auto 20px auto;
}

#bill_recap td {
padding: 3px;
border: 1px solid #666;
}

#bill_recap_th td {
background: #ddd;
font-weight:bold;
text-align:center;
}

/* Totaux & TTC */

#bill_table_totaux, #bill_table_ttc { 
border-collapse:collapse;
text-align:center;
}

#bill_table_ttc { 
float:right;
}

#bill_table_totaux td, #bill_table_ttc td { 
border: 1px solid #666;
padding: 3px;
width:100px;
}

#bill_table_ttc_th td, #bill_table_totaux_th td  {
background: #ddd;
font-weight:bold;
}

/* Footer */

.footer-facture {
text-align:center;
color: #999;
position:absolute;
bottom:0px;
left:0;
width: 620px;
padding-bottom:15px;
}

#bill_footer {
text-align: center;
color: #666;
margin-top: 30px;
}

#bill_footer p {
margin: 0 0 1em 0 ;
}

#bill_footer h6 {
font-size: 10px;
font-weight: normal;
}







/*-------------------------------
	JqZoom
-------------------------------*/


.jqzoom{
border:0px solid black;
float:left;
position:relative;
padding:0px;
cursor:pointer;
}

.jqzoom img{
float:left;
}


div.zoomdiv {
z-index                 : 100;
width                   : 200px;
height                  : 200px;
position: absolute;
top: 295px;
left: 142px;
background: #ffffff;
border:1px solid #ffb75f;
display:none;
text-align: center;
overflow: hidden;
}

#teinte_panier_add div.zoomdiv {
z-index                 : 100;
width                   : 200px;
height                  : 200px;
position: absolute;
top: 23px;
left: 65px;
background: #ffffff;
border:0px;
display:none;
text-align: center;
overflow: hidden;
padding: 0px;
margin: 0px;
}

div.jqZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
top:0px;
left:0px;
width                   : 50px;
height                  : 50px;
border: 1px solid #ffb75f;
background: #ffffff url(/upload/images/zoomlens.gif) 50% top  no-repeat;;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}

#teinte_panier_add div.jqZoomPup {
z-index: -100;
position: absolute;
top: -10000px;
left: -10000px;
display:none;
}