.Base {
	font-family:verdana, sans-serif;
}

html, body {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	max-width: 100%;
	text-align:center;
	background-color:#F8F8F8;
	background-image: url("../Images/Bg_Pagee.jpg");
	background-size:100%;
	background-repeat: repeat;
	font-family: Verdana;
    color: black;
    font-size: 9pt;
}
#DivGlobal {
	display:inline-block;
	text-align:left;
	background-color:white;
	max-width: 1000px;
	font-family: Verdana;
    color: black;
    font-size: 9pt;
	box-shadow: 5px 10px 20px 10px #888888;
	margin-bottom:60px;
}
#MenuList {
	display:none;
	background-color:black;
	width:calc(100% - 16px);
	height:34px;
	padding:5px;
	margin-left:3px;
	margin-right:3px;
	font-family: Verdana;
    color:white;
    font-size: 9pt;

}
table {
	border-spacing: 0;
    border-collapse: collapse;
	font-family:Verdana;
    color: black;
    font-size: 9pt;
}
A:active
{
    FONT-WEIGHT: 500;
    COLOR: white;
    TEXT-DECORATION: none
}
A:visited
{
    FONT-WEIGHT: 500;
    COLOR: black;
    TEXT-DECORATION: none
}
A:link
{
    FONT-WEIGHT: 500;
    COLOR: black;
    TEXT-DECORATION: none
}
A:hover
{
    FONT-WEIGHT: 500;
    COLOR: #ba611d;
    TEXT-DECORATION: none
}
footer {
	margin-top:50px;
	height:150px;
	width:calc(100% - 14px);
	color:#F96968;
	line-height:20px;
	padding-right:14px;
	text-align:right;
	background-image: url("../Images/Bg_Footer_150.png");
	background-size: 100% 100%;
	background-repeat: repeat;
}
.tabFooter {
	width:100%;
	font-family: Verdana;
    color: #F96968;
    font-size: 9pt;
	text-align:right;
}
.TabLogin {
	font-family:Verdana;
    color: white;
    font-size: 9pt;
}

.TabEvent {
	width:100%;
	border-left:4px solid #F96968;
	cursor:pointer;
}
.TabEvent:hover {
	border-left:10px solid #F96968;
}
.PromoMenu {
	position:absolute;
	top:0px;
	left:calc(50% - 160px);
	display:inline-block; 
	width:150px;
	cursor:pointer;
}
.NewMenu {
	position:absolute;
	top:0px;
	left:50%;
	display:inline-block; 
	width:70px;
	cursor:pointer;
}
.EventMenu {
	position:absolute;
	top:0px;
	left:calc(50% + 80px);
	display:inline-block; 
	width:60px;
	cursor:pointer;
}
.DivP {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:100%;
	font-family:Verdana;
    color: black;
    font-size: 10pt;
}
.DivPIco {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:100px;
}
.DivPIcoPlus {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:calc(100% - 120px);
	font-family:Verdana;
    color: black;
    font-size: 10pt;
}
.DivP70 {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:70%;
	font-family:Verdana;
    color: black;
    font-size: 10pt;
}
.DivP30 {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:calc(30% - 10px);
}
.DivE30 {
	display:inline-block; 
	text-align:justify; 
	vertical-align:top;
	width:calc(30% - 10px);
}
.DivListPromo {
	display:inline-block; 
	vertical-align:top;
	padding:10px;
	margin-left:4px;
	margin-right:4px;
	margin-bottom:14px;
	width:calc(33% - 32px);
	border:1px dashed #CCCCCC;
	box-shadow: 0px 5px 10px #888888;
}
.ProdImg {
	width:100%;
}
.PromoImg {
	position:absolute;
	display:none;
	width:70px;
	height:40px;
	background-image: url("../Images/Promo.png");
	background-size:100%;
	font-family: Verdana;
    color: white;
    font-size: 14pt;
	font-weight:bold;
	text-align:center;
	padding-top:26px;
	
}
.OccasImg {
	position:absolute;
	display:none;
	width:100px;
}
.NewImg {
	position:absolute;
	display:none;
	width:100px;
}

