body{
	margin:0;
	padding:0;
	background: #333333;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	/*font-family: courier, Arial, Helvetica, sans-serif;*/
}

img {
	border:0;
}

.flash {
	color:#C94962;
}

.normal {
	color:black;
}

li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
a{
	color:black;
	text-decoration: none;
	cursor:pointer;
}
a:hover{
	color:#B8314F;
	text-decoration: none;
}


.nav a, .cadre a {
	text-decoration: underline;
}

p{
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:12px;
}
input {
	border:1px solid black;
}
input[type=submit],input[type=button], input.ok, .button{
	background:#333333 none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-size:11px;
	padding:3px 5px;
	cursor: pointer;
}
input[type=submit]:hover,input[type=button]:hover, input.ok:hover, .button:hover{
	background:#b8314f none repeat scroll 0 0;
	color:white;
}

.button-select{
	background:#b8314f none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-size:11px;
	padding:3px 5px;
	cursor: pointer;
}


.block-panier img {
	vertical-align:middle;
	margin-right:5px;
}

.button-panier{
	background:#b8314f none repeat scroll 0 0;
	border:medium none;
	color:white;
	font-size:11px;
	padding:3px 5px;
	cursor: pointer;
}
.button-panier:hover{
	background:#000000 none repeat scroll 0 0;
	color:white;
}	

select {
	border:1px solid black;
}
checkbox {
	border:1px solid black;
}
input[type=radio] {
	margin-right:50px;
	background-color:transparent;
	border:none;
}
textarea {
	border:1px solid black;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
span.black{
	color: black;
}
span.red{
	color: #B8314F;
}
span.align-right{
	text-align:right;
	display:block;
}
.width560{
	width: 560px;
	margin: 0 auto;
}
.width900{
	width: 900px;
	margin: 0 auto;
}
/* PAGE div */
#page{
	width:1020px;
	margin:0 auto;
	background: url(../images/bg.jpg) repeat-y left top;
}
#top{
	background: url(../images/top.jpg) no-repeat left top;
	height: 49px;
}
#container{
	margin: 0 10px;
}
#bottom{
	background: url(../images/bottom.jpg) no-repeat center top;
	height: 49px;
}
.clean{
	clear:both;
}
/* CONTAINER div */
#header{
	height: 120px;
}
#menu-h{
	margin-top:3px;
}
#content{
	margin:40px 0px;
}
#footer{
	clear: both;
	text-align:center;
}
#footer .liste{
	border-top: 1px solid black;
	margin:0 auto;
	padding:10px 0;
	width:800px;
}

#footer .liste2{
	margin:0 auto;
	padding:10px 0;
	width:800px;
}
/* POPUP */
#popup{
	margin:5px;
	padding:10px;
	background: white;
}
#popup .logo{
	height:104px;
	background: url(../images/logo.gif) no-repeat left top;
	width:200px;
}
#popup h1{
	font-size:14px;
	margin:0;
	padding:0;
}
#popup .source{
	color:#2FB270;
	display:block;
	font-size:9px;
	font-weight:normal;
	padding-right:10px;
	text-align:right;
}
#popup .details .image{
	margin:20px;
	text-align:center;
	width:160px;
	float:left;
}
#popup .details .texte{
	float:left;
	text-align:justify;
}

#popup .details{
	margin-bottom:20px;
}
/* HEADER div */
#header .logo {
	float:left;
	height:121px;
	cursor:pointer;
	margin:0;
	padding:0;
	color:white;
	text-indent: -9999px; 
}



#header .logo{
	height:104px;
	background: url(../images/logo.gif) no-repeat left top;
	margin-left:16px;
	margin-top:5px;
	width: 200px;
}
#header .logo span,  #popup .logo span{
	display:block;
	margin-left:85px;
	padding-top:85px;
}
#header .bandeau{
	width: 590px;
	float:left;
	height:104px;
	margin-left:10px;
	margin-right:10px;
	margin-top:19px;
	text-align:center;

}

