/**************************
Global
*************************/

body {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	background: #fff;
}

/* Reset CSS & Utils */

* {
margin:0;
padding:0;
}

option {
padding-right: 1.2em; /* Fix Firefox select markup */
}

select {
font-size:10px;
}

textarea {
font-family: Arial;
}

.clear {
clear:both;
}

.formError, .panier_chronopost, .panier_cityssimo {
color:red;
font-size:12px;
}

.formSuccess {
color:green;
font-size:12px;
}

/**************************
Layout
*************************/

#langage {
margin: 3px auto;
width:994px;
text-align:right;
padding-right:10px
}

#langage img {
margin-right:2px;
margin-left:2px;
vertical-align:bottom;
}

#header {
background: #000000;
height: 58px;
}

#header img {
float:left;
}

#container {
margin: 0 auto;
width:1004px;
background: #fff;
border-left:solid 1px #b1b1b3;
border-right:solid 1px #b1b1b3;
overflow:hidden;
}

#left, #main {
float:left;
background: #fff;
}

#left {
width: 177px;
clear:left;
}

#main {
width: 627px;
padding: 0 10px;
border: solid 1px #000000;
margin-bottom: 10px;
margin-top:5px;
min-height: 780px;
}

/*\*/
* html #main {
height: 780px;
}
/**/

#home {
overflow:hidden;
padding-bottom: 10px;
}

#right {
width: 178px;
float:right;
}

#footer {
clear:both;
margin: 0 auto;
}

/* Links */

a {
color: #959595;
text-decoration: none;
}

a:hover {
color: #e2007a;
}

/* Global */ 

img, fieldset {
border:0;
}

p {
margin:1em 0;
}

.text-content ul, .text-content ol {
margin-left:25px;
padding-left:0;
}

/* Text content */

#content h1 {

}

#content .text-content h1 {
color: #565656;
font-size: 16px;
margin-bottom: 15px;
}

.text-content h2 {
color: #E2007A;
font-size: 14px;
}

.text-content h3 {
font-size: 12px;
}

.text-content h4 {
font-size: 11px;
}

/* Buttons */

#container a.button  {
background: url(/upload/images/panier/button-a.gif) repeat-x;
color: #fff;
border: solid 1px #e71c7b;
outline: 0;
padding: 1px 20px;
font-family: verdana;
font-weight:bold;
font-size: 10px;
margin-right:5px;
}

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

#container input.button {
background: url(/upload/images/panier/button.gif) no-repeat;
color: #fff;
font-family: verdana;
font-weight:bold;
font-size: 10px;
width:120px;
height:19px;
padding-bottom:3px;
border:0;
cursor: pointer;
outline: 0;
}

#container input:hover.button, #container input:focus.button {
background: url(/upload/images/panier/button.gif) no-repeat;
border:0;
}

/* button wide */

#container .wide input.button {
width:194px;
border:0;
color:#fff;
font-weight:bold;
font-size: 10px;
font-family: verdana;
background: url(/upload/images/panier/button-wide.gif) no-repeat;
}

.wide input:hover.button {
border:0;
background: url(/upload/images/panier/button-wide.gif) no-repeat;
}

/* Path */

#path {
padding: 3px 0;
margin-bottom: 10px;
}

#path a {
color: #959595;
font-weight: bold;
font-size: 12px;
text-decoration:underline;
}

#path a:hover {
color: #e2007a;
}

/* Tri & pagination */

.panier_trier {
text-align:right;
font-weight: bold;
float:right;
margin-bottom: 20px;
color: #e2007a;
}

.panier_trier img {
vertical-align:middle;
}

#panier_pages {
float:left;
}

#panier_pages a {
text-decoration: underline;
}

#produit_listing {
overflow:hidden;
margin: 10px 0;
clear:both;
}

.phrases_referencement {
width: 470px;
padding:10px;
margin-bottom: 10px;
font-size: 11px;
text-align:justify;
color: #959595;
}

.noborder {
border: 0px none;
}

/**************************
Menus
*************************/

#menu {
height: 27px;
margin-bottom: 10px;
padding-left:17px;
background:#616469;
}

