/************************************
*	Feuille de style principale		*
*	Mathieu Gautheret - 100% Net	*
************************************/

/************************************
	Styles généraux HTML
************************************/

*
{
	margin:0;
	padding:0;
}

HTML
{

}

BODY
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:#00aad2 url('../../images/infotpl/body_background.gif') repeat;
}

A
{
	color:#00aad3;
	text-decoration:none;
}

A:hover, A:focus
{
	text-decoration:underline;
}

H1
{
	font-size:1.4em;
	font-weight:bold;
	color:#00aad3;
	margin-bottom:1em;
}

H2
{
	font-size:1.2em;
	font-weight:bold;
	color:#00aad3;
	margin-bottom:0.2em;
}


/************************************
	Structure générale de la page
************************************/

DIV#frame
{
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	width:998px;
	/*background:#DDFFFF; TMP */
}

DIV#page
{
	position:relative;
	margin-top:-540px;
	width:998px;
}

DIV#page_top
{
	width:998px;
	height:170px;
	background:url('../../images/infotpl/page_background_top.png') repeat-y;
	/* Gestion de la transparence du PNG sur IE6 */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/infotpl/page_background_top.png');
}

DIV#page_middle
{
	width:998px;
	min-height:800px;
	_height:800px;
	background:url('../../images/infotpl/page_background_middle.png') repeat-y;
	/* Gestion de la transparence du PNG sur IE6 */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/infotpl/page_background_middle.png');
}

DIV.content
{
	margin-left:auto;
	margin-right:auto;
	width:950px;	
}

DIV#page_bottom
{
	width:998px;
	height:18px;
	background:url('../../images/infotpl/page_background_bottom.png') no-repeat;
	/* Gestion de la transparence du PNG sur IE6 */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/infotpl/page_background_bottom.png');
}

DIV#page_triangle_right_top
{
	position:relative;
	top:40px;
	left:974px;
	width:24px;
	height:510px;
	background:url('../../images/infotpl/page_triangle_right_top.png') no-repeat;
	z-index:2;
	/* Gestion de la transparence du PNG sur IE6 */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/infotpl/page_triangle_right_top.png');
}


DIV#page_triangle_left_bottom
{
	position:relative;
	margin-top:-540px;
	width:24px;
	height:510px;
	z-index:1;
	background:url('../../images/infotpl/page_triangle_left_bottom.png') no-repeat;
	/* Gestion de la transparence du PNG sur IE6 */
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/infotpl/page_triangle_left_bottom.png');
}


/************************************
		Haut de la page
************************************/

A.logo
{
	position:relative;
	width:325px;
	height:170px;
	text-decoration:none;
}

IMG.logo
{
	border:0;
	cursor:pointer;
}

A.subscribe_newsletter
{
	position:relative;
	display:block;
	width:250px;
	height:59px;
	margin-top:-100px;
	margin-left:350px;
}

IMG.subscribe_newsletter
{
	border:0;
	cursor:pointer;
}

A.cart
{
	position:relative;
	display:block;
	width:47px;
	height:43px;
	margin-top:-70px;
	margin-left:900px;
}

IMG.cart
{
	border:0;
	cursor:pointer;	
}

DIV.cart
{
	position:relative;
	width:280px;
	height:30px;
	margin-top:6px;
	margin-left:680px;
	color:#00aad3;
	font-weight:bold;
	font-size:0.8em;
	text-align:right;
}


/************************************
		Menu à onglet du haut
************************************/

A.tab_compagny
{
	position:relative;
	width:113px;
	height:30px;
	top:-128px;
	left:90px;
	text-decoration:none;
}

A.tab_compagny:hover
{
	border-bottom:2px solid #00aad3;
}

IMG.tab_compagny
{
	border:0;
	cursor:pointer;	
}

A.tab_products
{
	position:relative;
	width:113px;
	height:33px;
	top:-128px;
	left:85px;
	text-decoration:none;
}

A.tab_products:hover
{
	border-bottom:2px solid #00aad3;
}

IMG.tab_products
{
	border:0;
	cursor:pointer;	
}

A.tab_news
{
	position:relative;
	width:70px;
	height:31px;
	top:-128px;
	left:80px;
	text-decoration:none;
}

A.tab_news:hover
{
	border-bottom:2px solid #00aad3;
}

IMG.tab_news
{
	border:0;
	cursor:pointer;	
}

