
* {
	font-family:Verdana,Arial,sans-serif;
}
body {
	margin:0;
	padding:0;	
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	color:#000;
	background-color:#C1DFC2;
}
img {
	vertical-align:middle;
	border:none;	
}
form, div {
	margin:0;
	padding:0;	
}
p { 
	padding:4px 0;
	margin:0;
}

a, a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
a span {
	display:none;
}

h1 { font-size:22px;margin:0;padding:6px 0; }
h2 { font-size:16px;margin:0;padding:5px 0; }
h3 { font-size:14px;margin:0;padding:3px 0; }
h4 { font-size:13px;margin:0;padding:2px 0; }
h5 { font-size:11px;margin:0;padding:2px 0; }

select, textarea { font-size:12px; } 
label  { /*display:block;*/  }
input, textarea, select {
	border:1px solid #A7A7A7;
	color:#007C30;
}
textarea {
	height:60px;
}
.champ_texte, .liste {
	width:300px;
}
fieldset {
	border:2px solid #007C30;
	padding:10px;
	margin:5px 0;
}
fieldset legend {
	font-weight:bold;
	color:#007C30;
	padding:0 5px;
	font-size:13px;
}
small {
	font-size:11px;
}

hr {

}

button {
	padding:0 5px;
	margin:0 3px;
}

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



/* CADRE PRINCIPAL */
#main {	
	margin:0 auto;
	width:950px;	
	position:relative;
	background:url('fond-repeat.jpg') repeat-y;
}
#main.sommaire {
	background:url('fond-repeat-accueil.jpg') repeat-y !important;
}
#header {
	float:left;
	width:950px;
	margin:0 0 10px 0;
	padding:0;
	position:relative;
}
#header h1 {
	margin:0;padding:0;
	width:950px;
	height:133px;
	background:url('main_bandeau.jpg') no-repeat;
}
#header h1 a {
	display:block;
	float:left;
	width:950px;
	height:90px;	
}


#menu {
	margin:15px 21px;
	float:left;
	width:180px;
}
#menu ul.niv1 {
	margin:0;padding:0;
	list-style:none;
}
#menu ul.niv1 li {
	margin:0;padding:0;
	list-style:none;
	display:inline;
}
#menu ul.niv1 li a {
	margin:0; 
	padding:12px 0 0 0;
	display:block;		
	width:180px;
	height:36px;
	background:url('btn-menu.jpg') no-repeat center top;
	text-align:center;
}
#menu ul.niv1 li .m-produits {
	background-position:center bottom !important;
}
#menu ul.niv2 {
	margin:0;padding:0;
	list-style:none;
}
#menu ul.niv2 li {
	margin:0;padding:0;
	list-style:none;
	display:inline;
}
#menu ul.niv2 li a {
	margin:0 0 2px 0; padding:5px 0;
	display:block;		
	width:180px;	
	height:auto;
	background:#FFF;
	text-align:center;
	font-weight:bold;
	color:#007C30;
}


#panier {
	width:170px;
	padding:5px;
	background-color:#C1DFC2;
}
#panier h4 {
	color:#007C30;
}


#droite {
	float:left;
	width:185px;
	margin-left:34px;
}
#droite .bloc {
	background-color:#FFF;
	padding:5px 10px;
	margin-bottom:10px;
}


#submain {
	background:#FFFFFB;
	border:2px solid #007C30;
	min-height:500px;
	float:left;
	width:706px;
	margin-left:18px;
}

#submain-sommaire {
	background:#FFFFFB;
	border:2px solid #007C30;
	min-height:500px;
	float:left;
	width:470px;
	margin-left:18px;
}


#content {
	margin:10px 20px;
}

#chemin, #chemin * {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


/************************************************/
/*						CONTENU					*/
/************************************************/

#content h1, #content h2, #content h3, #content a, #droite a {
	color:#007C30;
}