/* PANIER div */

#header .panier{
	float:left;
	border-left: 2px #cccccc dotted; 
	width:140px;
	margin-left:30px;

}
#header .panier span{
	background:transparent url(../images/arrow-black.jpg) no-repeat scroll 10px 5px;
	display:block;
	margin-left:3px;
	padding-bottom:5px;
	padding-left:25px;
	font-size:14px;
	font-weight:bold;
}
#header .panier p{
	color:#B8314F;
	font-size:11px;
	font-style:italic;
	text-align:center;
	height: 26px;
}

#header #bouton_commander_panier{
	margin-left:15px;
}

#header #bouton_commander_panier img{
	vertical-align:middle;
	margin-right:3px;
}

/* MENU-H */
#menu-h ul{
	margin:0;
	margin-left:4px;
	padding:0;
}
#menu-h li{
	background:transparent url(../images/menu.jpg) no-repeat scroll left top;
	display:block;
	float:left;
	font-size:12px;
	height:17px;
	margin-left:1px;
	text-align:center;
	width:123px;
	color: white;
	cursor: pointer;
}

#menu-h a {
	text-decoration: none;
}

#menu-h li:hover{
	background-position:left bottom;
	text-decoration: none;
}

#menu-h .on {
	background-position:left bottom;
}

#menu-h li a{
	color: white;
}
#menu-h .sub{
	background:#e9e9e9 none repeat scroll 0 0;
	height:24px;
	margin:2px 17px;
	padding:0 0 0 5px;
	position:relative;
}
#menu-h .sub input.texte{
	background:white none repeat scroll 0 0;
	border:1px solid black;
	font-size:10px;
	padding:3px;
	width:150px;
}
#menu-h .sub .newsletter{

}
#menu-h .sub .newsletter{
	position: absolute;
	text-align:right;
	right:0;
	top:0;
}
#menu-h .sub .menu{
	left:2px;
	position:absolute;
	text-align:left;
	top:2px;
}
/* NAV */
#content {
	margin-top:0px;
}

#content .nav {
	margin-bottom:20px;
	margin-left:20px;

}
#content .nav .description{
	border-left:1px solid black;
	float:left;
	margin-left:20px;
	padding-left:10px;
	width:500px;
}

#content .nav .texte{
	float:left;
	margin-left:188px;
	width:700px;
}


#content .nav ul{
	padding:0;
	margin:0;
	font-size:12px;
}
#content .nav li.first{	
	background:transparent url(../images/arrow-black.jpg) no-repeat scroll 0px 3px;
	padding-left: 15px;
}
#content .nav li{	
	margin-right:5px;
	float:left;
}

/* CONTENT */


#content .left,.all{
	margin-left:20px;
	
}
#content .left, #content .right{
	float:left;
	margin-right:5px;
	width:465px;
	margin-bottom:20px;
}

#content .all{
	float:left;
	margin-right:5px;
	width:935px;
	margin-bottom:20px;
}

#content .cadre{

	padding:15px;
	border-width:11px 2px 3px 2px;
	border : 2px #cccccc dotted;
	min-height: 200px;
	background:transparent url(../images/logo-cadre.jpg) no-repeat scroll 3px 3px;
}
#content .cadre .titre{
	height:25px;
	padding-left:25px;
}
#content .cadre .lien{
	clear:both;
	text-align:right;
	margin-top:10px;
	font-weight:bold;
}
#content .cadre .lien span{
	background:transparent url(../images/arrow-black.jpg) no-repeat scroll 4px 3px;
	margin-left:10px;
	padding-left:15px;
	
}

#content .cadre .lien span .vide{
	margin-left:10px;
	padding-left:15px;
}

#content .cadre img{
	margin-right: 10px;
	margin-bottom: 10px;
}

#content .cadre .video{
	margin-right: 10px;
	margin-bottom: 10px;
}

#content .cadre .texte{
	float:left;
}