#menu img {
float:left;
}

#menu-left a {
font-size: 13px;
font-weight: bold;
color: #959595;
margin-top: 15px;
margin-left: 10px;
}

#menu-left p {
margin-bottom:0;
}

#menu-left ul a {
font-size: 10px;
font-weight: normal;
color: #959595;
}

#menu-left ul li a:hover {
color: #e2007a;
}

#menu-left .produits_souscateg_li_selected a {
font-weight:bold;
color: #e2007a;
}

/**************************
Home
***************************/

#home-flash {
margin-left:10px;
margin-bottom: 10px;
float:left;

display:inline; /* IE6 fix */
}

#home-images {
width:346px;
margin-right:10px;
display:inline; /* IE6 fix */
}

.home-item {
	float:right;
	width: 167px;
	height: 181px;
	padding:2px 3px 3px 3px;
	background: url(/upload/images/design/home/ombre-photo.gif) no-repeat;
}



/**************************
Sidebar blocs
***************************/

.sidebar-bloc {
margin-bottom:10px;
background: url(upload/images/design/side/fond-blocs.gif) repeat-y center;
}

.sidebar-content {
padding-top: 5px;
padding-left: 15px;
padding-bottom: 20px;
background: url(upload/images/design/side/bas-blocs.gif) no-repeat bottom;
}

#services, #revue-de-presse {
margin-left:10px;
}

#services {
margin-top: 10px;
margin-bottom: 10px;
}

#garanties {
margin-left:3px;
}

/**************************
Recherche
***************************/

#search {
float:right;
width:250px;
}

#search p {
color: #fff;
font-family:Verdana;
font-size: 11px;
float:left;
margin:0;
height:27px;
line-height: 27px;
}

#search form {
height:25px;
line-height: 25px;
float:right;
margin-right: 5px;
}

#search span input {
width: 100px;
font-size: 10px;
margin-right:7px;
}

#search input {
vertical-align:middle;
}

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

/* Carres */

#carre_categorie_produits {
overflow: hidden;
}

.carre_categorie_item {
float:left;
margin-right: 4px;
width:250px;
}

.list-bloc-produit {
width: 228px;
height:248px;
padding: 0 10px;
float:left;
position:relative;
text-align:left;
background: url(/upload/images/design/listingproduit/fond-listing.gif) no-repeat;
}

.list-bloc-produit h2 {
line-height:14px;
font-size:12px;
text-align:left;
}

.list-bloc-produit h2 a {
color: #e2007a;
}

.list-bloc-produit p {
margin:0;
font-weight: bold;
}

.list-bloc-produit img {
border:0;
}

.list-produit-thumb {
text-align:center;
}

.list-produit-thumb img {
margin: 5px 0;
}

.list-produit-price {
color: #e2007a;
font-size:11px;
font-weight: bold;
}

.list-produit-price table {
width:100%;
}

.list-produit-price  .panier_prix_barre {
color: #e7207d;
text-decoration: line-through;
}

.list-produit-promo {
text-align:right;
margin-right:10px;
}

.list-produit-details {
position:absolute;
bottom:10px;
}

.list-produit-details a {
text-decoration:underline;
color: #5a564c;
}

.list-produit-details a:hover {
color: #e2007a;
}

/**************************
Selection produits
**************************/

#right .select-produit {
overflow:hidden;
margin-bottom:5px;
clear:both;
height: 1%;
}

#right .select-produit h2 {
font-size: 10px;
}

#right .select-produit h2 a {
color: #5a564c;
text-decoration: underline;
}

#right .select-produit h2 a:hover {
color: #e2007a;
}

#right .select-produit-img img {
border: solid 1px #808080;
float:left;
margin-right:3px;
}

#right .select-produit-price {
color: #e2007a;
font-size:11px;
font-weight: bold;
}

#right .select-produit-promo {
font-size: 11px;
color:red;
white-space: nowrap;
}

#right .select-produit-details a {
background: url(/upload/images/design/listing-more-back.gif) repeat-x;
width:145px;
display:block;
border: solid 1px #ccc;
margin:5px auto;
padding: 2px;
}