A.tab_contact
{
	position:relative;
	width:88px;
	height:33px;
	top:-128px;
	left:75px;
	text-decoration:none;
}

A.tab_contact:hover
{
	border-bottom:2px solid #00aad3;
}

IMG.tab_contact
{
	border:0;
	cursor:pointer;	
}


/************************************
	Menu de sélection de la langue
************************************/
DIV.language
{
	position:relative;
	width:100px;
	height:15px;
	top:-124px;
	left:850px;
	/*background-color:blue; TMP*/
}

A.language
{
	margin-left:5px;
	text-decoration:none;
}

IMG.language
{
	border:1px solid #000000;
	cursor:pointer;	
}

IMG.language:hover
{
	border:1px solid #FFFFFF;
}


/************************************
		Bas de la page
************************************/
DIV#footer
{
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
	font-weight:bold;
	color:#780d67;
	font-size:0.9em;
}

DIV#footer A
{
	text-decoration:underline;
	color:#780d67;
}

DIV#footer A:hover, DIV#footer A:focus
{
	color:#000000;
}


/************************************
	Structure du tableau principal
************************************/
TABLE.content
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}

TD.content
{
	width:590px;
	vertical-align:top;	
	font-size:0.9em;
	/*background-color:blue; TMP*/
}

TD.columnleft
{
	vertical-align:top;	
	/*background-color:red; TMP*/
	padding-right:10px;
}

TD.columnright
{
	vertical-align:top;
	/*background-color:orange; TMP*/
	padding-left:10px;
}


/************************************
Partie centrale du tableau principal
************************************/
TD.content UL LI
{
	margin-bottom:4px;
	margin-left:25px;
}

TD.content UL UL LI
{
	margin-left:15px;
}

SPAN.inputRequirement
{
	font-weight:bold;
	color:#ff690b;	
}

TD.content FIELDSET
{
	border:1px solid #00aad3;
	padding:10px;	
}

TD.content FIELDSET LEGEND
{
	font-weight:bold;
	color:#000000;	
}

TD.content TD.smallText
{
	font-size:0.9em;
	color:#979797;	
}


/************************************
	Breadcrumb (Fil d'ariane)
************************************/
DIV#headerNavigation
{
	margin-bottom:1em;	
}

IMG.breadcrumb_separator
{
	margin-left:5px;
	margin-right:5px;
}


/************************************
	Box Search (Recherche)
************************************/
DIV#box_search_content LABEL
{
	font-size:0.85em;
}

DIV#box_search_content INPUT#keywords
{
	width:110px;	
}

DIV#box_search_content INPUT#search_ok
{
	margin-left:5px;	
}

DIV#box_search_footer
{
	margin-top:4px;
	text-align:center;
}

DIV#box_search_footer A
{
	font-size:0.85em;
	text-decoration:none;
}

DIV#box_search_footer A:hover, DIV#box_search_footer A:focus
{
	text-decoration:underline;
}


/************************************
	Box Categories (Categories)
************************************/
DIV#box_categories
{
	margin-top:20px;	
}

UL#box_categories_list
{
	list-style-type:none;
}

UL#box_categories_list LI.box_categories_title
{
	margin-top:20px;	
}

UL#box_categories_list LI.box_categories_row
{
	margin-top:6px;
	margin-left:10px;
}

UL#box_categories_list LI A
{
	font-size:0.8em;
	font-weight:bold;
	color:#50a900;
	text-decoration:none;	
}

UL#box_categories_list LI A:hover, UL#box_categories_list LI A:focus
{
	text-decoration:underline;	
}

UL#box_categories_list LI A SPAN.selectText
{
	color:#00aad3;
}

UL#box_categories_list LI A:hover SPAN.selectText, UL#box_categories_list LI A:focus SPAN.selectText
{
	text-decoration:underline;	
}


/************************************
	Box Information (Information)
************************************/
DIV#box_information
{
	margin-top:20px;	
}

UL#box_information_list
{
	list-style-type:none;
}

UL#box_information_list LI
{
	margin-top:6px;
	margin-left:15px;
}

UL#box_information_list LI A
{
	font-size:0.8em;
	font-weight:bold;
	color:#fb11a1;
	text-decoration:none;	
}

UL#box_information_list LI A:hover, UL#box_information_list LI A:focus
{
	text-decoration:underline;	
}


