@import url("thickbox.css.jsp") ;
@import 'https://fonts.googleapis.com/css?family=Comfortaa';

/* import de la police de caracteres*/

@font-face {
       
       src: url("../fonts/myriad-roman-webfont.eot");
       src: local('Myriad'), local('Myriad'),
             url("../fonts/myriad-roman-webfont.eot") format("embedded-opentype"),
             url("../fonts/myriad-roman-webfont.woff") format("woff");
			 url("../fonts/myriad-roman-webfont.ttf") format('truetype');
}

/*
** BODY
*/
body 
{	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px ;
	padding: 0;
	 font-size: 10px; color: #353f41; font-weight: normal ;
	/*background: url('/tryosport/custom/img/ebiz/front/Spec_background_body1.jpg') left top no-repeat;*/
	background-color:#FDFCFC;
	min-width: 1060px;
	font-family: Arial, Myriad, Verdana, Helvetica, sans-serif;	
}

body#accueil 
{	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px ;
	padding: 0; 
	 font-size: 10px; color: #353f41; font-weight: normal ;
	/*width:1900px;*/
	background-color:#353f41;
	/*background: url('/tryosport/custom/img/ebiz/front/Spec_background_home.png') left top no-repeat;*/
	/height:1%	
}



/*
**
** DESIGN ====================================================================================================
**
*/

/*
** DESIGN -> SENTENCE
*/
#sentence 				{ width: 1060px; margin: 0 auto; text-align: left; color:#353f41;  font-size: 10px; font-weight: normal; }

/*
** DESIGN -> TEMPLATE
*/
#bgconteneur 			{ width: 1060px; margin: 0 auto; text-align: center; overflow:hidden; }
#conteneur, .conteneur 				{ position: relative; width: 1060px; margin: 0 auto;  text-align: left;}

#middle					{  }
#contentLeft 			{ float: left ; width: 237px; }
#contentCenter 			{ margin-left: 237px;  background-color: #FFFFFF; position: relative; padding-top: 10px; text-align: center; }
#contentHome			{ width: 735px; margin: 0 auto; padding: 0px; text-align: left; }

#contentInnerMiddle		{ width: 237px; text-align: left; }
#contentInnerCenter		{ background-color: #FDFCFC; position: relative; padding-top: 10px; text-align: center; margin:0px; }

#contentPromo			{ width: 735px; margin: 0 auto; padding: 0px; text-align: left; }
#contentNews			{ width: 735px; margin: 0 auto; padding: 0px; text-align: left; }

#content 				{ background-color: #FDFCFC; width: 735px; margin: 0 auto; padding: 0px; text-align: left; }

