body {
  background-image: url('/static/skel_template/beta3/img/fond_ecran_v3_bpr.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#banner{
	padding: 1em 0 3em 0;
	
	text-align: center;
}
/* Ligne 127 */
/* Ligne 127 */
#topBarEspacePerso, 
{
  /*float: left;*/
  width: 150px;
  height: 36px;
  padding-top: 4px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  background-color: #2c2827;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  color: #ffffff;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #100c0d;
}

/* Ligne 133 */
/*#topBarShopping
{
  width: 100px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  text-decoration-color: currentcolor;
  text-decoration-line: none;
  text-decoration-style: solid;
}*/

#topBarShopping #BasketProdCount
{
  /*position: absolute;
  top: -6px;
  right: -4px;*/
  background-color: #e6e7e9;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-clip: border-box;
  background-origin: padding-box;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  color: #999999;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
}

/*#topBarShopping span
{
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 30px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  line-height: 16px;
}*/

/* Ligne 130 */
/*#topBarShopping span
{
  margin-left: 33px;
}*/

/* Ligne 136 */
#topBarEspacePerso .bold, #topBarShopping .bold
{
  font-weight: bold;
}

/* Ligne 137 */
#topBarEspacePersoPicto, #topBarPanierPicto
{
  width: 20px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  height: 30px;
  float: left;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-size: 18px;
}

/* Ligne 138 */
#topBarPanierPicto
{
  padding-top: 7px;
}


.PanierLine1 td, .PanierLine2 td
{
  padding-left: 3px;
  padding-right: 3px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dedede;
  background-color: #ffffff;
}

.PanierLine1 .Qte, .PanierLine2 .Qte
{
  color: #3e76ba;
  width: 18px;
  text-align: center;
}

.PanierLine1 form,#section .PanierLine2 form {display:inline;}

#myTablepneu, tr, th, td
{
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  vertical-align: middle;
  padding-top: 0.3em;
  padding-right: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
}

#myTablepneu td
{
  padding-top: 0.3em;
  padding-right: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.3em;
}

#tabs ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    width: 500px;
}
#tabs ul li {
   float: left;
   margin: 0;
   padding: 0;
   height: 29px;
   line-height: 29px;
   border-left: none;
   margin-bottom: -1px;
   overflow: hidden;
   position: relative;
   background: #ddd
}
#tabs ul li a {
   text-decoration: none;
   color: #888;
   display: block;
   font-family: "Trebuchet MS";
   font-size: 14px;
   padding: 0 20px
}
#tabs ul li a:hover {
   background: #ccc;
   color: #666
}

.ui-tabs {
   position: relative
}
.ui-tabs .ui-tabs-nav {
   margin: 0
}
.ui-tabs .ui-tabs-nav li {
   float: left;
   margin: 0;
   padding: 0;
   border: 1px solid #ccc;
   border-left: none;
   margin-bottom: -1px;
   overflow: hidden;
   position: relative;
   background: #ddd
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
   float: left;
   padding: 0;
   text-decoration: none;
   padding: 0 10px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
   margin-bottom: -1px;
   padding-bottom: 1px;
   border-bottom: 1px solid #fff
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
   cursor: text;
   color: #666;
   background: #fff
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
   cursor: pointer
}

.ui-tabs .ui-tabs-panel {
   display: block;
   border: 1px solid #ccc;
   border-top: none;
   overflow: hidden;
   clear: both;
   float: left;
   width: 479px;
   background: #fff;
   margin: 0;
   padding: 10px
}

input[type="submit"].vert, input[type="reset"].vert, input[type="button"].vert, button.vert, .button.vert {
    background-color: #229d12;
}

input[type="submit"].violet, input[type="reset"].violet, input[type="button"].violet, button.violet, .button.violet {
    background-color: #8a00ff;
}






.main-nav-ul ul { display:none; }
.main-nav-ul li.tap ul{display:block;}
.main-nav .sub-arrow:after {content:"\203a";
                            float:right;
                            margin-right:10px;
                            transform : rotate(90deg);
                            -webkit-transform : rotate(90deg);
                            -moz-transform : rotate(90deg);
                            
                            
                            }