.Promo {
    position:relative;
	top:30px;
    color: white;
    background: red;
    text-transform: uppercase;
    padding: 9px 0 7px;
    text-shadow: 1px 1px rgba(0,0,0,0.24);
    width: 100px;
	text-align: center;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#MyHeader {
	width:100%;
}

#TdLogoPM {
	width:30%;
	padding-top:6px;
}
#TdLogoYamaha {
	width:30%;
	padding-top:6px;
	padding-right:6px;
}
.ImgCatProd {
	width:100%;
}
.ImgCatProd:hover {
	box-shadow: 0px 5px 10px #888888;
}
section {
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	padding-bottom:30px;
}
#Menus {
	text-align:center;
}

.MenuFixOn {
	display:inline-block;
	margin:1px;
    padding-left:19px;
    padding-right:20px;
	height:30px;
	line-height:30px;
	font-family: verdana;
    font-size: 10pt;
	cursor:pointer;
	color: white;
	background-color:#F96968;
}
.MenuFix {
	display:inline-block;
	margin:1px;
    padding-left:19px;
    padding-right:20px;
	height:30px;
	line-height:30px;
	font-family: verdana;
    font-size: 10pt;
	cursor:pointer;
	color: white;
	background-color:#000000;
}
.MenuFix:hover {
    background-color:#F96968;
}

#MenusCat {
	text-align:center;
	vertical-align:top;
}
.MenuCat_5 {
	display:inline-block;
    padding:0px;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:1px;
	margin-right:1px;
	width:calc(20% - 8px);
	font-family: verdana;
    font-size: 10pt;
	cursor:pointer;
	color: white;
	background-color:#F96968;
	border:1px solid #FFFFFF;
	vertical-align:top;
}
.MenuCat_5:hover {
    background-color:white;
	border:1px solid black;
	color:black;
	font-weight:bold;
}
.TdMenuCat {
	height:24px;
	padding-bottom:4px;
	font-family: verdana;
    font-size: 10pt;
	font-weight:bold;
	text-align:center;
}

.DivProd {
	display:inline-block;
    padding:0px;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:4px;
	margin-right:4px;
	width:calc(33% - 10px);
	min-height:380px;
	font-family: verdana;
    font-size: 10pt;
	cursor:pointer;
	color: white;
	background-color:#F96968;
	border:1px solid black;
	vertical-align:top;
}
.DivProd:hover {
	background-color:white;
	color: black;
}

.DivProd100 {
	display:inline-block;
    padding:0px;
	margin-top:6px;
	margin-bottom:6px;
	margin-left:4px;
	margin-right:4px;
	width:calc(100% - 10px);
	min-height:340px;
	font-family: verdana;
    font-size: 10pt;
	cursor:pointer;
	color: white;
	background-color:#F96968;
	border:1px solid black;
	vertical-align:top;
}
.DivProd100:hover {
	background-color:white;
	color: black;
}
.PNView {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	left:10px;
	top:-90px;
	cursor:pointer;
	z-index:7;
}
.PNPanier {
	position:relative;
	display:inline-block;
	width:30px;
	height:30px;
	left:-26px;
	top:-50px;
	cursor:pointer;
	z-index:7;
}
.PNNom {
	position:relative;
	display:inline-block;
	top:-30px;
	padding:6px;
	width:calc(100% - 12px);
}

#DivAnimEvent {
	display:inline-block;
	vertical-align:top;
	background-color:black;
	border:1px solid black;
	width:calc(60% - 10px);
	max-height:197px;
	padding-top:5px;
	margin-top:0px;
	margin-bottom:6px;
	margin-left:4px;
	margin-right:1px;
}

