/* CSS Document */



/* CSS page standard */

body {
margin: 0 auto;
text-align: center;
background: url('/_img/bg.jpg') repeat-x #ff6806;
}

#container {
margin: 0 auto;
position: relative;
width: 847px;
text-align: left;
}


#header {
width: 850px;
height: 304px;
}

#page_accueil{
margin: auto;
text-align:center;
}

#artisan_page_accueil {
position:relative;
top:-50px;
font-size:17px;
font-family:Georgia;
color: #4a1e13;

}
	
#main {
margin-top: 49px;
width: 850px;
background: url('/_img/mainBG.jpg') no-repeat bottom;
z-index: 1;
clear: both;
}


h1 {
font-family: Georgia;
font-size: 18px;
}


p {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#mesadresses{
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
margin-left:0px;
width:585px;
}

#corpsdetexte {
padding-bottom: 30px;
position: relative;
left: 115px;
text-align: justify;
width: 587px;
}

#corpsdetexte a{
color:#4A1E13;
font-weight:bold;
text-decoration:none;
}

.illustration{
position: relative;
left: 15px;
margin-bottom: 30px;
border: 2px solid #b74a0b;
width: 544px;
height: 106px;
}

#corpsdetexte h1{
font-family: Georgia;
font-size: 18px;
font-weight: 400;
color: #4a1e13;
}











/* CSS special page d'accueil  */

#main_index {
margin-top: 35px;
width: 850px;
background: url('/_img/mainBG.jpg') no-repeat bottom;
}


.image_index {
position: relative;
left: 110px;
padding-bottom: 5px;
}


#paragraphes_index {
position: relative;
width: 850px;
height: 270px;
}

#paragraphes_index .img{
width: 252px;
height: 55px;
border: 2px solid #b74a0b;
}

#paragraphes_index p{
text-align: justify;
width: 257px;
}

#intro {
position: absolute;
left: 115px;
width: 257px;
font-family: Georgia;
font-size: 10px;
color: #4a1e13;
}

#intro h2, #entreprise h2 {
font-family: Georgia;
font-size: 14px;
font-weight: 400;
position: relative;
top: 8px;
color: #4a1e13;
}


#entreprise {
left: 440px;
position: absolute;
width: 257px;
font-family: Arial;
font-size: 10px;
color: #4a1e13;
}















/* CSS page d'accueil boutique */

#boutique_en_ligne {
width: 600px;
margin-top: 10px;
}

#top_boutique {
position: relative;
left: 25px;
top: 15px;
width: 529px;
height: 37px;
margin-top: -10px;
padding-bottom: 15px;
background: url('/_img/top_boutique.jpg')no-repeat;
}


#top_boutique a {
text-decoration: none;
color: #f6f0e0;
}

#top_boutique #top_texte {
position: relative;
float: left;
top: 2px;
left: 15px;
width: 300px;
}

#top_texte p {
font-family: Georgia;
font-size: 14px;
color: #f6f0e0;
}

#top_boutique #top_liens {
position: relative;
top: 7px;
left: 40px;
}

#top_boutique #top_liens p {
float: left;
font-family: Georgia;
font-size: 10px;
color: #f6f0e0;
}

#lien_moncompte p{
position: relative;
left: 10px;
}

#liste_articles {
position: relative;
width: 600px;
left: 26px;
top: 10px;
margin-bottom: 50px;
}

.lib_categorie {
height: 30px;
padding-top: 20px;
}

.lib_categorie .titre_categorie {
font-family: Georgia;
font-size: 18px;
text-transform: uppercase;
float: left;
position: relative;
padding-right: 15px;
color: #4a1e13;
}


#middle_boutique {
background: url('/_img/fond_autres_produits.jpg') no-repeat;
height: 24px;
width: 529px;
position: relative;
left: 27px;
}

#middle_boutique p {
font-family: Georgia;
font-size: 14px;
color: #fff;
text-transform: uppercase;
position: relative;
line-height: 23px;
position: relative;
left: 15px;
}

#liste_articles2 {
width: 529px;
position: relative;
left: 26px;
}

