/* CSS Document  */

@import "new_FrontOffice.css";

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	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 d'accueil */
	width: 978px;
	background: #5a4936;
	height: 123px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header_page { /* pages interieures */
	width: 978px;
	background: none repeat scroll 0 0 #5A4936;
	height: 130px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #7B6D5B;
}
#logo { /* page d'accueil */
	height: 82px;
	width: 275px;
	text-align: center;
	padding-top: 16px;
	float: left;
	position: relative;
}@import "new_FrontOffice.css";
#logo_page { /* pages interieures */
	height: 82px;
	width: 275px;
	text-align: center;
	padding-top: 7px;
	float: left;
	position: relative;
}
#menubis {
	float: left;
	position: relative;
	height: 46px;
	width: 390px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #837567;
	padding-top: 14px;
}
#menubis a{
	color:#FFFFFF;
	font-size: 11px;
}

/*  --------------- */


/* IDENTIFICATION  */
#identification {
	float: right;
	height: 39px;
	width: 266px;
	position: relative;
	background-color: #ece2c5;
	top: 7px;
	right: -12px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#identification #compte {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5a4936;
	line-height: 20px;
	float: left;
	position: relative;
	width: 115px;
}
#identification #compte a{
	color: #5a4936;
}
#identification #panier {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	color: #5a4936;
	float: left;
	position: relative;
}
#identification #panier a{
	color: #5a4936;
}
#identification #panier #panier_rouge a{
	color: #d14800;
    font-weight:bold;
}


/* MENU  */
#menu {
	float: left;
	height: 38px;
	width: 703px;
	position: relative;
}
#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	float: left;
	position: relative;
}
#menu li.accueil a{
	height: 25px;
	list-style-type: none;
	padding:6px 5px 7px;
	display: block;
	background-color: #7b6d5b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	padding: 6px 8px 7px;
	margin :0 5px 0 0;
	float: left;
	position: relative;
}
#menu li.accueil a:hover{
	background-color: #d14800;
	text-decoration: none;
}

#menu li.liProduitsBebe a{
	height: 25px;
	list-style-type: none;
	padding: 6px 5px 7px 5px;
	display: block;
	background-color: #d14800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin :0 5px 0 0;
	float: left;
	position: relative;
}
#menu li.liProduitsBebe a:hover{
	background-color: #d14800;
	text-decoration: none;
}

#menu li.menu_principaux a{
	height: 25px;
	list-style-type: none;
	padding: 6px 5px 7px 5px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
}

#menu li.menu_principaux.exergue a
{
	background-color:#d14800;
}

#menu li.menu_principaux.exergue a:hover
{
	background-color:#77A50A;
}
	
#menu li.menu_principaux.actif a
{
	background-color:#77A50A;
}	
	
#menu li.menu_principaux a:hover{
	background-color: #d14800;
	text-decoration: none;
}
#menu li.menu_principaux_actif a
{
    height: 25px;
	list-style-type: none;
	padding: 6px 8px 7px 8px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	position: relative;
    background-color: #77A50A;  
    }

#age{
	font-size:8px;
	}	
	
/* RECHERCHE  */
#recherche { /* page d'accueil */
	position: relative;
	float: right;
	width: 673px;
	background: #77a50a;
	z-index: 7;
	height: 37px;
	padding-top: 13px;
	padding-left: 20px;
	padding-right: 10px;	
}
#recherche_page { /* pages interieures */
	position: relative;
	float: right;
	width: 795px;
	background: #77a50a;
	z-index: 1;
	height: 32px;
	padding-top: 7px;
	padding-left: 10px;
	
}
#champs {
	float: left;
	position: relative;
}
/*#motscles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #565655;
	margin: 0px;
	padding:2px 8px;
	vertical-align: top;
	height: 18px;
	border:1px solid #fff;
}
*/
#typederecherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #565655;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 22px;
}
#lecteur_ambiance {
	float: right;
	position: relative;
	padding-top: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 15px;
	vertical-align: middle;
}
#lecteur_ambiance a{
	color:#FFFFFF;
}

.InputArea
{
    border:1px solid #77A50A;
    height:22px;                    	
    display:block;
    background-color:#fff;
}
                    
.SearchArea
{
    /*width:251px;*/
}
                    
.EmailArea
{
    /*width:180px;*/
}
                    
.InsideInputText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #565655;
	margin:1px;
    vertical-align: top;
    border: 0px solid white;
    outline:none;
    height:18px;
    display:inline;
}
                    
.Email {
    width:120px;
}
                    
.Search {
    width:200px;
    font-weight:bold;   
}

.InsideButton
{
	width:20px;
	height:20px;
	border:1px solid #fff;
	display:inline;
}
                    
/*Social sharing*/
#SocialShared
{
	float:right;
	vertical-align:middle;
}

#recherche #SocialShared
{
	margin-top:-10px;
}

#recherche #SocialShared #GooglePlusOne
{
	float:none;	
}