/* specifique beta3 */
/* Header */

	body {
		padding-top: 3.125em;
	}

	#header {
		/*background: #3b3b3b;*/
		color: #d5d5d5;
		cursor: default;
		height: 3.25em;
		left: 0;
		line-height: 3.25em;
		position: fixed;
		text-align: right;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

		#header > h1 {
			color: #ffffff;
			display: inline-block;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;
		}

			#header > h1 a {
				font-size: 1.25em;
			}

		#header > a {
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			display: inline-block;
			padding: 0 0.75em;
			color: inherit;
			text-decoration: none;
		}

			#header > a:hover {
				color: #ffffff;
			}

			#header > a[href="#nav"] {
				text-decoration: none;
				-webkit-tap-highlight-color: transparent;
			}

				#header > a[href="#nav"]:before {
					content: "";
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					font-family: FontAwesome;
					font-style: normal;
					font-weight: normal;
					text-transform: none !important;
				}

				#header > a[href="#nav"]:before {
					margin: 0 0.5em 0 0;
				}

			#header > a + a[href="#nav"]:last-child {
				border-left: solid 1px rgba(255, 255, 255, 0.15);
				padding-left: 1.25em;
				margin-left: 0.5em;
			}

			#header > a:last-child {
				padding-right: 1.25em;
			}

			@media screen and (max-width: 736px) {

				#header > a {
					padding: 0 0.5em;
				}

					#header > a + a[href="#nav"]:last-child {
						padding-left: 1em;
						margin-left: 0.25em;
					}

					#header > a:last-child {
						padding-right: 1em;
					}

			}

	@media screen and (max-width: 980px) {

		body {
			padding-top: 44px;
		}

		#header {
			height: 44px;
			line-height: 44px;
		}

			#header > h1 {
				left: 1em;
			}

				#header > h1 a {
					font-size: 1em;
				}

	}

	@media screen and (max-width: 480px) {

		#header {
			min-width: 320px;
		}

	}
	
	
	
/* Banner */

	#banner {
		/*padding: 8em 0 6em 0;*/
		/*background: #f6f6f6;*/
		padding-left : 30px;
		text-align: left;
	}

		#banner h2 {
			font-size: 4em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.5em;
			margin-bottom: 1.75em;
		}

		@media screen and (max-width: 1680px) {

			#banner {
				padding: 7em 0 5em 0;
			}

		}

		@media screen and (max-width: 1280px) {

			#banner {
				padding: 5em 0 3em 0;
			}

				#banner h2 {
					font-size: 3.5em;
				}

		}

		@media screen and (max-width: 980px) {

			#banner {
				padding: 6em 2em 4em 2em;
			}

		}

		@media screen and (max-width: 736px) {

			#banner {
				padding: 4em 2em 2em 2em;
			}

				#banner h2 {
					font-size: 2.25em;
				}

				#banner p {
					font-size: 1.25em;
				}

		}

		@media screen and (max-width: 480px) {

			#banner {
				padding: 4em 2em 2em 2em;
			}

		}


/* new button */
		input[type="submit"].red,
		input[type="reset"].red,
		input[type="button"].red,
		button.red,
		.button.red {
			background-color: #ff0000;
			color: #ffffff !important;
		}

			input[type="submit"].red:hover,
			input[type="reset"].red:hover,
			input[type="button"].red:hover,
			button.red:hover,
			.button.red:hover {
				background-color: #ff6d6d;
			}

			input[type="submit"].red:active,
			input[type="reset"].red:active,
			input[type="button"].red:active,
			button.red:active,
			.button.red:active {
				background-color: #f62121;
			}
			
			
			
			/*fin new button */
			
/* new button2 */
		input[type="submit"].bprcolor,
		input[type="reset"].bprcolor,
		input[type="button"].bprcolor,
		button.bprcolor,
		.button.bprcolor {
			background-color: #0070c0;
			color: #ffffff !important;
		}

			input[type="submit"].bprcolor:hover,
			input[type="reset"].bprcolor:hover,
			input[type="button"].bprcolor:hover,
			button.bprcolor:hover,
			.button.bprcolor:hover {
				background-color: #007dd6;
			}

			input[type="submit"].bprcolor:active,
			input[type="reset"].bprcolor:active,
			input[type="button"].bprcolor:active,
			button.bprcolor:active,
			.button.bprcolor:active {
				background-color: #005d9f;
			}
			
			
			
			/*fin new button */