.ajouter_panier{
	background:transparent url(../images/panier.jpg) no-repeat scroll right top;
	font-weight:bold;
	padding-right:20px;
}
/* liste */
#content .liste{
	border-left:2px dotted #CCCCCC;
	float:left;
	width:810px;
}

.barre_achat{
	height:24px;
	margin:20px auto 0 auto;
	line-height:24px;
	padding: 0 10px;
	width: 810px;
	text-align:center;
}

.barre_achat_texte2{
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:200px;
}
#content .liste .ligne{
	border-top:2px dotted #CCCCCC;
}
#content .liste .case{
	border-right:2px dotted #CCCCCC;
	float:left;
	padding-bottom:10px;
	width:266px;
}
#content  h1{
	color:black;
	padding-left: 20px;
	margin:0;
	font-weight:bold;
	width: 800px;
	float: left;
	font-size: 14px;
}
#content .liste .tri{
	color:#CCCCCC;
	float:right;
	padding-left:10px;
	text-align:right;
	width:300px;
}
#content .liste .page{
	color:#CCCCCC;
	display:block;
	padding-left:20px;
	letter-spacing: 2px;
	font-weight:bold;
}
#content .liste .page a{
	cursor: pointer;
}
#content .liste .page a,#content .liste .page span{
	float:left;
}
#content .liste .tri a, #content .liste .page a{
	color:#CCCCCC;
}
#content .liste .tri a.on, #content .liste .page a.on{
	color: #B8314F;
}
#content .liste .case.last, #content .liste .ligne.first{
	border:none;
}
#content .liste .case .image{
	text-align:center;
}

#content .liste .case .new{
	color:#E0547A;
	font-weight:bold;
	width:266px;
	text-align:right;
	margin-top:5px;
	height: 50px;
}



#content .liste .case .icone{
	width:22px;
	height:30px;
	padding-left:230px;
	text-align:center;
}
#content .liste .case .prix{
	font-size: 14px;
}
#content .liste .case .reserver{
	font-size: 14px;
}
#content .liste .case .reserver span{
	font-size:12px;
	margin-right: 10px;
}
#content .liste .case .reserver .texte{
	border: 1px solid black;
	width:50px;
}
#content .liste .case .description, #content .liste .case .prix, #content .liste .case .reserver{
	text-align:left;
	padding: 5px 10px 0 10px;
}
#content .liste .case .description{
	height:80px;
}
#content .liste .case .description p{
	font-size: 12px;
	margin:0;
}
#content .liste .case .description h4{
	margin:0px;
	
}

.bio{
	color:#02BC88;
}
 /* sidemenu */
#content .sidemenu{
	width: 185px;
	float: left;
}
#content .sidemenu .cadre-rouge{
	border: 2px solid #B8314F;
	margin: 10px 10px 10px 0;
	padding: 5px;
}
#content .sidemenu span.arrow{
	background:transparent url(../images/arrow-black.jpg) no-repeat scroll 0px 3px;
	padding-left:12px;
}
#content .sidemenu .menu{
	margin-left:10px;
}
#content .sidemenu .autres{
	margin-top: 30px;
}
#content .sidemenu .autres a{
	display:block;
	text-decoration: underline
}

#content .sidemenu a:hover{
	color:#B8314F;
}

#content .sidemenu .niv1{
	margin:0;
	padding:0;
}

#content .sidemenu .niv1 li a{
	color:#B8314F;
	font-size:18px;
	font-weight:bold;
}



#content .sidemenu .niv2{
	margin:0;
	padding:0;
}

#content .sidemenu .niv2 li a{
	color:black;
	font-size:12px;
	font-weight:normal;
}

#content .sidemenu .niv2 li a:hover, .niv3 li a:hover{
color:#B8314F;
}

#content .sidemenu .niv2 li .on{
	font-weight:bold;
	color:#B8314F;
}

#content .sidemenu .niv3 li a{
	color:black;
	font-size:12px;
	font-weight:normal;
}

