@font-face {
		font-family: 'DINCond-bold';
		src: url('https://css.t-a-o.com/static/fonts/DINCond-Bold/DINCond-Bold.eot');
		src: url('https://css.t-a-o.com/static/fonts/DINCond-Bold/DINCond-Bold.ttf'), url('https://css.t-a-o.com/static/fonts/DINCond-Bold/DINCond-Bold.woff'), url('https://css.t-a-o.com/static/fonts/DINCond-Bold/DINCond-Bold.eot'), url('https://css.t-a-o.com/static/fonts/DINCond-Bold/DINCond-Bold.svg');
		font-weight: normal;
		font-style: normal;
	}
	
	/* HOMEPAGE */
	#HPsansCTA{
		text-align:center;
		max-width: 100%;
		overflow-x: hidden;
		}
	#HPsansCTA img {
		width: 100%;
		height: auto;
	}

	/*--- BOTTOM CONTENT ---*/
	.HP_desk_bottom_content{
		text-align:center;
	}

	/* ENCARTS */
	.width100 {
		margin-bottom: 12px;
		width: 100%;
	}
	
	.width50 {
		display:inline-block;
		vertical-align: top; 
		max-width: 49.5%;
	}
	
	.width33 {
		display:inline-block;
		vertical-align: top;
		max-width: 32.5%;
	}
	
	.spaceMiddle {
		margin: 0 .6%;
	}
	
	.spaceLeft {
		margin-left:0.5%;
	}
	
	/* CTA */
	.listeCTA {
		margin-top: -58px;
		padding: 0px;
		width:100%;
		float: right;
		display: block;
		position: relative;
	}
	.listeCTA a {
		text-decoration: none;
		font-size: 1.25em;
		font-family:Dincond-regular;
		display:inline-block
	}

	.listeCTA li {
		display: inline;
	}

	.listeCTA li a {
		padding: 2px 15px;
		width: 110px;
		text-transform: uppercase;
		margin-top:10px;
	}

	/* COULEURS CTA */
	.CTABLACK a {
		border:1px solid black;
		color:#fff!important;
		background-color:black!important;
	}
	.CTABLACK a:hover {
		background-color:#FFF!important;
		color:black!important;
		border:1px solid #FFF!important;
	}
	
	.CTABLACK_BLACK a {
		border:1px solid black;
		color:#fff!important;
		background-color:black!important;
	}
	.CTABLACK_BLACK a:hover {
		background-color:#FFF!important;
		color:black!important;
		border:1px solid #000!important;
	}
	.CTABLANC a {
		border:1px solid #fff;
		color:black!important;
		background-color:#fff!important;
	}
	.CTABLANC a:hover {
		background-color:black!important;
		color:#fff!important;
		border:1px solid black!important;
	}
	
	.CTAKAKI a {
		border:1px solid #fff;
		color:black!important;
		background-color:#fff!important;
	}
	.CTAKAKI a:hover {
		background-color:#857551!important;
		color:#fff!important;
		border:1px solid #857551!important;
	}
	
	.picto_new {
		font-size: 12px;
		vertical-align: top;
	}
	
	.VP {
		background-color: #e94a38;
		padding-bottom: 25px!important;
		margin-top: 0px!important;
	}
	
	.SOLDES {
		    background-color: #FFF;
			padding-bottom: 6px;
			margin-top: 0px!important;
			float: initial;
	}
	
	
	.titre_VP {
		font-family: Dincond-Regular;
		background-color: black;
		color: white;
		padding: 8px 224px;
		text-transform: uppercase;
		font-weight: initial;
		margin: auto;
		font-size: 25px;
		border: none;
	}
	
	.titre_VP:focus{
		 outline: none;
	}
	
	.titre_VP:hover, .titre_VP.active, .tailleActive {
		background-color: white; 
		color: black;
	}
	
	.width50VP {
		display: inline-block;
		vertical-align: top;
		width: 26.6%;
	}
	
	.tailleVP{
	    display: inline-block;
		vertical-align: top;
		width: 16%;
		padding-left: 30px;
	}	
	
	.tailleVP li {
		color: black;
		font-family: Dincond-Regular;
		text-align: left;
		list-style: none;
	}
	
	.tailleVP a {
		color: black;
		text-decoration: none;
		font-size: 20px;
	}
	
	.tailleVP a:hover {
		color: #e94a38;
		text-decoration: underline;
		
	}
	
	.tailleVP h2 {
		text-transform: uppercase;
		font-weight: bold;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 26px;
		text-align: center;
	}
	
	.tailleVP p {
		margin: 2px;
		text-align: center;
		color: #19d5db;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.service_eresa {
		padding: 10px 10px;
		background-color: #f4f5f0;
		    border: solid 1px #e2e2e2;
	}
	
	.service_eresa a {
		font-size: initial;
		text-decoration: none;
	}
	
	.service_eresa a:hover {
		text-decoration: none;
		color: black;
	}
	
	#taillesFille {
		text-align: left;
	}
	
	#taillesGarcon{
		text-align: right;
	}
	
	#taillesGarcon li {
		text-align: right;
	}
	
	.tabcontent {
	    width: 1023px;
		background-color: white;
		margin: auto;
	}
	
	.texte_tweens {
		font-family: Dincond-regular;
		text-align: center;
		font-size: 1.2em;
		margin-bottom: 28px;
	}
	
	.texte_tweens p {
		margin: 0;
	}
	
	.texte_tweens h2 {
		text-transform: uppercase;
		font-family: DINCond-bold;
	}
	
	/* -10% supp */
		.dixSupp {
		background-color: #000; 
		padding: .2% 0%;
		font-family: Dincond-Bold;
		color: #FFF;
		text-transform: uppercase;
		font-size: 1.3vw;
	}
	
	.width100 a {
		text-decoration: none;
	}
	
	.chiffre_dixSupp, .texte_dixSupp {
		display: inline-block;
		vertical-align: middle;
		padding: 0% .5%;
	}
	
	.chiffre_dixSupp {
		text-align: right;
		font-size: 3.5vw;
	}
	
	.texte_dixSupp {
		text-align: left;
	}
	
	.black { 
		color: #FFF;
	}
	
	.row {
		display: block;
	}
	
	/* SOLDES */
	.SOLDES .titre_VP {
		border: 1px solid black;
		border-bottom: none;
		padding: 1% 0%;
		width: 100%;
	}
	
	.SOLDES .tabcontent {
		border: 1px solid black; 
		border-top : none;
		width: 70.3%;
	}
	
	.SOLDES .tab {
		width: 71.6%;
		margin: auto;
	}
	
	#VALIUZxTAO {
		
	}
	
	/* PETIT ECRAN */
	@media screen and (max-width: 1400px) {
		.width50VP {
			width: 37.8%;
		}
		
		.SOLDES .tabcontent {
			 width: 86%;
		}
		
		.SOLDES .tab {
		    width: 87.6%;
		}
	 }
	 
	/* MOYEN ECRAN */
	@media screen and (min-width: 1500px) and (max-width: 1600px) {
		.width50VP {
			width: 35.6%;
		}
	}
	@media screen and (min-width: 4500px) and (max-width: 1500px) {
		.width50VP {
			width: 33.5%;
		}
	}