.detail {
	display:block;
	border:1px solid #007C30;
	background-color:#C1DFC2;
	padding:3px 5px;
	margin:3px 3px 3px 0;
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

.logos {
	padding:10px;
	width:280px;
	text-align:center;
	vertical-align:middle;
}

.produit, .formulaire_boutique table {
	table-collapse:collapse;
	margin:0 auto 15px auto;
	width:630px;
}
.produit {
	border:2px solid #007C30;
}


.qte-panier {
	width:40px;	
	text-align:center;
}

.boutons-vert, .bouton_normal, .bouton_important {
	display:block;
	width:140px;
	height:18px;
	padding:2px 15px;
	border:1px solid #007C30;
	background-color: #007C30;
	text-align:center;
	color:#FFF !important;
	text-decoration:none !important;
	font-weight:bold;
}
.bouton_normal, .bouton_important {
	float:right;	
}
.bouton_important {
	font-size:13px;
}
.boutons-vert:hover, .bouton_normal:hover, .bouton_important:hover {
	background-color: #FFF;
	color:#007C30 !important;
}
.bouton_ajouter_au_panier {
	font-style:italic;
}




.boutons-jaune {
	display:block;
	width:120px;
	height:20px;
	padding-top:3px;
	background:url('btn_bandeau.jpg') no-repeat center top;
	text-align:center;
	color:#000;
	text-decoration:none !important;
	font-weight:bold;
	font-style:italic;
}
.boutons-jaune:hover, .boutons-jaune:hover {
	background-position:center bottom !important;
}
.bouton_enregistrement {
	position:absolute;
	top:95px;
	left:100px;
}
.bouton_identification {
	position:absolute;
	top:95px;
	left:270px;	
}
.bouton_panier {
	position:absolute;
	top:95px;
	left:440px;	
}

.bouton_voir_le_detail, .bouton_espace_client, .bouton_passer_la_commande {
	display:block;
	padding:2px;
	margin:3px;
	color:#FFFF00;
}
.bouton_voir_le_detail { background-color:#007C30; border:1px solid #007C30; text-align:center; text-transform:uppercase; }
.bouton_passer_la_commande  { background-color:#007C30; border:1px solid #007C30; font-weight:bold; }
.bouton_voir_le_detail:hover, .bouton_passer_la_commande:hover { border:1px solid #FFF; }



#pagination {
	text-align:right;
	padding-right:20px;
	color:#007C30;
}
#pagination a {
	color:#007C30;
}
#pagination a:hover {
	text-decoration:underline;
}
#pagination .on {
	font-weight:bold;
}

.total_ttc {
	font-weight:bold;
}
.boutons {}
.boutons li {
	clear:both;
	padding:7px 20px;
}
#liste_etapes {
	margin:5px 0 5px 30px;
}
#liste_etapes .en_cours {
	font-weight:bold;
}

.formulaire_boutique dl {
	width:600px;
	margin:0;
	padding:10px 0;
	clear:both;
}
.formulaire_boutique dt {
	float:left;
	width:200px;
	margin:0;padding:0;
}
.formulaire_boutique dd {
	float:right;
	width:350px;
	margin:0;padding:0;
}



/************************************************/
/*						DIVERS					*/
/************************************************/
.vert {
	color:#007C30;
}
.rouge, .erreur {
	color:#ff0000;
}
.blanc {
	color:#FFF !important;
}

/************************************************/
/*						UTILS					*/
/************************************************/
.noborder {
	border:none;
}
.spacer {
	clear:both;	
	padding:7px 0; 
}

.hidden, .tabs-hide	{ display:none;      }

.bold 		{ font-weight:bold;  }
.italic 	{ font-style:italic; }
.center 	{ text-align:center; }
.right	 	{ text-align:right;  }
.left	 	{ text-align:left ;  }
.justify 	{ text-align:justify;}

.f-right 	{ float:right; }
.f-left 	{ float:left;  }
.clear	 	{ clear:both;  }

.block 		{ display:block; }
.inline		{ display:inline; }

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

/************************************************/
/*				DOCUMENTS JOINTS				*/
/************************************************/
#portfolio {
	margin:0 auto;
	width:687px;
}
.documents-images {
	float:left;
	width:170px;
	text-align:center;
	min-height:150px;	
}
.documents-images small {
	display:block;
	margin:0 auto;
}
.documents-images img {
	border:1px solid #FFF;
}

#TB_window {
	background-color:#000 !important;
	color:#FFF !important;
}
#TB_window a {
	color:#FFF !important;
}

/************************************************/
/*						SPIP					*/
/************************************************/

a.spip_out { color:#BCBDBF;	text-decoration:underline; }
a.spip_in { color:#BCBDBF;	text-decoration:underline; }

.spip_logos { }
.spip_documents { }
.spip_documents_center { display:block;text-align:center; }
.spip_documents_right {}
.spip_documents_left { }

p.spip, p.spip_note  { margin:3px 0; }

h3.spip, h4.spip { color:#FFED00; }
hr.spip {}
ul.spip { margin-left:30px; padding:0;}
li.spip { margin:10px 0;}

ul.forum { list-style-type:none;margin:0 10px;padding:0; }

table.spip {
	border-collapse:collapse;
	border:1px solid #000;
}
table.spip tr.row_first { background:white; }
table.spip tr.row_even { background-color:#C1DFC2; }
table.spip tr.row_odd { }

table.spip td { font-size:12px; border:1px solid #000;padding:5px; }
table.spip th { text-align:center; border:1px solid #000;padding:5px; }

.spip_surligne {
	display:inline !important;
}


ul.boutons {
	margin:0;
	padding:0;
	list-style:none;
}
ul.boutons li input { font-weight:bold; }