/************************************
	Box Worn Product (pied porté)
************************************/
DIV#piedporte_product
{
	margin-top:20px;
	width:140px;
	height:209px;
	background:url('../../images/infotpl/product_worn_product.gif') no-repeat;	
	
}

DIV#piedporte_product IMG
{
	margin-top:20px;
	margin-left:10px;	
}


/************************************
	Box Login (Identification)
************************************/
DIV#box_login
{
	margin-left:20px;
	width:150px;
}

DIV#box_login_content LABEL
{
	font-size:0.85em;
}

DIV#box_login A
{
	font-size:0.85em;
	color:#00aad3;
	text-decoration:none;
}

DIV#box_login A:hover, DIV#box_login A:focus
{
	text-decoration:underline;
}

DIV#box_login_email
{
	margin-top:5px;	
}

DIV#box_login_password
{
	margin-top:10px;	
}

DIV#box_login_content INPUT#email_address, INPUT#password
{
	width:105px;
}

DIV#box_login_content INPUT#login_ok
{
	margin-left:4px;;	
}

DIV#box_login_password_forgotten
{
	width:100%;
	text-align:center;
	margin-bottom:4px;	
}


/************************************
Box Login Ident (Identification suite)
************************************/
DIV#box_login_ident_content
{
	width:144px;
	margin-left:15px;
	border-left:1px solid #dd1e16;
	border-right:1px solid #dd1e16;
	border-bottom:1px solid #dd1e16;
	padding-top:6px;
}

UL#box_login_ident_list
{
	list-style-type:none;
	margin:4px;
}

UL#box_login_ident_list LI A
{
	color:#000000;
	font-size:0.85em;
}

UL#box_login_ident_list LI A:hover, UL#box_login_ident_list LI A:focus
{
	text-decoration:underline;	
}


/************************************
	Box Shopping cart (Panier)
************************************/
DIV#box_shopping_cart
{
	margin-top:20px;
}

DIV#box_shopping_cart_content
{
	width:144px;
	margin-left:17px;
	border-left:1px solid #50a900;
	border-right:1px solid #50a900;
	border-bottom:1px solid #50a900;
	padding-top:10px;
	font-size:0.85em;
}

DIV.box_shopping_cart_row
{
	padding-left:6px;
	padding-right:6px;
	padding-bottom:6px;
}

DIV.box_shopping_cart_row A
{
	color:#000000;
	text-decoration:none;
}

DIV.box_shopping_cart_row A:hover, DIV.box_shopping_cart_row A:focus
{
	text-decoration:underline;
}


/************************************
	Box Help (Livraison...)
************************************/
DIV#box_help
{
	margin-top:20px;
	margin-left:3px;
}


/************************************
	Box Whats New (Nouveautés)
************************************/
DIV#box_whats_new
{
	margin-top:20px;	
}

DIV#box_whats_new_content
{
	width:144px;
	margin-left:17px;
	border-left:1px solid #00aad3;
	border-right:1px solid #00aad3;
	border-bottom:1px solid #00aad3;
	padding-top:10px;
	text-align:center;
}

DIV#box_whats_new_footer
{
	padding:6px;
	padding-top:10px;
	font-size:0.85em;	
}


/************************************
	Box Specials (Promotions)
************************************/
DIV#box_specials
{
	margin-top:20px;	
}

DIV#box_specials_content
{
	width:144px;
	margin-left:17px;
	border-left:1px solid #ec008c;
	border-right:1px solid #ec008c;
	border-bottom:1px solid #ec008c;
	padding-top:10px;
	text-align:center;
}

DIV#box_specials_product
{
	padding-top:10px;
	padding-left:6px;
	padding-right:6px;
	font-size:0.85em;
}

DIV#box_specials_footer
{
	padding:6px;
	padding-top:10px;
}

.productOldPrice
{
	font-weight:bold;	
}

.productSpecialPrice
{
	font-weight:bold;
	color:#ec008c;
	font-size:1.4em;
}


/************************************
	MainPage (Page d'accueil)
************************************/
TABLE.mainpage
{
	margin-left:auto;
	margin-right:auto;
	width:566px;
}

TABLE.mainpage TD
{
	font-weight:bold;
	color:#a9a9a9;
	text-align:justify;
	vertical-align:top;
}

TD.mainpage_left
{
	width:50%;
	padding-right:10px;
}

TD.mainpage_right
{
	width:50%;
	padding-left:10px;
}