#content .sidemenu .niv3 li .on{
	font-weight:bold;
	color:#B8314F;
}


#content .sidemenu ul{
	margin:0 15px;
	padding:0;
}

/* panier */
#content .panier{
	float: left;
	width: 260px;
	min-height:200px;
	border-left:2px dotted #CCCCCC;
	border-right:2px dotted #CCCCCC;
}
#content .panier span.retour{
	display:block;
	padding-left: 10px;
	color: black;
}
#content .panier .image{
	text-align:center;
}


#content .liste .case .ajouter{
	width: 248px;
	float:left;
	text-align: right;
	line-height:20px;
	margin-top:10px;
	
}

#content .liste .case .ajouter_d{
	width: 150px;
	float:left;
	text-align: right;
	line-height:20px;
	margin-top:10px;

}

#content .panier .ajouter{
	width: 150px;
	float:left;
	text-align: right;
	line-height:20px;
}

#content .panier .ajouter_d{
	width: 255px;
	float:left;
	text-align: right;
	margin-top:10px;
	margin-right:13px;
	margin-bottom:10px;
}



#content .panier .icone{
	float:left;
	height:30px;
	margin-left:20px;
	width:22px;
}
/* details */
#content .details{
	float:left;
	margin-left:20px;
	width:510px;
}

#content .details h1, #popup .details h1{
	margin:0;
	padding:0;
	font-size:14px;
}

#content .details h2, #popup .details h2{
	margin:0px;
	font-size:12px;
	font-weight: normal;
}

#content .details h3, #popup .details h3{
	margin:0;
	font-size:12px;
	margin-top:10px;
	
}
#content .details p, #popup .details p{
	font-size: 12px;
	font-weight: normal;
}

#content .details .new, #popup .details .new{
	color:#E0547A;
	font-weight:bold;
	width:510px;
	text-align:right;
	margin-top:5px
}

/* tableau (recettes) */

#content .liste .tableau table{
	width: 780px;
	border-collapse:collapse;
	margin:5px;
}
#content .liste .tableau th{
	font-size:10px;
	font-weight:bold;
	height:20px;
}
#content .liste .tableau span{
	color:#2FB270;
	display:block;
	font-size:9px;
	padding-right:10px;
	text-align:right;
	font-weight: normal;
}
#content .liste .tableau td{
	 width: 390px;
	 text-align: center;
	 height:60px;
}
#content .liste .tableau tr.first td{
	border-top: none;
}
#content .liste .tableau tr td{
	border-top:2px dotted #CCCCCC;
}
#content .liste .tableau td.first{
	border-right:2px dotted #CCCCCC;
	font-weight: bold;
}
#content .liste .tableau .white{
	background: white;
}
#content .liste .tableau .grey{
	background: #e9e9e9
}
#content .liste .tableau .black{
	background: #333333;
	color: white;
}
#content .liste .tableau .red{
	background: #b8314f;
	color: white;
}