#texte_flottant {
font-size: 18px;
font-family: Georgia;
color:white;
left:280px;
top: 30px;
position : relative;
font-weight:normal;
}


/* CSS page retrait */

#choix_boutique {
position: relative;
top: 65px;
left: 60px;
font-family: Arial;
color: #fff;
}

#choix_boutique .titre1{
position: relative;
left: 15px;
top: -10px;
font-size: 14px;
}

#choix_boutique .titre2 {
position: relative;
left: 5px;
font-size: 12px;
}

#choix_boutique .titre3{
font-size: 11px;
}

#choix_boutique form {
position: relative;
left: 30px;
}

#choix_boutique .bt_valider {
position: relative;
left: 180px;
top: 10px;
}

#desc_produit p {color: #f6f0e0}
#desc_produit {height:80px;}
#choix_boutique p {color: #f6f0e0;}






/* CSS fiche produit */

#bloc_produit {
width: 585px;
height: 375px;
padding: 0;
background: url('/_img/fiche_produit.jpg');
}

#illu_produit {
float: left;
position: relative;
left: 3px;
width: 242px;
height: 371px;
}

#contenu_produit {
width: 341px;
height: 371px;
margin-left: 242px;
}


#titre_produit {
position: relative;
left: 20px;
top: 15px;
}

#titre_produit p {
font-family: Georgia;
font-size: 12px;
text-transform: uppercase;
color: #f6f0e0;
}

#desc_produit {
float:left;
margin-left: 20px;
margin-top: 0px;
width: 295px;
font-family: Georgia;
font-size: 12px;
color: #f6f0e0;
}

#produits_qte {
margin-left:5px;
float:left;
width: 340px;
height: 180px;
}

.ligne_prod_qte {
width: 330px;
height: 35px;
}

.ligne_prod_qte table {
font-family: Georgia;
font-size: 12px;
color: #f6f0e0;
}

.ligne_prod_qte td { 
width: 100px;
height: 23px;
text-align: center;
}


.td_poids, .td_prix, .td_lib {font-family: Georgia;}

#bouton_valider {
position: relative;
left: 320px;
bottom: 31px;
width: 110px;
height: 25px;
}


#bouton_valider p a {
text-decoration: none;
}

#suite_commande{
display: none;
position: absolute;
top: 210px;
left: 120px;
width: 378px;
height: 107px;
background: url('/_img/fond_suite_achat.jpg');
z-index: 2;
}

#suite_commande p {
position: relative;
top: 10px;
font-family: Georgia;
font-size: 12px;
color: #f6f0e0;
text-align: center;
}

#suite_commande #form1 {
position: absolute;
left: 35px;
top: 60px;
cursor: pointer;
}

#suite_commande #form2 {
position: absolute;
left: 200px;
top: 60px;
cursor: pointer;
}

















/* CSS page Mes commandes */


#contenu_commandes{
width: 100%;
min-height: 350px;
margin-top: 20px;
clear: both;
}

#bandeau_etapes{
width: 100%;
height: 40px;
/*border-bottom: 1px solid #4a1e13;*/
margin-top: 30px;
/*margin-bottom: 30px;*/
margin-bottom: 15px;
}

#contenu_bandeau {
width: 100%;
height: 30px;
}

#titre_mescommandes {
position: relative;
top: 3px;
width: 115px;
float: left;
font-family: Arial;
font-size: 14px;
color: #4a1e13;

}

#etapes {
margin-left: -33px;
width: 700px;
height: 30px;
/*background: url('/_img/fond_etapes.jpg') no-repeat;*/
}

.etapes_cmd{
position: relative;
top: 0px;
height: 25px;
float: left;
font-family: Georgia;
font-size: 12px;
color: #f3e6df;
}

.etapes_cmd a {
font-family: Arial;
font-size: 12px;
color: #f3e6df;
text-decoration: none;
}