DIV.piedporte
{
	width:590px;
	height:239px;
	background:url('../../images/infotpl/mainpage_worn_product.gif') no-repeat;	
}

TABLE.piedporte
{
	width:556px;
	height:204px;
	margin-top:20px;
	margin-left:20px;
}


/************************************
Category (Categorie : liste produits)
************************************/
H1.category_title
{
	color:#ff6900;
}

IMG.category_img
{
	float:right;
	border:1px solid #dcdcdc;
	margin-left:1em;
	margin-bottom:1em;
}

DIV.product_listing
{
	margin-top:1em;
	margin-bottom:1em;
}

DIV.category_description
{
	font-weight:bold;
	color:#a9a9a9;
	text-align:justify;
	min-height:100px;
}

TABLE.product_listing_num_products
{
	border:0;
	width:100%;
	border-collapse:collapse;
}

TD.product_listing_num_products
{
	color:#979797;
	font-size:0.9em;
}

A.productListingName
{
	font-size:0.95em;
	font-weight:bold;
	color:#ec008c;
	text-decoration:none;
}

A.productListingName:hover, A.productListingName:focus
{
	text-decoration:underline;
}

IMG.productListingStyle
{
	margin-right:5px;
	margin-bottom:2px;	
}

SPAN.productListingPrice
{
	font-size:0.95em;
	font-weight:bold;
	color:#a9a9a9;
}

SPAN.productListingPriceOld
{
	font-size:0.9em;
	font-weight:bold;
	color:#a9a9a9;
}

TD.productListing-data SPAN.productinfoSpecialPrice
{
	font-size:0.95em;
	font-weight:bold;
	color:#a40101;
}

TD.productListing-data
{
	width:25%;
	vertical-align:top;
	background-image :none;
}

DIV.productListingImg
{
	width:110px;
	height:90px;
	padding:5px;
	border:1px solid #dcdcdc;
}


/* Fonctionne uniquement sous Firefox. Pas de background sur les TR avec IE */
DIV.product_listing TABLE.productListing TR.productListing-odd, DIV.product_listing TABLE.productListing TR.productListing-even
{
	height:190px;
	background:url('../../images/infotpl/products_listing_background.jpg') no-repeat;
	background-position:bottom;
}


/************************************
	Product info (page produit)
************************************/
H1.product_title
{
	height:22px;
	line-height:22px;
	padding-right:10px;
	color:#ffffff;
	background:url('../../images/infotpl/product_title_background.gif') repeat-x;
}

DIV.product_price
{
	text-align:right;
	font-size:1.8em;
	color:#ff690b;
	font-weight:bold;
}

IMG.product_img
{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #dcdcdc;	
}

DIV.product_zoom
{
	margin-top:5px;
	text-align:center;	
}

DIV.product_caracteristics
{
	font-size:1.1em;
	font-weight:bold;	
}

DIV.product_description
{
	/*text-align:justify;*/
	font-weight:bold;
	color:#a9a9a9;
}

DIV.product_size_title
{
	margin-top:1em;
	font-weight:bold;	
}

DIV.product_size
{
	margin-left:20px;
	font-size:1.4em;
	color:#ff690b;
	font-weight:bold;	
}

SPAN.product_opinion
{
	font-weight:bold;	
}

SPAN.product_technical
{
	font-weight:bold;	
}

DIV.product_picto
{
	margin-top:1em;	
}

IMG.most_product
{
	margin-top:1em;	
}

DIV.most_product
{
	margin-left:14px;
	padding:10px;
	width:512px;
	background-color:#f1f1f1;
	color:#ff690b;
	font-weight:bold;
}

DIV.product_color
{
	margin-top:5px;
	font-size:0.9em;
	color:#a9a9a9;
	font-weight:bold;
	text-align:center;
}

TD.product_choose
{
	font-weight:bold;	
}

DIV.product_add_cart
{
	text-align:center;
}

SPAN.product_add_cart
{
	font-size:0.9em;
	font-weight:bold;
	color:#00aad3;
}

.product_taille
{
	width:40px;
}

.products_nber
{
	width:30px;
}


/************************************
  Informations (pages informations)
************************************/
DIV.content_infos
{
	margin-top:10px;
}


/************************************
  		Shopping Cart (pannier)
************************************/
DIV.shopping_cart_express
{
	border:1px solid #00aad3;
	padding:5px;
	margin-bottom:10px;
}

DIV.shopping_cart TD
{
	padding:5px;
}