/* CSS Panier */
#listePanier{
	width:900px;
	margin: 0 auto;
}
#listePanier table{
	border-spacing:0;
	border-collapse: collapse; 
}
#listePanier.recap{
	width:800px;
}
#listePanier td, #listeAdresse td{
	margin: 2px 0;
	height:20px;
	line-height:20px;
	padding:2px 5px;
	font-size:12px;
}
#listePanier  a{
	cursor: pointer;
}
#listePanier  .boutons{
	text-align:right;
}
#listePanier .prix{
	text-align:right;
}
#listePanier .p_trash,#listeAdresse .l_trash{
	text-align:center;
	width:20px;
}
#listePanier .p_titre{
	/*background:#e9e9e9 none repeat scroll 0 0;*/
	width: 440px;
}
#listePanier .p_qte{
	width: 300px;
}
#listePanier .p_qte input{
	width: 50px;
}
#listePanier .p_prix{
	/*background:#e9e9e9 none repeat scroll 0 0;*/
	width: 100px;
	text-align:right;
}
/* CSS authentification */
#formulaire_commande, #formulaire_inscription, #formulaire_authentification, #formulaire_saisie{
	margin: 0 auto;
	position: relative;
}
#formulaire_commande h1, #formulaire_inscription h1, #form h1, #parrainage h1, #content .width900 h1{
	padding-left:0px;
}
#formulaire_commande input[type="radio"], #formulaire_authentification input[type="radio"]{
	margin:6px;
	float:left;
}
#formulaire_commande .description, #formulaire_authentification .description{
	margin: 0 0 10px 30px;
}
#formulaire_commande .radio, #formulaire_authentification .radio{
	height:25px;
	line-height:25px;
	display:block;
}
.erreurs{
	color: red;
	font-weight: bold;
	margin-left:10px;
}
.form_login{
	margin: 40px
} 
.form_login .label{
	display : block;
	float:left;
	width:120px;
}
#formulaire_commande .boutons{
	margin-top:20px;
}
#formulaire_commande .left{
	width: 440px;
	float:left;
	margin: 0;
}
#formulaire_commande .right{
	width: 440px;
	margin: 0 0 0 10px;
}
#formulaire_inscription .ligne, #parrainage .ligne{
	margin: 5px 0;
	height:20px;
	line-height:20px;
}
#formulaire_inscription .ligne_textarea{
	height:100px;
	margin: 5px 0;
	line-height:100px;
}
#formulaire_inscription .ligne_textarea textarea{
	height:100px;
	width:300px;
}
#formulaire_inscription .ligne input[type="checkbox"]{
	padding:4px;
	float:left;
	border: 0 none;
}
#formulaire_inscription .ligne .small{
	font-size: 10px;
	font-style: italic;
	float: right;
	display : block;
	margin-right: 10px;
}
#formulaire_inscription .ligne .label, #formulaire_inscription .ligne_textarea .label{
	display : block;
	float:left;
	width:255px;
}
#formulaire_inscription .ligne .label .texte, #parrainage .ligne .label .texte{
	display : block;
	float:left;
}
#formulaire_inscription input[type=text]{
	width: 300px;
}
#formulaire_inscription input[type=text].width150{
	width: 150px;
}
#formulaire_commande input[type=submit] ,#formulaire_inscription input[type=submit], #parrainage input[type=submit]{
	float:right;
}
input.erreurs, textarea.erreurs{
	background:pink none repeat scroll 0 0;
	border:1px solid red;
	color:red;
	font-weight:normal;
	margin:0px;
}
.barre_separation{
	background:#d7d7d7 none repeat scroll 0 0;
	height:24px;
	line-height:24px;
	text-align:center;
	padding: 10px;
	font-size:12px;
	font-weight:bold;
}
.barre_etapes .precedente, .barre_etapes .gauche{
	display : block;
	float:left;
	width: 290px;
	font-weight:bold;
}
.barre_etapes .etapes, .barre_etapes .milieu{
	display : block;
	float:left;
	width: 300px;
	text-align: center;
}
.barre_etapes .etapes span{
	margin: 0 5px;
}
.barre_etapes .etapes .on{
	font-weight: bold;
}
.barre_etapes .suivante, .barre_etapes .droite{
	display : block;
	float:left;
	width: 290px;
	text-align: right;
	font-weight:bold;
}
.barre_etapes a,#formulaire_inscription a{
	cursor: pointer;
}
.barre_etapes{
	background:#e9e9e9 none repeat scroll 0 0;
	height:24px;
	margin:20px auto 0 auto;
	line-height:24px;
	padding: 0 10px;
	width: 880px
}