#cmd1 {width: 103px; background: #4a1e13;}
#cmd5 {width: 103px; background: #a4430d;}
#cmd2 {width: 114px; position: relative; left: 2px; background: #a4430d;}
#cmd8 {width: 114px; position: relative; left: 2px; background: #4a1e13;}
#cmd3 {width: 103px; position: relative; left: 4px; background: #a4430d;}
#cmd6 {width: 103px; position: relative; left: 4px; background: #4a1e13;}
#cmd4 {width: 103px; position: relative; left: 10px; background: #a4430d;}
#cmd15 {width: 103px; position: relative; left: 10px; background: #4a1e13;}
#cmd7 {width: 103px; position: relative; left: 6px; background: #4a1e13;}
#cmd10 {width: 111px; position: relative; left: 8px; background: #a4430d;}
#cmd11 {width: 111px; position: relative; left: 8px; background: #4a1e13;}
#cmd13 {width: 111px; position: relative; left: 6px; background: #a4430d;}
#cmd14 {width: 111px; position: relative; left: 6px; background: #4a1e13;}


.num_etape { position: relative; top: 3px; left: 5px}

#nom_etape1 {position: relative; top: 4px; left: 25px;}
#nom_etape2 {position: relative; top: 4px; left: 10px;}
#nom_etape3 {position: relative; top: 4px; left: 20px;}
#nom_etape4 {position: relative; top: 4px; left: 20px;}
#nom_etape10 {position: relative; top: 4px; left: 20px;}
#nom_etape13 {position: relative; top: 4px; left: 20px;}

#liste_commandes {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
text-align: center;
}

#liste_commandes table {
border-spacing: 2px 0px;
}

.td_1 { width: 257px; height: 30px; background: #de5908; border-top: 1px solid #a4430d;}
.td_2 { width: 104px; height: 30px; background: #de5908; border-top: 1px solid #a4430d;}
.td_3 { width: 40px; height: 30px;}
.td_4 { width: 104px; height: 30px;}

#tr_resultat .td_1 {background: none; border: none;}
#tr_resultat .td_2 {background: #4a1e13; color: #f3e6df;}


#fin_commande {
position: relative;
top: 20px;
left: 155px;
}




/* Alertbox*/

.alertBox {
z-index:5000;
width:376px;
height:105px;
background-color: #4a1e13;
border: solid 1px white;
position:absolute;
left:200px;
top:200px

}







/* CSS de la page livraison */

#livraison { width: 100%; color: #4a1e13;}

.titre_livraison {
height: 25px;
font-family: Georgia;
font-size: 16px;
color: #4a1e13;
margin-top: 30px;
margin-bottom: 5px;
border-bottom: 1px solid #4a1e13;
}

#cadre_mes_adresses {
width: 100%;
height: 120px;
}

#cadre_adresse {
width: 200px;
/*width: 150px;*/
float: left;
margin-left: 40px;
}

#cadre_adresse2 {
width: 170px;
float: left;
margin-left: 190px;
}

#cadre_adresse p, #cadre_adresse2 p{
font-family: Georgia;
font-size: 12px;
}

#cadre_adresse p{
font-family: Georgia;
font-size: 12px;
}

#message_add {
width: 430px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

#livraison a{
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#recap_commande {
font-family: Georgia;
font-size: 12px;
}

#mode_livraison table {
width: 570px;
border-spacing: 2px 0px;
font-family: Georgia;
color: #4a1e13
}

#ml_head {
font-size: 11px;
height: 25px;
font-weight:bold;
}

.ml_core td{
font-size: 11px;
height: 30px;
background: #de5908; 
border-top: 1px solid #a4430d;
}


.td2 {width: 70px; text-align: center;}
.td3 {width: 40px; text-align: center;}

#mode_livraison, #bt_valider {
position: relative;
left: 0px;
top: 15px;
}

#adresse_livraison {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

.detail_recapitulatif{
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
width:550px;
height:100px;
}



/* CSS de la page Mon compte */


#moncompte {
width: 610px;
position: relative;
margin-top: 10px;
left: -20px
}

#titre_page_compte {
width: 580px;
height: 30px;
border-bottom: 1px solid #4a1e13;
}

#titre_page_compte p {
font-family: Georgia;
font-size: 14px;
color: #4a1e13;
line-height: 30px;
}

