/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*                                                        */
/*                   Textile Flash	                      */
/*                                                        */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */


/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  généralitées ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

html, body {
	margin:0; 
	padding:0; 
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}

#container {
	width:950px; 
	margin:0 auto; 
	padding-top:15px; 
	}
	
#main {
	margin:0 ; 
	position:relative; 
	background:#f49f24 url(../textile_flash/images/bg.gif) repeat-y top left;
	/*  la hauteur est spécifiée dans chaque page  */
	}
	
img {
	border:none;
	}

/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  typographie  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

h1 {
	color:#fff;
	font-size:24px;
	padding:150;
	margin: 0;
	}

h2 {
	color:#fff;
	font-size:18px;
	padding:0;
	margin:0;
	}

h3 {
	color:#fff;
	font-size:14px;
	font-weight:100;
	padding:0;
	margin:0;
	}

	
p {
	margin:0;
	padding:0;
	color:#fff;
	font-size:14px;
	}	

a {
	color:#fff;
	text-decoration:underline;
	}

a:hover {
	color:#000;
	}
	
/*  images des titre h1  */
	
h1.lignes {background:transparent url(../textile_flash/images/h1lignes.gif) bottom left no-repeat;}
h1.transferts {background:transparent url(../textile_flash/images/h1transferts.gif) bottom left no-repeat;}
h1.personnaliser {background:transparent url(../textile_flash/images/h1personnaliser.gif) bottom left no-repeat;}
h1.logotheque {background:transparent url(../textile_flash/images/h1logotheque.gif) bottom left no-repeat;}
h1.surmesure {background:transparent url(../textile_flash/images/h1surmesure.gif) bottom left no-repeat;}
h1.serigraphie {background:transparent url(../textile_flash/images/h1serigraphie.gif) bottom left no-repeat;}
h1.contact {background:transparent url(../textile_flash/images/h1contact.gif) bottom left no-repeat;}	

		
/*   fin des generalitées */



/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/* pied de page ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#footer {
	position:relative;
	margin:0 0 10px;
	background:#fff url(../textile_flash/images/footer.jpg) top left no-repeat;
	height:100px;
	border-bottom:1px solid #fff;
	}
	
#liencompersonne {
	position:absolute;
	top:0;
	right:0;
	}
	
#footer p {
	margin:0;
	padding:90px 0 0 15px;
	color:#89a8ad;
	font-size:12px;
	text-align: justify;
	line-height:18px;
	}

	
.orange {
	color:#f49f24;
	}	
	
#footer a {
	color:#89a8ad; 
	text-decoration:none;
	padding:0 15px 0  0 ;
	margin:0;
	}

#footer p a {
	margin:0;
	padding:0;
	
	}
	
#footer a:hover {
	color:#000;
	}

#retour {
	margin:0;
	padding:0;
	}
/*  fin de pied de page  */



/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  Spécifiques à telle page  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */ 



/*  page d'accueil  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */


/*  ancien style 
#logo {
	position:absolute; 
	top:40px; 
	left:45px;
	}
	
#actu {
	position:absolute; 
	top:20px; 
	right:180px;
	}
	
.actu {
	position:absolute;
	top:30px;
	right:20px;
	z-index:1;
	}
	
.promo {
	position:absolute;
	top:30px;
	right:225px;
	z-index:1;
	}
	
.reference {
	z-index:1;
	text-decoration:none;
	}
	
.reference img {
	margin-bottom:-15px;
	}


#promo {
	position:absolute; 
	top:20px; 
	right:20px;
	}

#nav {
	position:absolute; 
	left:0; 
	margin-top:165px;
	}

#nav a, #nav object { 
	float: left;
	}
*/

/*  nouveau styl : fin mai 2008 */
/*  le logo */
#index h1 span { display:none;}
#index h1 {	
	z-index:10;
	width:453px; height:100px;
	background: transparent url(../textile_flash/images/logoh1.gif) no-repeat top left;
	position:absolute; top:50px; right:100px;
	padding:0; margin:0;
	}
/*  horaires et coordonées  */	
#index #main p {
	z-index:10;
	position:absolute;
	top:5px; right:20px;
	font-size:90%;
	text-align:justify;
	padding:0; margin:0;
	}