#recherche #SocialShared #FacebookILike
{
	float:none;	
}

#recherche_page #SocialShared #GooglePlusOne
{
	float:left;	
}

#recherche_page #SocialShared #FacebookILike
{
	float:left;
	margin-top: 2px;
}


#GooglePlusOne
{
	display:inline-block;
	width:70px;
	margin-top:2px;
	float:left;
}

#FacebookILike
{	
	width:90px;
	float:left;
}


/* CONTENU --------------- */

#contenu {
	width: 978px;  
	margin: 0 auto;  
	background-color:#fff;
	position: relative;
}


/*----------------- CLUB NATURE ------------------------- */
#clubNature {
	clear:both !important;
	border-top:1px solid #dfdac3;
	color:#483929;
	padding:12px 18px;
	font-size:11px;
	background-color: #f5f0e2;
	height:114px;
}

#clubNature .callToAction a {
	font-size:11px ; 
}

#clubNature h3 {
	font-size:13px;
}
#clubNature h4 {
	font-size:11px;
}

.titreFooter1 
{
    font-size:13px;
    font-weight:bold;
}
.titreFooter2
{
    font-size:11px;
    font-weight:bold;
}



#clubNature ul, #clubNature h3, #clubNature h4 {
	margin:0;
	padding:0;
}
#clubNature ul {
	display:block;
	float:left;
	margin:6px 12px;
}
#clubNature li {
	list-style-type:none;
    background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Interface/call_marron.gif) no-repeat transparent 2px 6px;
    line-height:16px;
    text-indent:12px
}
#clubNature .titreListe {
 	background:0;
 	text-indent:0 !important;
	margin-left:-10px;
}
#clubNature #argumentsEcommerce {
	margin:-18px 0px 0px 50px ;/* repositionne les arguments */
}

#clubNature #argumentsEcommerce li { line-height:22px;  text-indent:24px;
	padding-left:10px;
}
.picto_securite{background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Footer/picto_securite.gif) transparent no-repeat  0px 4px !important;}
.picto_debit {background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Footer/picto_debit.gif) transparent no-repeat  6px 5px !important}
.picto_echange {background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Footer/picto_echange.gif) transparent no-repeat  2px 4px !important}
.picto_delivery{background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Footer/picto_delivery.gif) transparent no-repeat  2px 5px !important}



/* FOOTER  */
#contenu-footer {
	width: 978px;  
	margin:0 auto;  

}

/* FOOTER */
#google-script {

height:0;
margin:0;
padding:0;
display:none;
}
#footer {
	height: 68px;
	width: 978px;
	background-color: #483929;
}
#plansite {
	float: left;
	position: relative;
	height: 58px;
	width: 630px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #837567;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 25px;
}
#plansite a{
	color: #FFFFFF !important;
	font-size: 11px !important;
	white-space: nowrap !important;
}
#copyright {
	float: left;
	height: 58px;
	width: 328px;
	position: relative;
	text-align: center;
	padding-top: 10px;
}



/* FIL D'ARIANE  -------------- */

#fil_ariane {
	color:#CDC9AC;
    font-size:11px;
    letter-spacing:0;
    padding:0 0 10px;
}
#fil_ariane a, #fil_ariane span{
	padding:0 2px;
}


.fermerdialog
{
    cursor: pointer;
    z-index:1;
    clear:both;
    float: right;
    margin-top: 10px;
}


/* NEWSLETTER MODEL POPUP */

#newsletterModalPopup {
	width: auto;
	background-color: #f2efd7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdac3;
	height: 70px;
	padding-top: 15px;
	
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	display:none;
}

#newsletter {
	/*color: #565655;*/
		position:absolute;
	left:350px;
}

#mail1 {
	color: #565655;
	height:18px;
	font-size:11px;}
/* ---------------------------- */

/* -----------------  PAGINATION  ----------------------*/
.pagination {
	clear:both;
	display:block;
	list-style-type:none;
	background-color:#f8f7ef;
	border-top:1px solid #dfdac3;
	height:34px;
	padding:0 8px 10px 6px;
	font-weight:700;
	padding:0 25%
}
 .pagination li {
	float:left;
	border-right:1px solid #dfdac3;
}
.pagination li:first-child, .pagination li:last-child {
border:0;	
}
.pagination li a {
	padding:6px 10px;
	float:left;
}
 .pagination .active {
	background-color:#fff;	
	color:#d14800;	
	font-weight:700;
	padding:7px 10px;
	border:1px solid #dfdac3;
	border-top:0;
	position:relative;
	top:-1px;
}
 .pagination .pageSuivante {
		background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Interface/call_bleu.gif) no-repeat transparent right center;
		border:0 !important;
}
 .pagination .pagePrecedente {
		background:url(http://cache.natureetdecouvertes.com/wwwStaticContent/ned/Content/images/Interface/back.gif) no-repeat transparent left center;
				border:0;
}
.pagination .inactive {
		padding:6px 10px;
		color:#b6b5b0;
}