#panneaux {
position: relative;
top: 20px;
width: 590px;
height: 300px;
clear: both;
margin-bottom: 40px;
}

#panneaux2 {
/*width: 420px;*/
width: 585px;

}


#form_login {
position: relative;
top: 10px;
left: 20px;
width: 304px;
height: 230px;
background: url('/_img/mon_compte.jpg') no-repeat;
}


#titre_deja_client {
position: relative;
left: 15px;
top: 10px;
}

#titre_deja_client p{
font-family: Georgia;
font-size: 18px;
color: #f6f0e0;
}

#bloc_info_mon_compte {
position: relative;
right: 20px;
top: 8px;
width: 304px;
height: 100px;
text-align: right;

}

#bloc_info_mon_compte p {
font-family: Georgia;
font-size: 12px;
color: #f6f0e0;
}

#mdp_oublie {
position: relative;
left: 15px;
top: 10px;
}

#mdp_oublie a{
text-decoration: none;
color: #f6f0e0;
font-family: Georgia;
font-size: 12px;
}

#form_register {
position: absolute;
width: 285px;
left: 300px;
top: 0px;
text-align: right;
}

#form_register p {
margin-left: 0px;
margin-bottom: 5px;
margin-right: 0px;
margin-top: 5px;
}

#titre_register {
text-align: left;
position: relative;
left: 123px;
}

#titre_register p {
font-family: Georgia;
font-size: 18px;
color: #4a1e13;
line-height: 40px;
}


#confirm_compte{
display: none;
position: absolute;
top: 120px;
left: 120px;
width: 378px;
height: 107px;
background: url('/_img/fond_suite_achat.jpg');
z-index: 2;
text-align: center;
}

#confirm_compte p {
position: relative;
top: 10px;
font-family: Arial;
font-size: 12px;
color: #f6f0e0;
}

#confirm_compte img {
position: absolute;
left: 155px;
top: 60px;
cursor: pointer;
}

#formulaire_identifiant{
position: relative;
width: 370px;
margin-bottom: 30px;
text-align: right;
}

#formulaire_facturation {
width: 260px;
height: 300px;
text-align: right;
float: left;
}

#formulaire_livraison {
width: 600px;
height: 280px; /*300*/
/*margin-left: 330px;*/
text-align: left;
position: relative;
top: 13px;
}

.titre_facturation {
width:570px;
font-size: 18px;
font-family: Georgia;
text-align: left;
/*border-bottom: 1px solid black;*/
color: #FFFFFF;
background-color:#DE5908;
height:25px;
padding-left:15px;
padding-top:8px;
}

#panneaux select{ width: 145px;}

#table_adresse {
width: 600px;
text-align: left;
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#table_adresse td{
width: 110px;
}






/* CSS de la page mot de passe oublié */


#motdepasse{
position: relative;
top: 87px;
left: 119px;
width: 378px;
height: 107px;
background: #4a1e13;
border: 1px solid #f6f0e0;
z-index: 2;
text-align: center;
margin-bottom: 240px;
}

#motdepasse p {
position: relative;
font-family: Arial;
font-size: 14px;
color: #f6f0e0;
}

#titre_mdp {position: relative; top: 0px;}

#motdepasse #valide_mdp{
position: relative;

}

#confirm_mdp{
position: absolute;
top: 150px;
left: 100px;
width: 378px;
height: 107px;
background: url('/_img/fond_suite_achat.jpg');
z-index: 2;
text-align: center;
}

#confirm_mdp p {
font-family: Arial;
font-size: 14px;
color: #f6f0e0;
position: relative;
top: 12px
}

#confirm_mdp img{
position: relative;
top: 12px;
}



















/* CSS de la page fin */


#block_paiement{
margin-top: 80px;
margin-left: 50px;
text-align: center;
width: 500px;

background: #FF6707;
}

#block_paiement p{
font-family: Georgia;
font-size: 12px;
color: #4A1E13;
}

#block_paiement td{
font-family: Georgia;
font-size: 14px;
color: #4A1E13;
font-weight: 400;
}

#block_paiement input{
border: 6px solid #4A1E13;
}













/* CSS de la page contact */