.DivTitreAnimEvent {
	display:inline-block;
    font-family: verdana;
    font-size: 13pt;
	color: white;
	height:30px;
	line-height:30px;
	padding-left:6px;
	padding-bottom:6px;
	
}
#DivMenuEvent {
	display:block;
    font-family: verdana;
    font-size: 12pt;
	font-weight: bold;
	color: black;
	padding:0px;
}
#DivMenuEventImg {
	display:inline-block;
	width:100%;
	padding:0px;
	cursor:pointer;
}
#DivMenuEventTitre {
	display:inline-block;
	position:relative;
	top:-46px;
	background-color:black;
    font-family: verdana;
    font-size: 13pt;
	color: white;
	width:calc(100% - 6px);
	height:30px;
	line-height:30px;
	padding-left:6px;
	padding-bottom:2px;
	opacity:0.5;
	cursor:pointer;
}
#DivMenuEventTitre:hover {
	opacity:0.8;
}
#DivMonCompte {
	display:inline-block;
	vertical-align:top;
	background-color:black;
	border:1px solid black;
	width:calc(20% - 20px);
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	min-height:197px;
	margin-top:0px;
	margin-bottom:6px;
	margin-left:3px;
	margin-right:1px;
	text-align:center;
}

#DivPanier {
	display:inline-block;
	vertical-align:top;
	background-color:black;
	border:1px solid black;
	width:calc(20% - 20px);
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	min-height:197px;
	margin-top:0px;
	margin-bottom:6px;
	margin-left:3px;
	margin-right:1px;
	text-align:center;
}
.Input_Log
{
    padding-left: 3px;
    font-weight: bold;
    font-size: 7pt;
    color: #153c57;
    font-family: ms sans serif;
    height: 18px;
    background-color: #bcb89f
}
.Input_Norm
{
    PADDING-LEFT: 3px;
    FONT-WEIGHT: 600;
    FONT-SIZE: 7pt;
    COLOR: #153c57;
    FONT-FAMILY: MS Sans Serif;
    HEIGHT: 18px;
    BACKGROUND-COLOR: #ffd7b8
}
.MargeForm
{
    MARGIN: 0px
}
.Txt_Norm
{
    FONT-WEIGHT: 500;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana
}
.Txt_Titre
{
    font-weight: bold;
    font-size: 13pt;
    color: #F96968;
    font-family: 'MS Sans Serif', Verdana
}
.Txt_Input_Norm
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, 'MS Sans Serif';
    HEIGHT: 20px
}
.Txt_Login
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
.Td_Entete
{
    border-left: 1px solid;
    border-right: black 1px solid;
    border-top: 1px black solid;
    border-bottom: black 1px solid;
    font-weight: 600;
    font-size: 8pt;
    color: black;
    font-family: verdana;
    background-color: silver;
	padding:2px;
}
.Td_Grid
{
    border-left: 1px solid;
	border-right: black 1px solid;
    border-bottom: black 1px solid;
	padding:2px;
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: verdana;
}
.Input_Norm
{
    FONT-SIZE: 12px;
    WIDTH: 125px
}
.Txt_Norm_Justify
{
    FONT-SIZE: 15px;
    COLOR: black;
    TEXT-ALIGN: left
}
.Td_Caption
{
    BORDER-RIGHT: black 1px outset;
    BORDER-TOP: 1px outset;
    FONT-WEIGHT: 200;
    FONT-SIZE: 8pt;
    BORDER-LEFT: 1px outset;
    COLOR: black;
    BORDER-BOTTOM: black 1px outset;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #a0c2e7
}
.Td_Titre
{
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    FONT-WEIGHT: 600;
    FONT-SIZE: 9pt;
    BORDER-LEFT: 1px;
    BORDER-BOTTOM: #336699 1px outset;
    FONT-FAMILY: Verdana
}

.Txt_Sous_Titre
{
    font-weight: 600;
    font-size: 11pt;
    color: #F96968;
    font-family: 'MS Sans Serif', Verdana
}

.TdBorder{
    BORDER-LEFT:black 1px solid;
    BORDER-BOTTOM:black 1px solid;
    BORDER-RIGHT:0px ;
    FONT-SIZE: 9pt;
}

input[type="text"],input[type="password"],input[type="date"],select,textarea{
    border:solid 1px #993300;
    border-radius:3px;
    padding-left:3px;
    padding-right:3px;  
    FONT-FAMILY: Verdana, 'Comic Sans MS';
    FONT-SIZE: 9pt;
}

