/* CSS Document */

@import url(produits.css);
@import url(menu.css);


body {
	background-color: #e7f8ff;
}

<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-image:url(../../images/bg_blue02.jpg);
	background-repeat:repeat-x;
}
-->

.maintxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:left;
	color: #545454;
}

.maintxtorange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #f3794f;
}

.maintxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #545454;
}

.txtbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FF9900;
}

.txtbold2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color:#FF9900;
}

.menutext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: Bold;
	text-decoration:none;
	color: #FFFFFF;
}

.menutext:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: Bold;
	text-decoration:none;
	color: #004A80;
}

.Recherche {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004A80;
}

.tit_333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
	color: #333333;
}

.garanties1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

.garanties1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #555555;
}

.garanties {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
}

.garanties:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}



.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #004A80;
}

.tit_products {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height:20px;
	text-align:center;
	color: #FFFFFF;
}

.voir{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	color: #545454;
}

.voir:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	color: #004A80;
}

.whitetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: Bold;
	text-decoration:none;
	color: #FFFFFF;
}

.nouvo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: Bold;
	text-decoration:none;
	color: #f3794f;
}


.prix{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	color: #545454;
}

.navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
}

.navigation:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #000000;
}

.navigationcolour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #f3794f;
}

.navigationcolour:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	color: #333333;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #333333;
}

.nav:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #f3794f;
}

.border {
	border-style: solid;
	border-color: #f3794f;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
}

.border:hover {
	border-style: solid;
	border-color: #f3794f;
	border-bottom-width:2px;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
}

.borderwhite {
	border-style: solid;
	border-color: #ffffff;
	border-bottom-width:1px;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:1px;
}

.prix2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	color: #f3794f;
}

.borderdesign {
	border-style: solid;
	border-color: #999999;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-top-color:#FFFFFF;
}


.pagenumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height:20px;
}

.titleproduct {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height:18px;
}

.titlecollection {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f3794f;
	text-align:left;
	line-height:20px;
}


/*Detail page*/

.titleproduct2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f3794f;
}

.titleproduct3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #f3794f;
}

.bordergrey {
	border-style: solid;
	border-color: #999999;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
}

.bordergrey:hover {
	border-style: solid;
	border-color: #f3794f;
	border-bottom-width:2px;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:2px;
}

.dropdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f3794f;
}

.prixbig{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align:left;
	text-decoration:line-through;
	color:#999999;
}

.prixbig2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align:left;
	text-decoration:none;
	color: #f3794f;
}

.prixbig1a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration:line-through;
	color:#999999;
}

.prixbig2a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	color: #f3794f;
}

.bordergreysmall {
	border-style: solid;
	border-color: #CCCCCC;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
}

.bordergreysmall:hover {
	border-style: solid;
	border-color: #f3794f;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
}

.photoborder{
border:#DDDDDD solid 1px;
}

.formfields {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:1px solid #f3794f;
	border-right:1px solid #f3794f;
	border-bottom:1px solid #f3794f;
	border-left:1px solid #f3794f;
	background-color:#F4F4F4;
	color:  #545454;
	font-weight: normal;
}


.formfields2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	background-color:#F4F4F4;
	color:  #545454;
	font-weight: normal;
}

.txtFields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f3794f;
}

/*panier*/

	.titorange{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;	
	color: #f3794f;
	line-height:22px;
	}
	
	.titgreen{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;	
	color: #D1DD3D;
	line-height:22px;
	}
	
	.titcaps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	padding-left:10px;
	color: #f3794f;
	}
	.titcapsblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	padding-left:10px;
	color: #00ADEF;
	}
	
	.titcapswhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:right;
	color: #FFFFFF;
	}
	
	.titcapsgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	font-variant:small-caps;
	}
	
	.produitgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align:left;
	padding-left:10px;
	color: #333;
	}
	
	.produitgrey2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#333333;
	}
	
	.titoption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f3794f;
	}
	
	.maintxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #545454;
}

.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	margin-left:-22px;
	color: #545454;
}

.maintxtbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #545454;
}

.maintxtboldornage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #f3794f;
}

.boutiquetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	text-align:left;
	color: #ffffff;
}

.boutiquelink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	text-decoration:none;
	text-align:left;
	color: #ffffff;
}

.boutiquelink:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	text-decoration:none;
	text-align:left;
	color: #333333;
}

/* paging */

.paginator {

	font:normal 12px Arial, Helvetica, sans-serif;
	color:#f3794f;
	text-decoration:none;

}

.paginator a{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#f3794f;
	text-decoration:none;
	padding:0 4px 0 0;
}

.paginator a:hover{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#f3794f;
	text-decoration:underline;
}

.page a{
	font:normal 12px Arial, Helvetica, sans-serif !important;
	color:#f3794f;
	text-decoration:underline;
}

.page a:hover{
	font:normal 12px Arial, Helvetica, sans-serif !important;
	color:#f3794f;
	text-decoration:none;
}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	color: #004A80;
}


.footertext2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
	color: #004A80;
}

.PDF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	color: #004A80;
}

.PDF:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
	text-align:left;
	color: #f3794f;
}

/* Click here  */

.imgthumb{
	float:left;
	width:200px;
	height:120px;
	border:none;
	position:relative;
}

.imgthumb .click{
	display:block;
	float:left;
	background:#fff;
	width:200px;
	height:21px;
	padding:3px 0 2px 0;
	text-align:center;
	position:relative;
	top:-20px !important;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#035BA1;
	cursor:pointer;
	text-decoration:none;
	margin-bottom:2px;

}

.imgthumb .click:hover{
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#777777;
	cursor:pointer;	
}