/* Fontes creees par Docile, pour l'usage exclusif du TNT Manufacture de Chaussures */
@font-face {
	  font-family: "Manufacture A";
	  src: url("http://www.letnt.com/assets/templates/tnt/fontes/Manufacture_A.ttf") format("opentype");
}

@font-face {
	  font-family: "Manufacture B";
	  src: url("http://www.letnt.com/assets/templates/tnt/fontes/Manufacture_B.ttf") format("opentype");
}

@font-face {
	  font-family: "Manufacture C";
	  src: url("http://www.letnt.com/assets/templates/tnt/fontes/Manufacture_C.ttf") format("opentype");
}

/* HACKS ================================================ */

.clearfix:after {
    content : ".";
    display : block;
    clear : both;
    visibility : hidden;
    line-height : 0;
    height : 0;
}

.clearfix {
    display : inline-block;
}

html[xmlns] .clearfix {
    display : block;
}

* html .clearfix {
    height : 1%;
}

/* COULEURS ============================================= */

/* palette_a : rouge #F00 */
/* palette_b : vert  #9C2 */
/* palette_c : cyan  #0BC */
/* palette_d : noir       */

.container.palette_a { border: 2px solid #F00; /*background-color: #FDD;*/ }
.container.palette_b { border: 2px solid #9C2; /*background-color: #EFC;*/ }
.container.palette_c { border: 2px solid #0BC; /*background-color: #CEE;*/ }
.container.palette_a_inv { border: 2px solid #FFF; color: #FFF; background-color: #F00; }
.container.palette_b_inv { border: 2px solid #FFF; color: #FFF; background-color: #9C2; }
.container.palette_c_inv { border: 2px solid #FFF; color: #FFF; background-color: #0BC; }
.container.palette_d { border: 2px solid #FFF; color: #FFF; background-color: #000; }

.container.palette_a a { color: #E00; background-color: #FDD; }
.container.palette_b a { color: #8B1; background-color: #EFC; }
.container.palette_c a { color: #0AB; background-color: #CEE; }
.container.palette_a_inv a { color: #FFF; background-color: #F33; }
.container.palette_b_inv a { color: #FFF; background-color: #AD5; }
.container.palette_c_inv a { color: #FFF; background-color: #3CD; }
.container.palette_d a { color: #FFF; background-color: #444; }

.container.palette_a a:hover { color: #FFF; background-color: #F00; }
.container.palette_b a:hover { color: #FFF; background-color: #9C2; }
.container.palette_c a:hover { color: #FFF; background-color: #0BC; }
.container.palette_a_inv a:hover { color: #F00; background-color: #FFF; }
.container.palette_b_inv a:hover { color: #9C2; background-color: #FFF; }
.container.palette_c_inv a:hover { color: #0BC; background-color: #FFF; }
.container.palette_d a:hover { color: #000; background-color: #FFF; }

.container.palette_a a:active { color: #FDD; background-color: #F00; }
.container.palette_b a:active { color: #EFC; background-color: #9C2; }
.container.palette_c a:active { color: #CEE; background-color: #0BC; }
.container.palette_a_inv a:active { color: #F33; background-color: #FFF; }
.container.palette_b_inv a:active { color: #AD5; background-color: #FFF; }
.container.palette_c_inv a:active { color: #3CD; background-color: #FFF; }
.container.palette_d a:active { color: #444; background-color: #FFF; }

.container.palette_a .n { color: #F00; }
.container.palette_b .n { color: #9C2; }
.container.palette_c .n { color: #0BC; }

.container.palette_a .c { color: #F00; }
.container.palette_b .c { color: #9C2; }
.container.palette_c .c { color: #0BC; }

.container.palette_a .manuf_a { color: #F00; }
.container.palette_b .manuf_a { color: #9C2; }
.container.palette_c .manuf_a { color: #0BC; }

.container.palette_a .manuf_b { color: #0BC; opacity: .25; }
.container.palette_b .manuf_b { color: #F00; opacity: .25; }
.container.palette_c .manuf_b { color: #9C2; opacity: .25; }

.container.palette_a .manuf_c { color: #9C2; opacity: .25; }
.container.palette_b .manuf_c { color: #F00; opacity: .25; }
.container.palette_c .manuf_c { color: #0BC; opacity: .25; }

.container.palette_a .buttonBar img { background-color: #F00; }
.container.palette_b .buttonBar img { background-color: #9C2; }
.container.palette_c .buttonBar img { background-color: #0BC; }

.container.palette_a h1, .container.palette_a h2, .container.palette_a h3, .container.palette_a h4, .container.palette_a h5, .container.palette_a h6 {
	color: #F00;
}

.container.palette_b h1, .container.palette_b h2, .container.palette_b h3, .container.palette_b h4, .container.palette_b h5, .container.palette_b h6 {
	color: #9C2;
}

.container.palette_c h1, .container.palette_c h2, .container.palette_c h3, .container.palette_c h4, .container.palette_c h5, .container.palette_c h6 {
	color: #0BC;
	margin-bottom: 0;
}

.container.palette_a table.equipe td { border-color: #F88; }
.container.palette_b table.equipe td { border-color: #8DD; }
.container.palette_c table.equipe td { border-color: #CD8; }

.container.palette_a table.equipe td.border_light { border-color: #FDD; }
.container.palette_b table.equipe td.border_light { border-color: #EFC; }
.container.palette_c table.equipe td.border_light { border-color: #CEE; }

/* ====================================================== */

body {
	background-color: #FEE;
	background-image: url(images/points.png);
}

sub, sup {
	line-height: 0;
}

sup {
	font-size: 80%;
	vertical-align: 4px;
}

h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
	font-size: 70%;
	vertical-align: 3px;
}

.container table.equipe {
	width: 100%;
	margin-bottom: 17px;
	border-collapse: collapse;
}

.container table.equipe td {
	border-top-width: 1px;
	border-top-style: solid;
	padding: 5px 0;
}

.container table.equipe td.pas_de_border {
	border: none;
}

.container {
	font: 12px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, sans-serif;
	background-color: #FFF;
	
/*	-moz-opacity: .93;
	opacity: .93;*/
}

/*.container.palette_d {
	opacity: 1;
}*/

.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
	font: bold 13px/1.2 "Manufacture A", Futura, "Trebuchet MS", sans-serif;
	margin-bottom: 13px;
}

.container a {
	text-decoration: none;
	padding: 2px 5px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.container h1 a, .container h2 a, .container h3 a, .container h4 a, .container h5 a, .container h6 a {
	/* padding: 3px 5px 2px; */
}

.container a:hover {
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.01) 0 0 0; /* HACK */
}

.container .top:hover,
.container .n:hover {
	cursor: move !important;
}

.container .n {
	font: bold 15px/1.2 "Manufacture A", Futura, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 15px 60px 15px 25px;
	vertical-align: top;
}

.container .n .gros-titre {
	font-size: 22px;
}

.container .sous-titre {
	font: 13px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, Arial, sans-serif;
	text-transform: none;
	letter-spacing: 0;
}

.manuf_a, .manuf_b, .manuf_c {
	padding-right: 60px;
	padding-bottom: 20px;
}

.manuf_a {
	font-family: "Manufacture A";
	position: absolute;
	top: 15px;
	left: 18px;
}

.manuf_b {
	font-family: "Manufacture B";
	position: absolute;
	top: 15px;
	left: 18px;
}

.manuf_c {
	font-family: "Manufacture C";
	position: absolute;
	top: 15px;
	left: 18px;
}

.container p, .container ul {
	margin-bottom: 15px;
}

.container .ne {
	height: 50px;
	width: 16px;
	-khtml-user-select: none;
}

.container .no {
	height: 50px;
	width: 18px;
	-khtml-user-select: none;
}

.container .o {
	height: 25px;
	width: 18px;
}

.container .e {
	height: 25px;
	width: 16px;
}

.container .s {
	height: 16px;
}

.container .se {
	height: 16px;
	width: 16px;
}

.container .se_resizable {
	height: 16px;
	width: 16px;
}

.container .so {
	height: 16px;
	width: 18px;
}

.container .c {
	padding-top: 0px;
}

.container .buttonBar {
	padding: 0;
	right: 15px;
	top: 9px;
}

.container .buttonBar img {
	padding: 0;
}

.container.palette_logo {
	background: none;
	padding: 0;
	/*width: 188px;
	height: 120px;*/
}

.container.palette_logo .n object:hover {
	/*cursor: move !important;*/
}

.container.palette_logo .n {
	padding: 0;
}

.container.palette_logo .no,
.container.palette_logo .ne,
.container.palette_logo .o,
.container.palette_logo .c,
.container.palette_logo .e,
.container.palette_logo .so,
.container.palette_logo .s,
.container.palette_logo .se {
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}

.mention_legales {
	font-size: 10px;
}

a.logo_partenaire {
	background: none !important;
	vertical-align: -20px;
}

ul, ol {
	padding-left: 20px;
}

ol {
	list-style-type: decimal;
}

#gallery ul {
	list-style: none;
	padding: 0;
}


#gallery ul li {
	display: inline;
}

#gallery ul a {
	display: block;
	float: left;
	padding: 2px;
	margin: 0 4px 4px 0;
}