/*
** DESIGNE -> MENU HORIZONTAL
*/
#menu							{ border-top: 1px dotted #353f41; position: relative; }
#menu td { padding: 10px 0px; }
div.menuHorizontalActive		{ text-align: center; background-image: url('/tryosport/custom/img/ebiz/front/_menu_nav_in.gif'); background-repeat: repeat-x;  font-size: 10px; color: #353f41; font-weight: normal ;  }
div.menuHorizontal 				{ text-align: center; background-image: url('/tryosport/custom/img/ebiz/front/_menu_nav_out.gif'); background-repeat: repeat-x;  font-size: 10px; color: #353f41; font-weight: normal ; }

a.menuHorizontal:link     	 	{ font-size: 18px; color: #353f41; font-weight: normal;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontal:visited 		{ font-size: 18px; color: #353f41; font-weight: normal;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontal:active   	 	{ font-size: 18px; color: #353f41; font-weight: normal;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontal:hover   		{ font-size: 18px; color: #353f41; font-weight: normal;  text-decoration: underline; text-transform:uppercase;  }

a.menuHorizontalActive:link     { font-size: 18px; color: #D0C8B5; font-weight: bold;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontalActive:visited  { font-size: 18px; color: #D0C8B5; font-weight: bold;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontalActive:active   { font-size: 18px; color: #D0C8B5; font-weight: bold;  text-decoration: none; text-transform:uppercase;  }
a.menuHorizontalActive:hover    { font-size: 18px; color: #D0C8B5; font-weight: bold;  text-decoration: underline; text-transform:uppercase;  }

#menuContent { width: 1000px; text-align: center; }

#menu-categories { background-color: #353f41; }

/*
** DESIGNE -> MENU  LEFT CATEGORY AND PROMOTION
*/
div.blockMenuLeft			{ text-align: center; margin: 0; padding: 0px; background-color: #E5DFD7;  }
div.contentMenuLeft			{ width: 210px; text-align: left; margin: 0 auto; padding: 0px; }
div.promotion				{ padding: 10px; }

div.menuCategory 			{ padding: 5px;  }
div.menuSubCategory 		{ color: #FFFFFF; padding: 5px; padding-top: 0px; background-color: #FFFFFF;}
div.menuRubric 				{ padding-left: 10px; padding-top: 10px;padding-bottom: 10px; }

div.menuSearch				{ border : 1px solid #B4A789 ; padding: 10px; }
div.menuColis				{ border : 1px solid #B4A789 ; padding: 10px; }
div.menuPromo				{ border : 1px solid #B4A789 ; padding-top: 10px;padding-bottom: 10px; }
div.menuNewsletter 			{ border : 1px solid #B4A789 ; padding: 10px; }
div.menuLabels 				{ border : 1px solid #B4A789 ; padding: 10px; }
div.menuLeft				{ font-size: 18px; color: #7B715A; font-weight: normal;  text-decoration: none; text-decoration: none }

h2.menuLeft 				{ font-size: 24px; color: #333275; padding:0; margin:0; font-weight: normal;  text-decoration: none; }

a.menuLeftCategory:link     	  { font-size: 14px; color: #1C1D46; font-weight: normal;  text-decoration: none; }
a.menuLeftCategory:visited  	  { font-size: 14px; color: #1C1D46; font-weight: normal;  text-decoration: none }
a.menuLeftCategory:active   	  { font-size: 14px; color: #1C1D46; font-weight: normal;  text-decoration: none }
a.menuLeftCategory:hover    	  { font-size: 14px; color: #1C1D46; font-weight: normal;  text-decoration: underline }

a.menuLeftCategoryActive:link     { font-size: 14px; color: #B4A789; font-weight: normal;  text-decoration: none }
a.menuLeftCategoryActive:visited  { font-size: 14px; color: #B4A789; font-weight: normal;  text-decoration: none }
a.menuLeftCategoryActive:active   { font-size: 14px; color: #B4A789; font-weight: normal;  text-decoration: none }
a.menuLeftCategoryActive:hover    { font-size: 14px; color: #B4A789; font-weight: normal;  text-decoration: underline }

a.menuLeft:link     			{ font-size: 16px; color: #1C1D46; text-decoration: none }
a.menuLeft:visited  			{ font-size: 16px; color: #1C1D46; text-decoration: none }
a.menuLeft:active   			{ font-size: 16px; color: #1C1D46; text-decoration: none }
a.menuLeft:hover    			{ font-size: 16px; color: #1C1D46; text-decoration: underline }

a.menuLeftUnder:link     		{ font-size: 18px; color: #51504D; font-weight: normal;  text-decoration: none }
a.menuLeftUnder:visited  		{ font-size: 18px; color: #51504D; font-weight: normal;  text-decoration: none }
a.menuLeftUnder:active   		{ font-size: 18px; color: #51504D; font-weight: normal;  text-decoration: none }
a.menuLeftUnder:hover    		{ font-size: 18px; color: #51504D; font-weight: normal;  text-decoration: underline }

a.promotion:link     		{ font-size: 13px; color: #1C1D46; font-weight: bold; text-decoration: none }
a.promotion:visited  		{ font-size: 13px; color: #1C1D46; font-weight: bold; text-decoration: none}
a.promotion:active   		{ font-size: 13px; color: #1C1D46; font-weight: bold; text-decoration: none }
a.promotion:hover    		{ font-size: 13px; color: #1C1D46; font-weight: bold; text-decoration: none }



a.articles:link     		{ padding:50px 0 10px 50px; font-size: 13px; color:#464794; text-decoration: underline;  }			
a.articles:visited     		{ padding:50px 0 10px 50px; font-size: 13px; color:#464794; text-decoration: underline;  }
a.articles:active     		{ padding:50px 0 10px 50px; font-size: 13px; color:#464794; text-decoration: underline;  }   
a.articles:hover     		{ padding:50px 0 10px 50px; font-size: 13px; color:#464794; text-decoration: none;  }    

/*
** DESIGN -> Header
*/
#header 				{ position: relative; background: white; font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif;}
#headerContent 			{ width: 1060px; margin: auto; position: relative; height: 146px; /*background-image: url('/tryosport/custom/img/ebiz/front/header_background.gif'); background-repeat: no-repeat;*/ }
div.headerTitle			{ font-size: 13px; font-weight: bold; color:#353f41; padding-bottom: 5px;    }

a.menuHeader:link     { font-size: 13px; color: #B4A789; text-decoration: underline;  font-weight: normal;  }
a.menuHeader:visited  { font-size: 13px; color: #B4A789; text-decoration: underline;  font-weight: normal;  }
a.menuHeader:active   { font-size: 13px; color: #B4A789; text-decoration: underline;  font-weight: normal;  }
a.menuHeader:hover    { font-size: 13px; color: #FFFFFF; text-decoration: underline;  font-weight: normal; }

a.moncompte:link     { font-size: 13px; color: #353f41; text-decoration: none;  font-weight: bold;  }
a.moncompte:visited  { font-size: 13px; color: #353f41; text-decoration: none;  font-weight: bold;  }
a.moncompte:active   { font-size: 13px; color: #353f41; text-decoration: none;  font-weight: bold;  }
a.moncompte:hover    { font-size: 13px; color: #353f41; text-decoration: underline;  font-weight: bold; }
/*
** DESIGN -> Footer
*/
#footer 			{ text-align: left; clear: both; padding-top:10px; }
#footer div			{ color: #514324; }


h2.footer { font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 24px; padding:0; margin:0; font-weight: normal; text-decoration: none;  }
h3.footer { font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif; font-size: 18px; padding:0; margin:0; font-weight: normal; text-decoration: none;  }
body#accueil h2.footer			{ font-size: 24px; color: white; padding:0; margin:0; font-weight: normal; text-decoration: none;  }
body#accueil h3.footer			{ font-size: 18px; color: white; padding:0; margin:0; font-weight: normal; text-decoration: none;  }

a.footer:link     { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footer:visited  { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footer:active   { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footer:hover    { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }

a.footerIn:link     { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footerIn:visited  { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footerIn:active   { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }
a.footerIn:hover    { font-size: 13px; color: #353f41; font-weight: normal; text-decoration: none; }

#footer_top			{ color:white; font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif; }
#footer_bottom		{ color:#353f41; background-color: white; padding: 10px 0px; border-top: 1px solid #353f41; border-bottom: 1px solid #353f41; }
/*
** DESIGNE -> PRESENT CHEQUE
*/
#presentChequeDate		 { position: absolute; top: 160px; right: 142px; font-size: 13px; font-weight: bold;  color: #707173 ;	}
#presentChequeFrom		 { position: absolute; top: 95px; right: 250px; font-size: 15px; font-weight: bold; text-align:left; width: 260px; color: #707173 ; }
#presentChequeAmount 	 { position: absolute; top: 102px; right: 119px; font-size: 18px; font-weight: bold; width: 100px; text-align: center; color: #707173 ;	}

/*
** DESIGNE -> MENU PATH
*/


span.menuPath		{ font-size: 13px; color: #333333; text-decoration: none;  }

a.menuPath:link     { font-size: 13px; color: #504F89; text-decoration: underline;}
a.menuPath:visited  { font-size: 13px; color: #504F89; text-decoration: underline; }
a.menuPath:active   { font-size: 13px; color: #504F89; text-decoration: underline; }
a.menuPath:hover    { font-size: 13px; color: #504F89; text-decoration: none; }

span.chevron		{ color: #999999 ; }

a.menuAction:link     { font-size: 13px; color: #504F89; text-decoration: underline; }
a.menuAction:visited  { font-size: 13px; color: #504F89; text-decoration: underline; }
a.menuAction:active   { font-size: 13px; color: #504F89; text-decoration: underline; }
a.menuAction:hover    { font-size: 13px; color: #504F89; text-decoration: none; }

/*
** DESIGN -> SHOPPINGCART AND ORDER 
*/
span.priceShoppingcartDisplay 		{ color: #6A6A6A; font-weight: bold; }

td.price							{ border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; }
span.netapayerLibelle				{ font-size: 14px; font-weight: bold; color: #6A6A6A ; font-style: italic; }
span.netapayerPrix 					{ font-size: 14px; font-weight: bold; color: #6A6A6A ; font-style: italic; } 

div.promoTab						{ display: none; padding-top: 3px; }
span.promo 							{ color: #B4A789; font-weight: bold; }
span.purchase						{ color: #B4A789; font-weight: bold; }
span.presentCheque 					{ color: #B4A789; font-weight: bold; }

span.notexpediee					{ font-weight: normal; color: black;}
span.expediee						{ font-weight: bold; color: green;}

span.codePromoInvoice				{ font-weight: bold; color: #B4A789;  }
span.codePurchaseInvoice			{ font-weight: bold; color: #B4A789;  }
span.codePresentChequeInvoice		{ font-weight: bold; color: #B4A789;  }
span.portPresent					{ font-weight: bold; color: #B4A789;  font-style: italic; }

a.promoTabActive:link     			{  font-size: 13px; color: #B4A789; text-decoration: none ;font-weight: bold;  }
a.promoTabActive:visited  			{  font-size: 13px; color: #B4A789; text-decoration: none ;font-weight: bold; }
a.promoTabActive:active   			{  font-size: 13px; color: #B4A789; text-decoration: none ;font-weight: bold; }
a.promoTabActive:hover    			{  font-size: 13px; color: #B4A789; text-decoration: underline ;font-weight: bold; }

a.promoTabInactive:link     		{  font-size: 13px; color: #6D6464; text-decoration: none ;font-weight: bold;  }
a.promoTabInactive:visited  		{  font-size: 13px; color: #6D6464; text-decoration: none ;font-weight: bold; }
a.promoTabInactive:active   		{  font-size: 13px; color: #6D6464; text-decoration: none ;font-weight: bold; }
a.promoTabInactive:hover    		{  font-size: 13px; color: #6D6464; text-decoration: underline ;font-weight: bold; }



/* ARTICLE */
span.oldPriceTTC					{  color: #7E807F; font-size: 13px;  text-decoration: line-through ;}
span.priceTTC 						{ color: #6A6A6A; font-weight: bold ; font-size: 13px; }
span.priceHT 						{ color: #6A6A6A; font-weight: normal ; font-size: 13px; text-decoration: italic; }
span.remisePercent 					{ color: #D4362C; font-weight: bold; font-size: 17px; font-style: italic; top: 0px; left: 0px; }
span.enStock						{ font-weight: bold; color: green; }
span.dispo							{ font-weight: bold; color: black; }

fieldset.displayPrice 				{ width: 150px; text-align: right; padding: 5px; }

a.listArticleTitle:link 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: none ; }
a.listArticleTitle:visited 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: none;  }
a.listArticleTitle:active 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: none ; }
a.listArticleTitle:hover 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: underline;  }


/* ARTICLE NEWS */
span.oldPriceTTCPromo 				{  color: #7E807F; font-size: 13px;  text-decoration: line-through ;}
span.remisePercentPromo 			{ color: #D4362C; font-weight: bold; font-size: 14px; font-style: italic; }
span.pricePromo 					{ color: #6A6A6A; font-weight: bold; }

fieldset.conteneurPromos 			{  border : 1px solid #B4A789 ; text-align: center; margin: 0px; padding: 0px; }
fieldset.conteneurPromos legend		{ font-weight: bold; color: #B4A789; font-size: 13px; }
div.contentContainer	 			{ text-align: center;  margin: 0px;  padding: 10px; }
div.contentPromo 					{ margin: 0 auto; padding: 0px; text-align: center; }

div.promoBox						{ float:left; width: 150px ; }
div.promoBoxContent					{ padding: 3px; padding-top: 10px; width:150px; }
div.promoBoxBottom					{ height: 15px; width: 150px; }

/* ARTICLE OF MOMENT */


/*
** DESIGN -> ARTICLE IMAGE FRONT VIEW FADE
*/
div.innerArticle { height: 1%; }

.articlePictures 
{  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0; 
    padding-right: 20px;
} 
 
.articlePictures img 
{  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

/* ARTICLE SUGGESTION */
fieldset.articleSuggestion					{ border : 1px solid #B4A789 ; }
fieldset.articleSuggestion legend			{ font-weight: bold; color: #B4A789; font-size: 13px; }
div.articleSuggestionListContainer 			{ text-align: center;  margin: 0px;  padding: 10px; padding-bottom: 0px;}
div.articleSuggestionListContent 			{ width: 630px; margin: 0 auto; padding: 0px; text-align: center;}
div.articleSuggestionListBoxContent 		{ float: left; width: 210px; padding-bottom: 10px; }
div.articleSuggestionListBox	 			{ width: 193px ;  background-image: url('/tryosport/custom/img/ebiz/front/info_box.gif'); background-repeat: no-repeat; }
div.articleSuggestionListContentBox			{ padding: 3px; padding-top: 10px; height: 140px; width:180px; }
div.articleSuggestionListBottomBox			{ height: 15px; width: 193px; background-image: url('/tryosport/custom/img/ebiz/front/info_box_bottom.gif'); background-repeat: no-repeat; }

a.articleSuggestionLink:link     { color: #000000; font-weight: normal;  text-decoration: none }
a.articleSuggestionLink:visited  { color: #000000; font-weight: normal;  text-decoration: none }
a.articleSuggestionLink:active   { color: #000000; font-weight: normal;  text-decoration: none }
a.articleSuggestionLink:hover    { color: #000000; font-weight: normal;  text-decoration: none; }

/*
** DESIGN -> CATEGORY LIST
*/
div.categoryListContainer 			{ text-align: center; padding: 0px; margin: 0px; }
div.categoryListContent 			{ width: 640px; margin: 0 auto; padding: 0px; }
div.categoryList		 			{ float: left; width: 210px; height: 150px; }
div.categoryDescription 			{ color: #6E6B6B; font-weight: normal; } 

a.listCategoryTitle:link 			{ font-size: 13px; color: #D4362C; font-weight: normal ; text-decoration: none ; }
a.listCategoryTitle:visited 		{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: none;  }
a.listCategoryTitle:active 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: none ; }
a.listCategoryTitle:hover 			{ font-size: 13px; color: #D4362C; font-weight: normal; text-decoration: underline;  }

/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** H1
*/
h1				{  font-size: 14px; color: #1C1D46; font-weight: bold }
h2				{  font-size: 13px; color: #1C1D46; font-weight: bold }
h3				{  font-size: 11px; color: #1C1D46; font-weight: bold }
h4				{  font-size: 11px; color: #1C1D46; font-weight: bold;  }

/*
** P
*/
p				{  font-size: 13px; color: #353f41; font-weight: normal }
p.bold			{ font-weight: bold; }

/*
** TD
*/
td						{  font-size: 13px; color: #353f41; font-weight: normal }
td.bold					{ font-weight: bold }
td.cellTab				{ border-bottom: 1px solid #F2F2F2 }
td.cellTabBold			{ font-weight: bold; border-bottom: 1px solid #F2F2F2 ; }
td.cellTabIn			{ color: #A12020; font-weight: bold; border-bottom: 1px solid #F2F2F2 ; }
td.titleTab				{ font-weight: bold; background-color: #F2F2F2; color: #797A7C; }
td.cellTab0				{ border-bottom: 1px solid #F2F2F2; background-color: #FFFFCC ; }
td.cellTab1				{ border-bottom: 1px solid #F2F2F2 ; background-color: #FBFBFB ;}

/*
** UL LI
*/
ul.accountOngletLayout	{ height: 18px; border-bottom: 4px solid #B4A789; margin: 0; padding: 0; }
li						{  font-size: 13px; color: #353f41; font-weight: normal }
li.activeTab			{ list-style: none; background-color: #B4A789; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px; color: #FFFFFF; font-weight: bold;  }
li.inactiveTab			{ list-style: none; background-color: #B4A789; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px;  }
li.promoTab 			{ list-style: none; background-color: #F2F2F2; color: #6D6464; font-weight: bold; float: left; margin-right: 3px; height: 18px; padding-top: 4px; padding-bottom:0px; padding-left: 5px; padding-right: 5px; }
ul.promoTab				{ height: 18px; border-bottom: 3px solid #F2F2F2; margin: 0; padding: 0; margin-top:2px ; }

li.activeTab a:link				{ color: #FFFFFF; font-weight: bold;  }
li.activeTab a:visited			{ color: #FFFFFF; font-weight: bold;  }
li.activeTab a:active			{ color: #FFFFFF; font-weight: bold;  }
li.activeTab a:hover			{ color: #FFFFFF; font-weight: bold;  }

/*
** DIV
*/
div							{  font-size: 13px; color: #353f41; font-weight: normal; }
div.error					{ padding: 1px; background-color: #FFEFC8; border: 1px dashed #FF0000; }
ul.error 					{position: relative; padding-top : 0px; margin-top: 0px}
div#errorDivContent 		{ display: none ;}
div.authentification		{ text-align: left; width: 320px; background-color: #FFFFFF; border: 1px solid #F2F2F2; }
div.authentificationTitle 	{ background-color: #F2F2F2; color: #6D6464; font-weight: bold; padding: 4px; padding-left:5px;}
div.shoppingcart 			{ text-align: left; padding: 0px; padding-bottom: 5px }
div.memberTitle 			{ background-color: #F2F2F2; color: #6D6464; font-weight: bold; padding: 4px; padding-left:5px;}
div.paypalSecured 			{ text-align: center; font-weight: bold;color: #000000; }
div.bgTitle 				{ background-color: #6D6464; }
div.clear					{ clear: both; }

/*
** HR
*/
hr							{ border: 0px; border-bottom: 1px solid #999999; height: 1px; }
hr.separate 				{  border: none ; color: #FFFFFF ; border-bottom: dashed 1px #B4A789 ; background-color: #FFFFFF; }

/*
** SPAN
*/
span.item				{ padding: 3px; }
span.item_over			{ padding: 2px;	background : #E9F2F8; border: solid #D3DBE8 1px; }
span.bienvenue 			{ color: #353f41; font-weight: bold ; font-size: 12px;  }
span.star				{ color: red; }
span.addresseLibelle 	{ text-decoration: underline; }
span.warning 			{ color: red ; font-weight: bold; }


/*
** FORMS
*/
input					{  font-size: 12px; color: #353f41; font-weight: normal }
textarea				{  font-size: 12px; color: #353f41; font-weight: normal }
select					{  font-size: 12px; color: #353f41; font-weight: normal }

/*
** A
*/
a:link     				{  font-size: 10px; color: #B4A789; text-decoration: underline ;font-weight: normal;  }
a:visited  				{  font-size: 10px; color: #B4A789; text-decoration: underline ;font-weight: normal; }
a:active   				{  font-size: 10px; color: #B4A789; text-decoration: underline ;font-weight: normal; }
a:hover    				{  font-size: 10px; color: #B4A789; text-decoration: underline ;font-weight: normal; }

a.linkAccess:link     	{ font-size: 13px; color: #B4A789;  text-decoration: none ;font-weight: normal;}
a.linkAccess:visited  	{ font-size: 13px; color: #B4A789;  text-decoration: none ;font-weight: normal;}
a.linkAccess:active   	{ font-size: 13px; color: #B4A789;  text-decoration: none ;font-weight: normal;}
a.linkAccess:hover    	{ font-size: 13px; color: #B4A789;  text-decoration: underline; font-weight: normal;}

a.linkAccount:link     	{ color: #6D6464; font-weight: normal;  text-decoration: none }
a.linkAccount:visited   { color: #6D6464; font-weight: normal;  text-decoration: none }
a.linkAccount:active    { color: #6D6464; font-weight: normal;  text-decoration: none }
a.linkAccount:hover     { color: #6D6464; font-weight: normal;  text-decoration: underline; }

a.logOut:link    		{ font-size: 13px; color: #6D6464; font-weight: normal;  text-decoration: none }
a.logOut:visited  		{ font-size: 13px; color: #6D6464; font-weight: normal;  text-decoration: none }
a.logOut:active  		{ font-size: 13px; color: #6D6464; font-weight: normal;  text-decoration: none }
a.logOut:hover   		{ font-size: 13px; color: #6D6464; font-weight: normal;  text-decoration: underline }

a.articleNewLink:link     { color: #B4A7A4;  font-size: 14px; font-weight: bold;  text-decoration: underline;}
a.articleNewLink:visited  { color: #B4A7A4;  font-size: 14px; font-weight: bold;  text-decoration: underline;}
a.articleNewLink:active   { color: #B4A7A4;  font-size: 14px; font-weight: bold;  text-decoration: underline;}
a.articleNewLink:hover    { color: #B4A7A4;  font-size: 14px; font-weight: bold;  text-decoration: none; }


a.articleMomentLink:link     		{ color: #000000; font-weight: normal;  text-decoration: none }
a.articleMomentLink:visited  		{ color: #000000; font-weight: normal;  text-decoration: none }
a.articleMomentLink:active   		{ color: #000000; font-weight: normal;  text-decoration: none }
a.articleMomentLink:hover    		{ color: #000000; font-weight: normal;  text-decoration: none; }

a.titleLink:link     			{ font-size: 18px; color: #D4362C; font-weight: bold; text-decoration: none }
a.titleLink:visited  			{ font-size: 18px; color: #D4362C; font-weight: bold; text-decoration: none}
a.titleLink:active   			{ font-size: 18px; color: #D4362C; font-weight: bold; text-decoration: none }
a.titleLink:hover    			{ font-size: 18px; color: #D4362C; font-weight: bold; text-decoration: none }

a.accountOngletLayout:link     		{ color: #FFFFFF; font-weight: normal;  text-decoration: none }
a.accountOngletLayout:visited  		{ color: #FFFFFF; font-weight: normal;  text-decoration: none }
a.accountOngletLayout:active   		{ color: #FFFFFF; font-weight: normal;  text-decoration: none }
a.accountOngletLayout:hover    		{ color: #FFFFFF; font-weight: normal;  text-decoration: none; }

/*
* EBIZ
*/
.colorUpdate 					{  background-color: #FFFFFF;  }
.colorAdd 						{  background-color: #FFFFFF;  }
.newsletterSubscribe 			{ color: green; font-weight: bold ; text-align: center; }
.newsletterUnsubscribe 			{ color: black; font-weight: bold ; text-align: center; }
.followSubscribe 				{ color: green; font-weight: bold ; text-align: center; }
.followUnsubscribe 				{ color: black; font-weight: bold ; text-align: center; }
.searchArticleResult  			{ color: #353f41; }

/*
** FIELDSET
*/
fieldset 						{ border : 1px solid #B4A789 ;  padding: 5px; } 


/*
* PRINT COLOR
*/
div.printColor 					{ background-color:  #F2F2F2;  }
div.printBorder					{ padding: 10px; border: 1px solid #F2F2F2; }


/* Image de réalisation défilantes */
#logoRightContainer		{ position: relative; height: 80px; width: 240px; background-color: #FDFCFC; overflow: hidden;}
#logoRight				{ position: absolute; background-color: #FDFCFC;  overflow: hidden;}
#logoRight ul			{ list-style: none; padding: 0px; margin: 0px; overflow: hidden;}
#logoRight li			{ height: 80px; width: 240px; overflow: hidden;}

#logoRight2Container		{ position: relative; height: 200px; width: 240px; background-color: #FFFFFF;  overflow: hidden;}
#logoRight2				{ position: absolute; background-color: #FFFFFF;  overflow: hidden;}
#logoRight2 ul			{ list-style: none; padding: 0px; margin: 0px; overflow: hidden;}
#logoRight2 li			{ height: 200px; width: 240px; overflow: hidden;}


/* roundabout animation page d'accueil*/
.roundabout {
	margin:0 auto;
	width:760px;
	padding:10px 0px 0 3px;
	position:relative;
	background: url('/tryosport/custom/img/ebiz/front/Spec_tryo_specialiste.png') 50% top no-repeat;		
}



.roundabout-holder {
	padding:0;
	list-style:none;
	height:440px;
	
}

.roundabout-moveable-item {
	width:334px;
	height:278px;
	cursor: pointer;
	overflow:hidden;
	/margin: 20px 0 0 -20px;	
}

.roundabout-moveable-item img {
width: 100%;

}

.roundabout-in-focus {cursor:auto;}

.roundabout .pagination {
	text-align:center;
	margin:0px 0 0;
	position:relative;
	z-index:410;
	height:19px;
}


.roundabout .prev {
	position:absolute;
	left:-73px !important;
	/margin-left:20px ;
	
	top:98px;
	z-index:999;
	background:url(/tryosport/custom/img/ebiz/front/prev.png) 0 0 no-repeat;
	/*background:url(/tryosport/custom/script/jquery/prev.png) 0 0 no-repeat;*/
	width:37px!important;
	height:36px!important;
	
}

/*
.roundabout .prev:hover {	
	background:url(/tryosport/custom/script/jquery/prev.png) 0 -33px no-repeat;
	left:-60px !important;
	top:100px;
	width:21px !important;
	height:33px !important;
	z-index:999;
	
}
*/

.roundabout .next {
	position:absolute;
	right:-68px !important;
	/margin-right:20px ;
	top:98px;
	z-index:100;
	background:url(/tryosport/custom/img/ebiz/front/next.png) 0 0 no-repeat;
	/*background:url(/tryosport/custom/script/jquery/next.png) 0 0 no-repeat;*/	
	width:37px !important;
	height:36px !important;
}
/*
.roundabout .next:hover {
	background:url(/tryosport/custom/script/jquery/next.png) 0 -33px no-repeat;
	right:-55px !important;
	top:100px;
	width:21px !important;
	height:33px !important;
	z-index:999;
}
*/

#mainSearch {
	width: 200px;
}

#mainSearch input[type=image] {
	height: 20px;
	position: absolute;
	left: 5px;
	top: 2px;
}

#mainSearch input[name=searchQuery] {
	width: 100%;
	height: 25px;
	text-align: center;
	border: none;
	background-color: #9a9fa0;
	color: white;
	padding: 0px;
	padding-left: 30px;
}

#logonHeader input[type=text], #logonHeader input[type=password] {
	border: 1px solid #9a9fa0;
	color: white;
}

a.textile-button {
	display: inline-table;
	line-height: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	vertical-align: top;
	background-color: #414b92;
	text-decoration: none;
	color: white;
	position: absolute;
	right: 0;
	top: 8px;
}

@media(max-width:1225px)
{
	a.textile-button { top: -27px; } 
}

a.textile-button > span {
	display: table-cell;
	vertical-align: middle;
	line-height: 0;
	padding: 3px 6px;
	color: white;
}

a.textile-button > span.text {
	line-height: 1em;
}

a.textile-button > span > img {
	height: 2em;
}

/* MENU CATEGORIES */

ul#category-list, ul#category-list ul {
	display: table;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#category-list li {
	position: relative;
}

ul#category-list > li {
	border-right: 1px dotted white; 
}

ul#category-list > li:first-child {
	border-left: 1px dotted white;
}

ul#category-list a {
	font-size: 14px;
	display: block;
	padding: 10px 10px;
	color: white;
	text-decoration: none;
}

ul#category-list > li > a {
	text-align: center;
}

ul#category-list ul {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	width: 100%;
	z-index: 1500;
}

ul#category-list > li {
	display: table-cell;
	position: static !important;
}

ul#category-list > li:hover ul {
	display: block;
}

ul#category-list > li ul li {
	width: 33%;
	display: inline-block;
	vertical-align: top;
}

ul#category-list li.green:hover, ul#category-list li.green:hover ul { background-color: #ccd733; }
ul#category-list li.green:hover a:hover { color: #ccd733; background-color: white; }
ul#category-list li.blue:hover, ul#category-list li.blue:hover ul { background-color: #00528c; }
ul#category-list li.blue:hover a:hover { color: #00528c; background-color: white; }
ul#category-list li.lightblue:hover, ul#category-list li.lightblue:hover ul { background-color: #1697ce; }
ul#category-list li.lightblue:hover a:hover { color: #1697ce; background-color: white; }
ul#category-list li.darkblue:hover, ul#category-list li.darkblue:hover ul { background-color: #266c9d; }
ul#category-list li.darkblue:hover a:hover { color: #266c9d; background-color: white; }
ul#category-list li.purple:hover, ul#category-list li.purple:hover ul { background-color: #7f2082; }
ul#category-list li.purple:hover a:hover { color: #7f2082; background-color: white; }
ul#category-list li.orange:hover, ul#category-list li.orange:hover ul { background-color: #f59c00; }
ul#category-list li.orange:hover a:hover { color: #f59c00; background-color: white; }
ul#category-list li.red:hover, ul#category-list li.red:hover ul { background-color: #d81026; }
ul#category-list li.red:hover a:hover { color: #d81026; background-color: white; }
ul#category-list li.yellow:hover a { background-color: #ffed00; color: #353f41; }
ul#category-list li.yellow:hover ul { background-color: #ffed00; }
ul#category-list li.yellow:hover a:hover { color: #353f41; background-color: white; }

/* CAROUSEL HOME */

#slider-container {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif;
}

#home-slider {
	display: table-cell;
	width: 70%;
}

#thumb-slider {
	display: table-cell;
	vertical-align: middle;
	width: 30%;
}

#home-slider .img-div {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
}

#thumb-slider div {
	color: white;
	text-align: left;
}

#thumb-slider .thumb-slide {
	display: table;
	width: 100%;
}

#thumb-slider .thumb-slide > div {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}

#thumb-slider .thumb-slide.slick-current  {
	background-color: #bfbfc0;
}

#thumb-slider .thumb-slide > div:first-child {
	width: 50px;
}

#thumb-slider img {
	/*max-width: 100%;*/
	margin: auto;
	height: 60px;
	float: left;
}

#home-news-slider {
	/* padding: 45px; */
	background-color: white;
}

h2.middle-title {
	color: white;
	font-size: 30px;
	margin-bottom: 0px;
	font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif;
}

h3.middle-title {
	color: white;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0px;
	font-family: Comfortaa, Arial, Myriad, Verdana, Helvetica, sans-serif;
}

table.catalogue {
	width: 100%;
	border-collapse: collapse;
	border: none;
	table-layout: fixed;
}

table.catalogue td {
	border: none;
	padding: 25px 0px 25px 45px;
}

table.catalogue img {
	max-width: 100% !important;
	display: block !important;
	height: auto !important;
	width: auto !important;
}

#previewPictureLarge {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    display: none;
    width: 350px;
}