#right .select-produit-details a:hover {
background: url(/upload/images/design/listing-more-back-hover.gif) repeat-x;
}

/* Produits linked */

.produits_linked {
}

.produits_linked .select-produit {
float:left;
margin-right: 10px;
}

.produits_linked h3 {
margin: 10px 0;
font-size:13px;
}

.produits_linked .select-produit h2 {
font-size:12px;
}

.produits_linked .select-produit h2 a {
text-decoration:underline;
color:#e2007a;
}

.produits_linked .select-produit-price {
color: #e2007a;
font-size:11px;
font-weight: bold;
}

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

.fiche-prod-header {
background: url(/upload/images/design/ficheproduit/fond-titre-produit.gif) no-repeat;
height: 47px;
width:100%;
}

.fiche-produit h1 {
font-size: 16px;
}

.fiche-produit fieldset {
border:0;
}

.fiche-produit h1 span {
font-size: 12px;
font-weight:normal;
margin-left:10px;
}

.fiche-prod-img {
text-align:center;
margin: 10px auto;
width: 410px;
overflow:hidden;
}

.fiche-prod-img img {
margin: 0;

}

.fiche-prod-promo {
color: #e7207d;
font-weight: bold;
text-align:center;
}

.fiche-prod-price .panier_prix_barre {
color: #e7207d;
font-size: 16px;
font-weight: bold;
text-decoration: line-through;
margin-right:5px;
}

.fiche-prod-price .panier_prix {
color: #e7207d;
font-size: 16px;
font-weight: bold;
}

.fiche-prod-desc-tabs {
float:left;
}

.fiche-prod-teintes {
float:right;
}

/* Ajouter panier */

.fiche-prod-teintes .panier_ajouter select {
font-size:10px;
}

/* Teintes */

#teinte_panier_add {
overflow:hidden;
width:320px;
}

.teinte_panier_new {
float:left;
width: 105px;
min-height:80px;
margin-bottom:15px;
}

/*\*/
* html .teinte_panier_new {
height: 80px;
}
/**/

.teinte_panier_new_name {
margin-bottom:5px;
}

.teinte_panier_new_image {
margin-right:5px;
float:left;
width:40px;
}

.teinte_panier_new_qte {
float:left;
margin-right:10px;
}

.teinte_panier_new_qte select {
width:38px;
}

.teinte_panier_new_qte select {
font-size: 10px;
}

.teinte_panier_new_submit {
margin-top:5px;
float:left;
}

/* tabs */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: left;
}

.shadetabs li{
display: inline;
margin: 0;
}

/*.shadetabs li.selected{
position: relative;
top: 1px;
}*/

.shadetabs li.selected a { /*selected main tab style */
text-decoration: none;
margin-right: 3px;
border: 1px solid #7c7c7c;
color: white;
font-weight: bold;
background-color: #7c7c7c;
font-size: 9pt;
padding-left:4px; 
padding-right:4px; 
padding-top:2px; 
padding-bottom:2px
}

.shadetabs li.selected a:visited{
color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
background-color: #7c7c7c;
color: white;
}

.shadetabs li.nonselected a{
text-decoration: none;
margin-right: 3px;
border: 1px solid #c9c9cb;
color: white;
background-color: #c9c9cb;
font-size: 9pt;
padding-left:4px; 
padding-right:4px; 
padding-top:2px; 
padding-bottom:2px
}

.shadetabs li.nonselected a:visited{
color: white;
}

.shadetabs li.nonselected a:hover{
text-decoration: underline;
color: white;
}

.contentstyle{
border: 1px solid #7c7c7c;
width: 270px;
margin-bottom: 1em; padding: 10px;
font-size: 9pt;
}

.contentstyle ul {
margin-left:15px;
padding-left:0;
}

