/********************************
Or : #FFE32E
Rouge flashy : #F51412
Bordeau : #AC2B29
Gris clair: #C0C0C0
Gris foncé : #999999
Vert pâle: #B4D66F
*********************************/

* { 	scrollbar-face-color: #AC2B29; 	scrollbar-highlight-color: #7A7875; 	scrollbar-shadow-color: #000; 	scrollbar-3dlight-color: #2C2A2C; 	scrollbar-arrow-color: #FFE32E; 	scrollbar-track-color: #2C2A2C; 	scrollbar-darkshadow-color: #2C2A2C;
	border: 0; 	text-decoration: none; }

body { 	margin: 0; 	padding: 0; 	text-align: center; 	background-color: #AC2B29;
	background-image: url(images/fond.gif); 	background-repeat: repeat-y; 	background-position: center; 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px; 	cursor: default; }
#intro_titre {  	font-size: xx-large;  	text-align: center; 	margin: 12px 0 12px 0; }
#intro_titre #intro_txt { 	font-size: small;	 }
body.aide {  	padding-top: 135px; 	padding-left: 12px;	padding-right: 16px;	background-image: url(images/aide.jpg);	background-repeat: no-repeat;	background-position: top center;	color: white;}

a { 	cursor: pointer; }
a.discret {font-size:80%;color:#AAA !important;font-weight:normal !important;}
a.discret:hover {color:#000 !important;}
a.accueil { 	font-size: 12px; 	color: #999999; }
a.accueil:hover { 	color: #FFE32E; }
ul.admin_avancee { 	}
body.aide p { 	text-align: justify; }
body.aide h4 { 	font-family: Times, "Palatino Linotype", Perpetua, "Bodoni MT"; 	padding:0; 	margin-top: 12px;
	background-image: url(images/fleche_000.gif); 	background-repeat: no-repeat; 	background-position: 0% 50%; 	padding-left: 25px;
	margin-top: 60px; }
body.aide a { 	color: #FFF; 	text-decoration: underline; }
body.aide a:hover { 	color: #FFE32E; }

/* accueil */

.accueil_lotRubriques { clear:both; margin: 18px 0 14px 0;}
.accueil_uneRubrique { width: 195px; float: left; margin: 0 8px 16px 8px; padding: 4px;border-left: 1px solid #AC2B29; }
.accueil_uneRubrique h1 { padding-top: 0; text-align:center; border-bottom: 1px solid #AC2B29; margin-bottom: 6px; }
.accueil_uneRubrique a { display:block; padding: 3px 2px; border: 1px solid #FFF; margin-bottom: 1px;}
.accueil_uneRubrique a:hover { border: 1px solid #333; text-decoration:none !important; }

/***********************************

***********************************/

p { 	text-align: left; 	font-size: 10px; }
h1 { 	text-align: left; 	font-size: 28px; 	font-weight: normal; 	margin: 0; 	padding-top: 60px; 	margin-bottom: 3px;	font-variant: small-caps;	font-family: Times, "Palatino Linotype", Perpetua, "Bodoni MT";}
h2 {	text-align: left;	font-size: 13px;	font-weight: bold;	margin: 0;	margin-bottom: 20px;	color: #AC2B29;}
h3 {	text-align: left;	font-size: 18px;	font-weight: normal;	margin: 0;	margin-bottom: 3px;	margin-top: 50px;	font-variant: small-caps;	font-family: Times, "Palatino Linotype", Perpetua, "Bodoni MT";}
h4 {	text-align: left;	font-size: 14px;	font-weight: bold;	margin: 0;	margin-bottom: 3px;	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.titre_souscategorie {	display: block;	background-color: #000;	color: #FFF;	margin-top: 14px;	text-align: center;}
.titre_souscategorie span {	font-weight: bold;	margin-top: 14px;}
.desc_souscategorie {	display: block;	background-color: #000;	padding-top: 2px;	padding-bottom: 2px;	color: #FFF;	font-size: 9px;}
table.produits {	width: 100%;	font-size: 10px;	margin-bottom: 30px;border-collapse:collapse;}
table.produits td {}
table.produits td.legende {	background-color: #AC2B29;	color: #FFF;	text-align: center;}
table.produits td.titre {	width: 24%;	text-align: left;	border-bottom: 1px solid #C0C0C0;}
table.produits td.conditionnement {	width: 18%;	text-align: left;	border-bottom: 1px solid #C0C0C0;	padding-left: 8px;	color: #999999;}
table.produits td.produit_img {width:10%;text-align:left;border-bottom: 1px solid #C0C0C0;}
table.produits td.prix_1, table.produits td.prix_2, table.produits td.prix_3, table.produits td.prix_4  {	width: 9%;	text-align: right;	border-bottom: 1px solid #C0C0C0;}
table.produits td.prix_2  {	font-weight: bold;}
table.produits td.quantite {	width: 12%;	padding-left: 18px;	text-align: center;	border-bottom: 1px solid #C0C0C0;}
input.quantite2 {	margin: 0;	width: 20px;	height: 20px;	border: 1px solid #999999;	text-align: center;}
input.modifqte {	border: none;	cursor: pointer;	background-color: #AC2B29;	width: 11px;	height: 24px;	margin: 0;	color: #FFF;}
input.modifqte2 {	border: none;	cursor: pointer;	background-color: #AC2B29;	width: 11px;	height: 24px;	margin-left: 1px;	color: #FFF;}
table.selection {	width: 94%;	font-size: 10px;	margin-bottom: 30px;	border: 1px solid black;}
table.selection td {}
table.selection td.marge {	height: 16px;}
table.selection td.legende_categorie {	text-align: center;	font-weight: bold;	border-right: 1px solid black;	width: 17%;}
table.selection td.legende_produit {	text-align: center;	font-weight: bold;	border-right: 1px solid black;}
table.selection td.legende_prix {	padding-right: 2px;	text-align: right;	font-weight: bold;}
table.selection td.prix {	text-align: right;	padding: 8px;	padding-left: 2px;}
table.selection td.quantite {	text-align: right;	padding: 2px;	width: 80px;}
table.selection td.categorie {	text-align: left;	padding: 8px;	padding-left: 2px;	padding-bottom: 8px;	border-right: 1px solid black;}
table.selection td.souscategorie {	text-align: left;	padding-left: 8px;	padding-bottom: 8px;	width: 18%;	font-size: 9px;}
table.selection td.designation {	text-align: left;	padding-left: 8px;	padding-bottom: 8px;	width: 15%;	font-size: 9px;}
table.selection td.conditionnement {	text-align: left;	padding-left: 4px;	padding-bottom: 8px;	border-right: 1px solid black;	font-size: 9px;}
fieldset {	border: 0;	margin: 0;	padding: 0;}
fieldset.f {	text-align: left;}
table.erreurs {	width: 100%;	margin-bottom: 10px;}
table.erreurs td {	padding-bottom: 2px;	color: #FFF;	border: none;}
table.erreurs td.titre {	background-color: #000;	font-weight: bold;	text-align: center;}
table.erreurs td.erreur {	background-color: #AC2B29;	background-image: url(images/fleche_000.gif);	background-repeat: no-repeat;	background-position: 7% 46%;
	padding-top: 2px;	border-bottom: 1px solid #FFF;	padding-left: 10%;	font-weight: bold;	text-align: left;}
div#intro {	margin-top: 10px;	margin-left: auto;	margin-right: auto;}
p.mdp_recup {	margin-top: 30px;}
img_cat {	vertical-align: middle;	border: none;}

/*********************************
            STRUCTURE
**********************************/

#panneau1 {
	width: 690px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	color: #FFF;
}
#panneau2 {
	width: 680px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	text-align: left;
	padding: 5px 5px 5px 5px;
	color: #000;
}

.sousrubrique {
	margin: 0;
	padding: 0;
}

#catalogue1 { width: 690px; margin: 0 auto 0 auto; padding: 7px 0; background: #000;
	text-align: center; color: #FFF; }
#catalogue2 { 	width: 690px; padding: 9px 0; margin: 0 auto 0 auto; background: red url(images/fond_menu2.gif) no-repeat; 	text-align: center; border-bottom: 1px dashed #AAA; }
#catalogue3 { 	width: 680px;	display: block;	padding: 5px;	margin-left: auto;	margin-right: auto;	background: #FFF;	text-align: center;	border-bottom: 1px dashed #AAA;}

#catalogue1 a { padding: 5px 2px; font-size: 12px; color: #FFF; background:#000; border:1px solid #000; }
#catalogue1 a:hover { 	color: #FFE32E; background:#444; border:1px solid #CCC; cursor: default; }
#catalogue1 a span.flecheShowOver { font-weight: bold; cursor: default; color: #000; }
#catalogue1 a:hover span.flecheShowOver { color: #FFF; }

#catalogue2 a { padding: 5px; font-size: 12px; color: #FFF; background:none; margin: 0 2px 0 2px; }
#catalogue2 a:hover { 	color: #222; background:#FFF; -moz-border-radius: 2px; border-radius: 2px;}

#catalogue3 a { 	color: black; 	font-size: 10px; 	margin: 0 2px; }
#catalogue3 a:hover {  	text-decoration:underline; }

div.photo_sr { float: right; margin-top: -30px; text-align:center; }
div.photo_sr a { border:0 !important; text-decoration: none !important; font-size: 9px; color:#AAA !important; font-weight:normal !important;}
div.photo_sr a:hover { color:#000 !important; }
div.photo_sr a img { border:0; text-decoration: none; }

#admincatalogue1 {
	width: 680px;
	display: block;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	background:#FFF;
	text-align: center;
	border-bottom: 1px solid #000;
}
.admincatalogue2, .admincatalogue3 { background:#FFF; }
#admincatalogue1 a, .admincatalogue2 a, .admincatalogue3 a { color:#AAA !important;}
#admincatalogue1 a:hover, .admincatalogue2 a:hover, .admincatalogue3 a:hover  { color:#000 !important;}
a.aa  { color:#000 !important; }
a.aa:hover  { color:#000 !important; }

.select_menu {
	display: inline;
	margin: 0 0 6px 0;
	padding: 0;
	width: 160px;
	height: 17px;
	background-color: #FFF;
	font-size: 12px;
}


#principal {
	width: 670px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border-bottom: 2px outset #AC2B29;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	text-align: left;
}

#botte { 	width: 670px; 	display: block; 	margin-left: auto; 	margin-right: auto; 	background-color: #AC2B29; 	padding-top: 14px; 	padding-left: 10px;
	padding-right: 10px; 	padding-bottom: 14px; 	border-bottom: 2px outset #AC2B29;  	color: #FFE32E; 	text-align: left; 	font-size: 10px; 
	}
#test {
	width: 670px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
	border-bottom: 2px outset #AC2B29;
	text-align: right;
}
#bas {
	width: 690px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	border-bottom: 2px outset #AC2B29;
	
	clear: both;
}

#bas_txt {
	font-size: 10px;
}

.go_right { text-align: right; }

/****************************************
                 DIVERS
****************************************/

.cartouche { width: 29%; float:left; border:3px solid #333; border-radius:4px; -moz-border-radius:4px; text-align:center; padding: 8px 4px 8px 4px;
	background: url(images/bg2.gif) top repeat-x; margin-right: 2%;
	}
.cartouche_txt1 { font-size:11px; display:block; margin: 0 0 4px 0; }
.cartouche_txt2 { font-size:13px; display:block; margin: 0 0 10px 0; font-variant:small-caps; }
.cartouche_lien { font-size:12px; display:block; }

#panneau1 a {
	color: #FFF;
	font-size: 11px;
}

#panneau1 a:hover {
	color: #FFE32E;
}
.panneau1_ {
	font-size: 11px;
}
#panneau2 a {
	color: #000;
	font-size: 11px;
	margin-right: 12px;
}

#panneau2 a:hover {
	color: #AC2B29;
}

#principal a {
	color: #AC2B29;
	font-weight: bold;
}

#principal a:hover {
	color: #000;
	text-decoration: underline;
}
#botte a {
	color: #FFE32E;
	text-decoration: underline;
}

#botte a:hover {
	color: #FFF;
}

#bas a {
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}
#bas a:hover {
	color: #AC2B29;
}
p.infos {
	color:#999999;
}

/**************************************
               FORMS
***************************************/

form {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 10px;
}
form.f_connex {	
	width: 300px;
	padding-left: 70px;
	margin-top: 40px;
	margin-left: 200px;
}
f.f_q {
	margin: 0;
}
textarea {
	border: 1px solid #000;
}
input {
	border: 1px solid #AC2B29;
}
input.i_id {
	margin-bottom: 2px;
}
.bouton_add {
	border: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	background-image: url(images/picto_add.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 4px;
}
.bouton_add_gris {
	border: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	background-image: url(images/picto_add_gris.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 4px;
}
.bouton_add_on {
	border: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	background-image: url(images/picto_add_on.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 4px;
}
.bouton_add_gris_on {
	border: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background-color: #FFF;
	background-image: url(images/picto_add_gris_on.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: 4px;
}
input.checkbox {
	border: none;
}
#login {
	width: 100px;
	margin-right: 10px;
}
#mdp {
	width: 100px;
	margin-right: 10px;
}
.submit {
	margin-top: 10px;
	width: 103px;
	height: 25px;
	background-color: #AC2B29;
	border: 2px outset #999999;
	color: #FFE32E;
	font-size: 12px;
}
.compte {

	padding-left: 70px;
	margin-top: 40px;
	margin-left: 60px;
}
.compte td {
	padding-bottom: 4px;
	padding-right: 10px;
}
label {
	font-weight: bold;

}
.obligatoire {
	background-image: url(images/fleche_AC2B29.gif);
	background-repeat: no-repeat;
	background-position: 85% 45%;
}
#comment {
	overflow: auto;
}

/**************************************

***************************************/

body.carteVisite {
	margin: 0;
	padding: 0;
	background: #FFF;
}
table.carteVisite {
	width: 100%;
}
table.carteVisite td{
	border: 1px solid black;
	padding: 4px;

}
table.carteVisite td, div {
	font-size: 12px;
	font-family: verdana;
}


/* Les-cepages vous remercient de votre visite dans cette feuille de style. */