﻿/* CSS Document */﻿/* ---------------------------------------------------------

Cette feuille de style s'ajoute à la CSS FrontOffice. 
Elle définit de nouveaux styles pour le parcours panier.

Pour être sûr de ne pas écraser les styles du site nature&decouvertes,
vous pouvez ajouter ".panier" devant chaque classes de ce fichier.

Pour information, il vaut mieux utiliser des noms de classes qui apportent
du sens au code. C'est pourquoi, j'ai transformé la classe ".rouge" en
".prix ou .important"

SOMMAIRE
1. STYLES DE BASE
2. STYLES RECURRENTS (SEO Friendly)
3. STYLES DES FORMULAIRES
4. STYLES DES BOUTONS / INTERACTEURS
5. FLOTTANTS ET CLEAR

 ---------------------------------------------------------*/

/* -----------------  STYLES DE BASE ----------------------*/
small {
	font-size:11px;
	line-height:16px;
}
p { /* AMELIORE LA LISIBILITE DES PARAGRAPHES */
	line-height:18px;
	word-spacing:.1em;
	hyphenate:auto;
	hyphenate-lines:3;
	margin:12px 0; 
}
/* -----------------  STYLES RECURRENTS - SEO----------------------*/
.infoMineure {
	color:#808080;
}
.important, .prix {
	color:#d14800;
}
.success, .gratuit {
	color:#77a50a !important;
}
.confirmation {
		color:#77a50a !important;
		background-color:#e0f3b3;
		font-size:16px;
		padding:14px;
		margin:0;
}
.prixPromo {
	text-decoration:line-through;
	font-size:11px;
}
.impression {
	display:none;
}
/* -------------------- FORMULAIRES --------------------  */
.maCommande label { 
	position:relative;
	top:-2px;
}
.panier label input { /* CENTRE LES CHECKBOXES AVEC LE TEXTE */
	position:relative; 
	top:2px;
	margin-right:2px;
}
.panier select, .panier input {
	border:1px solid #bbd9f1;
	padding:4px 3px;
}

.panier .btnRadio,.panier .btnRadio:hover, .panier .btnRadio:focus  {
	padding:0; /* SUPPRIME UN BUG SOUS IE */
	border:none;
	margin-right:4px
}
.panier fieldset {
	border:0;
	border-top:1px solid #eae8d9;
	padding:4px 0 0 40px;
	margin:12px 0 24px 0;
	width:75%;
}
.panier legend {
	font-size:14px;
	font-weight:700;
	color:#5a4936;
	padding:0 8px;
}
.panier legend small {
	font-weight:200	
}
/* -----------------  BOUTONS ----------------------*/
.btnMajeur, .btnMajeur:link, .btnMajeur:visited {
	display:none;
}

.btnValidation, .btnValidation:link, .btnValidation:visited {
	display:none;
}

.btnMineur {
	display:none;
}
.btnRetour {
	display:none;
}
.btnAjoutPanier {
	display:none;
}
/* -----------------  FLOTTANTS  ----------------------*/
.floatLeft {
	float:left;
	display:block;
	margin-bottom:10px;
	margin-right:10px;
}
.floatRight {
	float:right;
	display:block;
	margin-bottom:10px;
	margin-left:10px;
}
/* -----------------  CLEAR ----------------------*/
.panier .clear { /* http://sonspring.com/journal/clearing-floats */
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	line-height:0px;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin: 0; 
	padding: 0;
	background: #f7f6ee;
}
body a 
{
    color: #1e7cc5;
	text-decoration: none;	
}
body a:hover {
	text-decoration: underline;
}
body img {
	border: 0px;
}


#container {
	min-width: 990px;  
	margin: 0 auto; 
	text-align: left;
}

.clear{
	clear: both;
}

.rouge{
	color: #d14800;
}
.vert{
	color: #77a50a;
}
.bleu{
	color: #1e7cc5;
}
.gris_clair{
	color: #808080;
}


.fleches_rouges { /* utilisées dans toutes les pages */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #d14800;
	font-style: normal;
}

.fleche_marronclair {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #afa076;
	font-style: normal;
}

/*----------------------------*/

/* HEADER --------------- */


#header_page { /* pages interieures */
	display:none;
}/*  --------------- */



/* CONTENU --------------- */

#contenu {
	width: 978px;  
	margin: 0 auto;  
}

/* SERVICES & PROGRAMME  */
#service_programme {
	display:none;
}


/* FOOTER  */
#footer {
	display:none;
}

#copyright {
	display:none;
}