input[type="button"],input[type="submit"],input[type="reset"]{
    border:solid 2px #F96968;
    background-color: #cc6600;
    color: #FFFFFF;
    padding-left:10px;
    padding-right:10px; 
    height:26px;
    font-family: verdana, 'comic sans ms';
    font-size: 9pt;
    font-weight: 700;
    cursor:pointer;
    border-radius:5px;
}

fieldset{
    border:solid 1px #993300;
    border-radius:6px;
    padding-left:10px;
    padding-right:4px;
    padding-bottom:10px;
    width:300px;
    margin:auto;
}
legend{
    padding-left:4px;
    padding-right:4px;
    color:#000000;
    font-family: Verdana;
    font-weight:bold;
    font-size:10pt;
}
.DivLogo{
    display:inline-block;
    width:100%;
    padding-top:6px;
	padding-bottom:14px;
	padding-left:0px;
	padding-right:0px;
    text-align:center;
}

.DivAdminMenu{
    display:inline-block;
    margin:4px;
    padding:2px 4px 2px 4px;
    background-color:#FFFFFF;
    border:2px solid #993300;
    border-radius:4px;
    font-family: Verdana;
    color: black;
    font-size: 9pt;
    font-weight:bold;
    cursor: pointer;
}
.DivAdminMenu_A{
    display:inline-block;
    margin:4px;
    padding:2px 4px 2px 4px;
    background-color:#FFF0D5;
    border:2px solid #993300;
    border-radius:4px;
    font-family: Verdana;
    color: black;
    font-size: 9pt;
    font-weight:bold;
    cursor: pointer;
}
#DivImg {
    display:none; 
    position:absolute; 
    border-radius:6px; 
    width:500px; 
    height:220px;
    left:10px;
    top:10px;
    padding-top:6px;
    padding-bottom:6px;
    border:solid 2px black; 
    background-color:#FFFFFF;
}


@media screen and (max-width:960px){
	.DivProd {
		width:calc(50% - 14px);
	}
	.PromoMenu {
		left:calc(50% - 134px);
		width:130px;
	}
	.NewMenu {
		width:64px;
	}
	.EventMenu {
		left:calc(50% + 70px);
		width:54px;
	}
}
@media screen and (max-width:600px){
	.DivProd {
		width:calc(100% - 10px);
	}
	.DivListPromo {
		width:calc(100% - 30px);
	}
	.PromoMenu {
		display:none; 
	}
	.NewMenu {
		display:none; 
	}
	.EventMenu {
		display:none; 
	}
	#DivGlobal {
		margin-bottom:0px;
	}
	footer {
		height:130px;
		width:calc(100% - 4px);
		padding-right:2px;
	}
	#TdLogoPM {
		width:45%;
		padding-left:6px;
	}
	#TdLogoYamaha {
		width:45%;
		padding-right:10px;
	}
	.MenuFix {
		display:block;
		margin:0px;
		text-align:left;
		margin-left:3px;
		margin-right:3px;
		padding-left:8px;
		padding-right:5px;
		width:calc(100% - 19px);
		border-top: 1px solid white;
		height:30px;
		line-height:30px;
		font-size: 11pt;
	}
	.MenuFixOn {
		display:block;
		margin:0px;
		text-align:left;
		margin-left:3px;
		margin-right:3px;
		padding-left:8px;
		padding-right:5px;
		width:calc(100% - 19px);
		border-top: 1px solid white;
		height:30px;
		line-height:30px;
		font-size: 11pt;
		cursor:pointer;
		color: white;
		background-color:#F96968;
	}
	.MenuCat_5 {
		width:calc(50% - 8px);
		font-family: verdana;
		font-size: 10pt;
	}
	#DivAnimEvent {
		width:calc(100% - 10px);
		max-height:260px;
	}
	#DivMonCompte {
		width:calc(100% - 20px);
	}
	#DivPanier {
		width:calc(100% - 20px);
	}
	#DivMenuEventTitre {
		top:0px;
		opacity:0.9;
	}
	#MenuList {
		display:inline-block;
	}
	#Menus {
		display:none;
	}
	
	.DivP70 {
		width:100%;
	}
	.DivP30 {
		display:none; 
	}
	.DivE30 {
		width:calc(100% - 10px);
	}
}