#nous_contacter {
position: relative;
width: 100%;
height: 700px;
padding-top: 1px;
}

#boutique1 {
position: absolute;

}

#boutique2 {
position: absolute;
left: 310px;
}

#boutique4 {
position: absolute;
top: 440px;

}
#nos_boutiques h1 {
border-bottom: 1px solid #4a1e13;
}

#boutique1 h3 #boutique2 h3{
font-family: Georgia;
font-size: 14px;
font-weight: 700;
color: #4a1e13;
}

#nous_contacter h3 {
font-family: Georgia;
font-size: 14px;
font-weight: 700;
margin-bottom: 0px;
margin-top: 25px;
color: #4a1e13;
}

#nous_contacter h4{
margin: 0px;
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#nous_contacter p {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#nous_contacter a {
color: #4a1e13;
}

#form_contact {
width: 100%;
}

#form_contact table {
border-spacing: 20px 0px;
}

#form_contact td p {
font-family: Georgia;
font-size: 12px;
text-align: left;
color: #4a1e13;
}

#form_contact h1 {
font-weight: 400;
font-family: Georgia;
font-size: 18px;
color: #4a1e13;
border-bottom: 1px solid #4a1e13;
}


.td_simple {
width: 95px;
line-height: 10px
}

#mail_contact {
position: relative;
top:20px;
}

#mail_contact h4{
margin: 0px;
margin-top: 5px;
margin-bottom: 3px;
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#mail_contact p {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#mail_contact a {
font-family: Georgia;
font-size: 12px;
color: #4a1e13;
}

#envoi_contact{
position: relative;
left: 495px;
}

#confirm_contact{
display: none;
position: absolute;
top: 450px;
left: 120px;
width: 378px;
height: 107px;
background: url('/_img/fond_suite_achat.jpg');
z-index: 2;
text-align: center;
}

#confirm_contact2{
position: absolute;
top: 150px;
left: 120px;
width: 378px;
height: 107px;
background: url('/_img/fond_suite_achat.jpg');
z-index: 2;
text-align: center;
}

#confirm_contact p, #confirm_contact2 p {
font-family: Georgia;
font-size: 14px;
color: #f6f0e0;
position: relative;
top: 12px
}

#confirm_contact img, #confirm_contact2 img{
position: relative;
top: 12px;
}












/* CSS du footer */


#footer {
width: 850px;
height: 72px;
font-family: Arial;
font-size: 10px;
background: url('/_img/footer_03.jpg') no-repeat;
}

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


#contenufooter {
position: relative;
float: left;
top: 5px;
left: 120px;
line-height: 7px;
text-align:center;
width:600px;
}

#langues {
position: relative;
float: right;
top: 10px;
right: 64px;
display:block;
}

#drapeaux {
position: relative;
display:block;
float: right;
right: 74px;
bottom: 23px;
}

a img {
border: none;
}

#footer_copy {
	float:left;
	margin-left:120px;
	margin-top:0px;
	text-decoration: none;
color: #4a1e13;
font-family: Arial;
font-size: 10px;

}
#footer_copy a {
text-decoration: none;
color: #4a1e13;
font-family: Arial;
font-size: 10px;
}

#contenufooter span{
	font-size:10px;
	font-family:georgia;
}


.page_precedente {
	cursor:pointer;
	width:280px;
	float:left;
	color: #4a1e13;
	font-family: Georgia;
	font-size: 14px;
}

.page_suivante {
	cursor:pointer;
	width:230px;	
	float:left;
	color: #4a1e13;
	font-family: Georgia;
	font-size: 14px;
}

#pagination {
	cursor:pointer;
	width:70px;	
	float:left;
	color: #4a1e13;
	font-family: Georgia;
	font-size: 14px;
}

#pagination .pagination{
	text-decoration: underline;
}

.pagination_style {
	float:left;
	width:23px;
	height:22px;
	color: #4a1e13;
	font-family: Georgia;
	font-size: 14px;
}

.pagination_style_select {
	float:left;
	width:23px;
	height:22px;
	color: #4a1e13;
	font-family: Georgia;
	font-size: 14px;
	font-weight:bold;
}