#listeAdresse .l_modifier{
	padding:0 20px;
}
.messageOk{
	color: green;
}
#bouton_commander{
	margin-left:15px;
	text-align:center;
}
#parrainage .ligne{
	height:inherit;
}
#parrainage .case{
	float:left;
	width:260px;
	margin-right: 30px;
}
#parrainage .erreurs{
	margin: 0;
}
#parrainage .label{
	display:block;
	float:left;
	width:150px;
}
#parrainage input[type="text"] {
	float:left;
	width:250px;
}
#listeCommande a{
	cursor: pointer;
}
#listeCommande .envoyer, #listeCommande .payer{
	width:70px;
}
#listeCommande .date{
	width:150px;
}
#listeCommande td, #listeParrainage td{
	font-size:12px;
	height:20px;
	line-height:20px;
	margin:2px 0;
	padding:2px 5px;
	text-align:center;
}
tr.gris, tr.pro{
	background: #e9e9e9;
}
tr.destockage{
	background: #f5f5f5;
}
#content #detailRecette{
	margin: 0 auto;
	border-left: 0 none;
	float: none;
}
#content #detailRecette .tableau td{
	vertical-align:top;
}
#content #detailRecette .tableau td.first{
	font-weight:normal;
	padding-right:10px;
	text-align:left;
}
#detailRecette h1{
	width: 390px;
	color: white;
	font-size:12px;
}
#content #detailRecette .tableau .produit{
	color: black;
	font-size:12px;
	font-weight: bold;
	float:none;
	text-align:center;
	padding:0;
	margin:0;
	text-decoration:underline;
}
#content #detailRecette .tableau td.boutons{
	vertical-align:bottom;
	text-align:left;
	padding-left:10px;
}
#content #detailRecette .tableau td.boutons, #content .details div.boutons {
	display:block;
	margin-bottom:5px;
	height:auto;
}
#content #detailRecette .tableau td.boutons img, #content .details div.boutons img {
	display:block;
	float:left;
	margin-right:5px;
	
}
#content #detailRecette .tableau td.boutons span, #content .details div.boutons span{
	float:left;
	color:#c84860;
	font-size:12px;
	display:block;
	margin-top:5px;
	margin-left:0;
	width: auto;
}
#content #detailRecette .tableau table{
	margin:10px 0 0 0;
}
#detailRecette h4{
	font-size:12px;
	font-weight: normal;
	margin:0 0 10px 0;
}
#listeRecettes h2, #detailRecette h2{
	font-weight:bold;
	font-size:12px;
}
#listeRecettes h3, #detailRecette h3{
	font-size:12px;
	font-weight:normal;
}
#carnet_adresse{
	position: absolute;
	top: 0px;
	right: -20px;
	width: 250px;
}

#carnet_adresse_achat{
	float:left;
	width: 250px;
}

#carnet_adresse .carnet,#carnet_adresse_achat .carnet{
	width: 250px;
	height:auto;
	overflow:auto;
	float:left;
	text-decoration:none;
}
#carnet_adresse .adresse,#carnet_adresse_achat .adresse{
	background:#E9E9E9 url(../images/icone_adresse.png) no-repeat scroll 5px center;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 5px 5px 24px;
	width:201px;
	color: black;
}
#carnet_adresse span, #carnet_adresse_achat span{
	float:left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:20px;
	text-decoration:underline;
	display:block;
}
#carnet_adresse .new, #carnet_adresse_achat .new{
	background:#E9E9E9 url(../images/icone_adresse_new.png) no-repeat 5px center;
}
#carnet_adresse a:hover, #carnet_adresse .adresse.selected,#carnet_adresse_achat a:hover, #carnet_adresse_achat .adresse.selected{
	background-color:#D7D7D7;
	color: black;	
}

#liste_video .video{
	float:left;
	width:440px;
	margin: 5px;
}
#liste_video .flash, .details .video{
	text-align:center;
}

#adresse_livraison_aff {
	display:block;
	float:left;
	width:205px;
}

#popup .details .adresse{
	float:right;
	text-align:justify;
}

#popup .details .reference_facture {
	float:left;
	width:680px;
	text-align:justify;
	margin-top:15px;
	margin-bottom:15px; 
	
}

#popup .details .fact {
	float:left;
	width:340px;
}

#popup .details .ref {
	float:right;
	width:340px;
	text-align:right;
}