@charset "utf-8";



img

{

border : none ;

}
a
{ color : #666;
}


.wrap {

	width: 900px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #666666;

	background-color: #FFFFFF;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 0px;

}

.header {

	height: 130px;

	width: 872px;

	margin-right: 14px;

	margin-left: 14px;

}

.compromiso {

	background-image: url(images/compromisomenu.png);

	background-position: left;

	float: left;

	width: 110px;

	margin-right: 8px;

	height: 130px;

}

.compromiso:hover {

	background-position: right;

}

.productos {

	background-image: url(images/productosmenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 96px;

	margin-right: 8px;

}

.productos:hover {

	background-position: right;

}

.boutique {

	background-image: url(images/boutiquemenu.png);

	background-position: left;

	height: 130px;

	width: 83px;

	margin-right: 8px;

	float: left;

}

.animacionuno {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	top: auto;
}
.animacionuno a {
	text-decoration: none;
	color: #666666;
}

.moncompte {

	background-image: url(images/moncomptemenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 90px;

}

.moncompte:hover {

	background-position: right;

}



.boutique:hover {

	background-position: right;

}

.micuenta {

	background-image: url(images/micuentamenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 90px;

}

.micuenta:hover {

	background-position: right;

}





.footer {

	height: 34px;

	width: 872px;

	margin-right: 14px;

	margin-left: 14px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #666666;

	font-weight: bold;

	margin-top: 8px;

	clear : both ;

}

.langues {
	width: 170px;
	height: 34px;
	float: right;

}

.es {

	background-image: url(images/ES.png);

	background-position: left;

	height: 34px;

	width: 38px;

	float: left;

	margin-right: 2px;
	background-repeat: no-repeat;
	

}

.es:hover {

	background-position: right;

}



.uk {

	background-image: url(images/UK.png);

	background-position: left;

	float: left;

	height: 34px;

	width: 38px;

	margin-right: 2px;
	background-repeat: no-repeat;

}

.uk:hover {

	background-position: right;

}
.kr {

	background-image: url(images/KR.png);

	background-position: left;

	float: left;

	height: 34px;

	width: 38px;

	margin-right: 2px;
	background-repeat: no-repeat;

}

.kr:hover {

	background-position: right;

}


.fr {

	background-image: url(images/FR.png);

	background-position: left;

	float: left;

	height: 34px;

	width: 38px;

	margin-right: 2px;
	background-repeat: no-repeat;

}

.fr:hover {

	background-position: right;

}







.tittle {

	/*height: 46px;*/

}





.maincol {

	width: 430px;

	margin-right: 214px;

	margin-left: 256px;

	text-align: justify;

}

.logo {

	width: 228px;

	height: 130px;

	float: left;

}



.panier {

	width: 56px;

	float: right;

	height: 130px;

	background-image: url(images/cesta.png);

	background-position: left;

}

.panierfr {

	background-image: url(images/monpanier.png);

	background-position: left;

	float: right;

	height: 130px;

	width: 76px;

}

.bonjour {

	background-image: url(images/bonjourmenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 73px;

	margin-right: 8px;

}

.histoire {

	background-image: url(images/histoiremenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 85px;

	margin-right: 8px;

}

.bonjour:hover {

	background-position: right;

}

.histoire:hover {

	background-position: right;

}

.produits {

	background-image: url(images/produitsmenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 84px;

	margin-right: 8px;

}

.produits:hover {

	background-position: right;

}





.logo img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.basket {

	background-image: url(images/mybasket.png);

	background-position: left;

	float: right;

	height: 130px;

	width: 68px;

}

.basket:hover {

	background-position: right;

}





.panier:hover {

	background-position: right;

}



.menu {

	margin-right: 56px;

	margin-left: 228px;

	height: 130px;

}

.hola {

	height: 130px;

	width: 56px;

	float: left;

	background-image: url(images/holamenu.png);

	background-position: left;

	margin-right: 8px;

}

.engagementuk {

	background-image: url(images/engagementmenu-english.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 110px;

	margin-right: 8px;

}

.engagementuk:hover {

	background-position: right;

}

.products {

	background-image: url(images/productsmenu.png);

	background-position: left;

	height: 130px;

	width: 81px;

	margin-right: 8px;

	float: left;

}

.products:hover {

	background-position: right;

}

.myaccount {

	background-image: url(images/myaccountmenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 90px;

}

.myaccount:hover {

	background-position: right;

}





.hola:hover {

	background-position: right;

}

.hello {

	background-image: url(images/hellomenu.png);

	background-position: left;

	float: left;

	height: 130px;

	width: 56px;

	margin-right: 8px;

}

.hello:hover {

	background-position: right;

}





.historia {

	background-image: url(images/historiamenu.png);

	background-position: left;

	margin-right: 8px;

	width: 88px;

	height: 130px;

	float: left;

}



.historia:hover {

	background-position: right;

}

.history {

	background-position: left;

	float: left;

	height: 130px;

	width: 76px;

	margin-right: 8px;

	background-image: url(images/historymenu.png);

}

.history:hover {

	background-position: right;

}

#activo  {

	background-position: right;

}





.rightcol {

	width: 166px;

	margin-right: 14px;

	float: right;

}

.leftcol {

	width: 228px;

	margin-left: 14px;

	float: left;

}

.photo {

	width: 228px;

	margin-bottom: 30px;

}

.blog {

	height: 102px;

	width: 186px;

	margin-bottom: 14px;

}

.blog a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.ourproducts {

	height: 220px;

	width: 186px;

	margin-bottom: 14px;

}





/* styles intégration boutique ---------------------------------------------------------------------------------------------*/

div.produit

{

width : 185px ;

height : 150px ;

margin : 0 30px 20px 0 ;

float : left ;

padding : 0 ;

color : #666;

line-height : 12px ;

}





div.produit img

{

display : block ;

}

div.produit form

{

margin : 0 ;
padding : 0 ;
width : 100px ;

}





img.product_image

{

margin : 0 3px 0px 0 ;

float : left ;

}



span.infos a

{

font-weight : bold ;

display : block ;

color : #666;

font-size : 13px ;



}



span.prix

{

font-weight : bold ;

display : block ;

color : #666;

font-size : 13px ;

margin : 8px 0 ;

}



input#quantite

{

border : none ;

background:url(images/bg_input.gif) no-repeat left top ;

background-color:none ;

display : block ;

width : 38px ;

height : 20px ;

padding : 5px 2px 0 5px ;

}



.compte_links

{

display : block ;

margin : 20px 0 0px 0 ;

}



h2

{

font-size : 16px ;

margin : 5px 0 ;

padding : 0 ;

}



table.collapse

{

border-collapse:collapse ;

}

animacionuno {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    top: auto;
}
animacionuno a {
    text-decoration: none;
    color: #666666;
}





tr.commande_line td

{

padding : 9px ;

border-top : 1px solid #000;

border-collapse:collapse :

}

div.footer a
{
color : #666 ;
}