/*  cartouche bleu avec logo et boutons actu, promo et clients  */
#index #nav_sub {
	z-index:10;	
	width:917px; height:77px;
	background: transparent url(../textile_flash/images/cartouche.gif) no-repeat top left;
	position:absolute; top:400px; left:17px;
	padding:0; margin:0; 	}	
#nav_sub img {	padding:0; margin:2px 0 0 10px;	}
#nav_sub ul {
	position:absolute;	top:17px; left:455px;
	margin:0; padding:0;	list-style:none;	}
#nav_sub li { float:left;  margin:0 ; padding:0;}
#nav_sub  a { padding:0; margin:0; display:block; height:49px;}	
#reference  { background:transparent url(../textile_flash/images/reference-bg.jpg) no-repeat top left; width:200px;} 
#actu { background:transparent url(../textile_flash/images/actu-bg.jpg) no-repeat top left; width:137px;}
#promo  { background:transparent url(../textile_flash/images/promo-bg.jpg) no-repeat top left; width:115px;}	

#nav_sub  a span { display:none;}

/*  placer le visuel avec les deux personnages  */

#persosTF {
	margin:0; padding:0;
	position:absolute;
	top:-15px;
	left:-39px;
	z-index:1;
	}
/*  la barre de navigation  */

#navindex {
	z-index:50;
	position:absolute;
	top:145px; right:15px;
	}

/*  Lignes de vêtements  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */

.bordbas {
	border-bottom:1px solid #fff;
	}

.petit {
	font-size:13px;
	}

.grand {
	font-size:18px;
	line-height:28px;
	letter-spacing:0.3em;
	}

.droite {
	text-align:right;
	margin-top:-10px;
	line-height:24px;
	}	

ul#menu {
	width:150px;
	float:left;
	display:inline;
	list-style:none;
	}

ul#menu a {
	text-decoration:none;
	}
	
#iframe {
	margin: 0;
	border-right:50px solid #f49f24;
	float:right;
	}

#iframe2 {
	margin:0 0 0 50px ;
	border:none;
	}

#navligne {
	color:#fff;
	font-size:13px;
	margin:0 0 10px 50px;
	}

#navligne a {
	text-decoration:none;
	}
	

	
/*  Transfrets flex et flocage  +  sérigraphie et broderie  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#transferts table, #serigraphie table{
	width:400px;
	margin:0 0 10px 50px;
	padding:0;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	font-size:11px;
	text-align:center;
	}
	
#transferts table td, #serigraphie table td {
	padding:2px;

	}
	
.fonce {
	background-color:#f49f24;
	}	

.header {
	text-align:right; 
	font-weight:bold;
	}

#floatright {
	position:absolute; 
	top:78px !important;
	top:77px;
	right:50px !important; 
	right:65px; 
	margin:0; 
	padding:0;
	}	

p.casket {
	width:450px;
	}

img.casket {
	position:absolute;
	top:150px;
	right:80px;
	}

#pixtransfert { 

	margin-top:20px;
	margin-left:50px;}

/*  Pour nous joindre  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#txt {
	margin: 0;
	padding-bottom:100px;
	border:none;
	}


#txt img {
	margin:40px 0 0 50px;
	}
	
#plan {
	position:absolute;
	top:80px;
	right:50px !important ; 
	right:65px;
	text-align:center;
	}

#plan a {
	font-size:11px;
	text-decoration:none;
	}
	
	
	/*  pour la page contact.html  */
#planlarge  {
	font-size:10px;
	text-decoration:none;

	}
#planlarge span {	
	margin-left:50px;	
	}	
#pixcontact {
	position:absolute;
	top:100px;
	right:50px !important ;
	right:65px;
	}

	/*  ,,,    */
	
#form {
	margin-left:380px;
	margin-top:-604px;
	padding-bottom:10px;
	color:#fff;
	font-size:10px;
	}
#form p {
	margin-left:0;
	}

#txt img.pixmessage {
	padding:0;
	margin:10px 0 10px 50px;
	}	
	
/*  Logotheque  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */
#logotheque div#main {
	height:1950px;/*  250px de haut par rangée d'images  */
	}

#models {
	margin-left:50px;
	}

#visuels {
	margin:20px 0 0 50px;
	}

#visuels div{
	float:left;
	clear:none;
	margin-right:35px;
	height:250px;
	font-size:10px;
	}