/**************************
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;
}

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

#compte {
float:right;
margin-right: 5px;
margin-top:5px;
width: 248px;
overflow:hidden;
}

#mon-projet p label {
display: block;
color: #fff;
font-weight: bold;
font-size: 13px;
}

#mon-projet p input{
width: 100px;
font-size:10px;
margin-right: 5px;
height:14px;
}

#mon-projet p {
float:left;
margin:0;
}

#mon-projet a {
color: #fff;
text-decoration:underline;
}

.mon-projet-valider {
float:right;
margin-top:17px;
}

#mon-projet-footer a {
width:110px;
display:block;
float:left;
font-weight: bold;
color: #fff;
text-decoration:underline;
}

#mon-projet-footer a:hover {
text-decoration: none;
}

/**************************
Mon panier
***************************/

/* Bloc droite */

#panier {
text-align:center;
}

#panier .sidebar-content {
padding-left:0;
}

.panier_voir a {
text-decoration:underline;
}

.panier-valider {
margin:5px 0;
}

.panier-valider a {
display:block;
background: url(/upload/images/design/side/panier-valider.gif) no-repeat;
width:84px;
height:16px;
line-height:16px;
color:#fff;
font-weight:bold;
margin: 0 auto;
}

.panier-valider a:hover {
color:#fff;
}

/* Identification */

.panier_deja_inscrit, .panier_non_inscrit {
width: 605px;
font-size:13px;
color:#fff;
background: #e2007a;
padding: 2px 0 2px 15px;
}

.panier_count img {
vertical-align: top;
}

.panier_header {
font-size:16px;
}

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

#panier_livraison_gratuite {
border: 1px solid #e2007a; 
width: 580px; 
padding-left: 20px; 
padding-right: 20px; 
padding-top: 10px; 
padding-bottom: 10px;
}

#panier_livraison_content1 {
font-size: 9pt;
font-weight: bold;
}

#panier_livraison_content2 {
font-size: 9pt;
}

#panier_livraison_montant {
color: #e2007a;
}

.panier_table th {
background: #e2007a;
color: #fff;
font-size: 12px;
}

.panier_table th, .panier_table td {
border-bottom: solid 10px #fff;
}

.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 6px;
}

.panier_table_produit {
font-weight: bold;
}

.panier_table_prix_ttc, .panier_table_prix {
font-weight: bold;
}

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

.panier_tr_on td, .panier_tr_off td, .panier_tr_total_ht td, .panier_tr_tva td {
background: #e7e8ec;
}

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

.panier_table_suppr {
text-align:center;
}

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

/* Etape 3 */

.panier_mode_prix_title {
border-bottom: solid 1px #999;
padding-bottom: 15px;
}

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

.panier_mode_title {
font-size: 16px;
font-weight: bold;
}

.panier_mode_image {
vertical-align:middle;
}

.panier_mode_livraison input {
border: solid 1px #999;
padding: 2px;
color: #333;
}

.panier_mode_livraison input:hover, .panier_mode_livraison input:focus {
border: solid 1px #333;
background: #fafafa;
}

#panier_recap {
font-size: 16px;
}

/**************************
Mot de passe perdu & Login Form
*************************/

#FNAIM_Pass_Form input, #FNAIM_Login_Form input {
border: solid 1px #999;
padding: 1px;
color: #333;
font-size: 10px;
}

#FNAIM_Login_Form input {
width: 110px;
}

#FNAIM_Login_Form label {
width: 130px;
display:block;
float:left;
}

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

#FNAIM_Login_Form a {
line-height:20px;
}

#FNAIM_Pass_Form input:hover, #FNAIM_Pass_Form input:focus, #FNAIM_Login_Form input:hover,
#FNAIM_Login_Form input:focus {
border: solid 1px #333;
background: #fafafa;
}

#FNAIM_Pass_Form fieldset, #FNAIM_Login_Form fieldset {
border:none;
}

#FNAIM_Pass_Form legend, #FNAIM_Login_Form legend {
display:none;
}

/**************************
Formulaire inscription
*************************/

#FNAIM_Inscription_Form fieldset, #FNAIM_Modify_Form fieldset {
border: none;
}

#FNAIM_Inscription_Form legend, #FNAIM_Modify_Form legend {
display:none;
}

#FNAIM_Inscription_Form label, #FNAIM_Modify_Form label {
display: block;
width: 250px;
float:left;
margin: 1em 0;
}

#FNAIM_Inscription_Form input, #FNAIM_Inscription_Form textarea, #FNAIM_Inscription_Form select,
.modify_user input, .modify_user textarea, .modify_user select {
border: solid 1px #999;
padding: 1px;
color: #333;
font-size: 10px;
margin: 1em 0;
vertical-align: middle;
}

#FNAIM_Inscription_Form input:hover, #FNAIM_Inscription_Form input:focus, #FNAIM_Inscription_Form textarea:hover,#FNAIM_Inscription_Form textarea:focus,
.modify_user input:hover, #FNAIM_Modify_Form input:focus, .modify_user textarea:hover, .modify_user textarea:focus {
border: solid 1px #333;
background: #fafafa;
}

#FNAIM_Inscription_Form br, #FNAIM_Modify_Form br {
clear:both;
display:block;
}

/**************************
Contact Form
*************************/

#contact_form fieldset {
border:none;
}

#contact_form legend {
display:none;
}

#contact_form label {
width:200px;
display:block;
float:left;
}

#contact_form p {
overflow:hidden;
clear:both;
}

#contact_form p input, #contact_form p textarea {
border: solid 1px #999;
padding: 2px;
color: #333;
width: 210px;
}

#contact_form p textarea {
height: 80px;
}

#contact_form p input:hover, #contact_form p input:focus,
#contact_form p textarea:hover, #contact_form p textarea:focus {
border: solid 1px #333;
background: #fafafa;
}

#contact_form div {
text-align: center;
}

/**************************
Footers
*************************/

#footer-bas {
	font-size: 10px;
	color: #FFFFFF;
	background: #000000;
	height: 21px;
	padding-top:8px;
	padding-left:10px;
}

#footer-bas a {
	color:#FFFFFF;
	padding-right: 28px;
}

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

#footer-haut {
	background: #FFFFFF;
	height: 29px;
}

#footer-haut img {
display: block;
}

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

#home_boutique {
background: #edebea;
width:100%;
}

#home_boutique td {
padding: 5px;
}

.home_title, .home_title_2, .adresse_title {
font-size: 14px;
font-weight: bold;
}

/* Gerer mes adresses */

.adresse_table input, .adresse_table textarea, .adresse_table select {
border: solid 1px #999;
padding: 1px;
color: #333;
display:block;
font-size:10px;
}

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

.adresse_table input:hover, .adresse_table input:focus, .adresse_table textarea:hover, .adresse_table textarea:focus{
border: solid 1px #333;
background: #fafafa;
}

/* Mes commandes */

#commandes {
border-collapse: collapse;
width: 100%;
}

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

#commandes td {
padding: 5px;
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;
}

/**************************
Facture
***************************/

#main_bill {
width: 600px;
margin: 0 auto;
border: 1px solid #666;
padding: 10px;

}

#main_bill br {
line-height:0;
}

#main_bill table { 
border-collapse: collapse;
}

/* Infos facture */

#bill_table_ginfos {
border: 1px solid #666;
margin: 20px 0 30px 0;
}

#bill_table_ginfos td {
padding: 6px 5px;
}

#bill_table_ginfos_type td {
text-align: center;
font-weight:bold;
}

#bill_table_ginfos_th td {
background: #ddd;
}

/* Recaptilatif */

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

#bill_recap {
width: 100%;
margin: 0 auto 20px auto;
text-align:center;
}

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

#bill_recap td {
padding: 6px 0;
border-bottom: 1px solid #666;
}

/* Totaux & TTC */

#bill_table_totaux, #bill_table_ttc { 
width:100%;
text-align:center;
}

#bill_table_totaux {

}

#bill_table_ttc {

}

#bill_table_ttc_th td, #bill_table_totaux_th td  {
background: #ddd;
font-weight:bold;
border-top: 1px solid #666;
}

#bill_table_totaux td, #bill_table_ttc td {
padding: 6px 0;
border-bottom: 1px solid #666;
}

/* Footer */

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

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

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

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


#cms_content ul {
margin-left:25px;
padding-left:0;
}