body{
width: 1024px;
height: 5000px;
margin-left: auto;
margin-right: auto;
font-family: Arial, Helvetica, Verdana;
font-size: 10pt;
background-image: url('images/fond-header-t335.jpg');
background-repeat: repeat-x;

border: 0px solid red;
}

#content{
position: relative;
width: 1024px;
height: 5000px;
margin-left: auto;
margin-right: auto;
}
#main{
position: relative;
}

img, a img{
border: 0px;
text-decoration: none;
}

a{
color: #ABABAB;
font-weight: bold;
text-decoration: none;
}

#header{
height: 50px;
position: relative;
top: 1px;
width: 100%;
border: 0px solid yellow;
}
#logo{
width: 185px;
height: 38px;
position: relative;
top: 3px;

}

#slogan{
position: relative;
left: 190px;
top: -27px;
}

#slogan p em{
color: #ABABAB;
font-weight: Bold;
font-size: 9pt;
}

#icones{
float: right;
margin-top: -78px;
}

#menu{
height: 50px;
position: absolute;
top: 3px;
width: 1024px;

border: 0px solid purple;
}

#garantie_spreadshirt{
height: 420px;
width: 180px;
position: absolute;
top: 40px;
right: 0px;

border: 0px solid purple;
}

#garantie_spreadshirt img{

}

#icones_paiement_garantie{
margin: 15px;
}

#garantie_spreadshirt h2{
font-size: 10pt;
}
#garantie_spreadshirt ul{
font-size: 8.5pt;
font-weight: bold;
color: grey;
}
#garantie_spreadshirt li{
list-style-image : url(images/icon_tick.png);
margin-left: -15px;
}
.paiement_garantie{
font-size: 11pt;
font-weight: bold;
margin-bottom: 10px;
}
.infos_paiement_garantie a{
font-size: 8.5pt;
font-weight: bold;
font-style:italic;
color: #0a71b4;
}
.virement_garantie{
font-size: 9pt;
font-weight: bold;
color: grey;
}
#main_page{
height: 1440px;
position: relative;
top: 40px;
width: 100%;
border: 0px solid green;
}

#main_produit{
width: 280px;
padding-top: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #ababab;
}

#top_page{
height: 420px;
position: relative;
top: 0px;
width: 854px;

}

#bas_page{
height: 1050px;
position: relative;
top: 0px;
width: 100%;
border-top: 2px dotted  #ababab;
border-bottom: 2px dotted  #ababab;
margin-bottom: 30px;
}

#bas_page_article{
height: 360px;
position: relative;
top: 0px;
width: 100%;
border-top: 2px dotted  #ababab;
border-bottom: 2px dotted  #ababab;
margin-bottom: 30px;
}
.item_menu{
border-right:  3px solid #fff;
padding: 10px;


}
.item_menu a{
color: #FFF;
}

#presentation_texte{
width: 400px;
height: 200px;
position: absolute;
top: 15px;
right: 105px;

}

#presentation_texte h1{
font-size: 11pt;
}

#carrousel_top_home{
position: absolute;
top: 180px;
left: 350px;
width: 500px;
}

#pagination_haut, #pagination_bas{
width: 1024px;
height: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.numeros_pagination{
float: right;
}

.lignes_images_tshirts{
width: 1024px;
height: 330px;
}

.image_tshirt{
float: left;
margin-right: 40px;
height: 310px;
border: 1px solid #ebebeb;
}

.image_tshirt span.lien_tshirt{
position: relative;
bottom: -8px;
}

span.lien_tshirt{
width: 280px;
padding-left: 20px;
padding-top: 15px;

}
span.lien_tshirt a{
width: 280px;
padding-top: 300px;
}

div.footer_tshirt{
height: 30px;
width: inherit;
background-color: #ebebeb;

top: 300px;
}

#footer{
height: 50px;
width: 1024px;
position: relative;
bottom: -230px;

}

#footer p{
height: 50px;
width: 1024px;
}

.lignes_images_tshirts_lies{
width: 524px;
height: 150px;
}
.image_tshirt_lie img{
height: 130px;
}

.image_tshirt_lie{
float: left;
margin-right: 40px;
}

/**
 * ==============================================================================
 Carrousel
 **/

.carousel-component {
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */

}

.carousel-component ul.carousel-list {
	width:10000000px;
	position:relative;
	z-index:1;
}

.carousel-component .carousel-list li {
	float:left;
	list-style:none;
	overflow:hidden;


}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li {
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;

	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region {
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative;
}



.carousel-component {
	background-image: url("images-carrousel/carrousel-background-image.jpg");
	background-repeat: no-repeat;
	padding:0px;


}
.carousel-component ul.carousel-list {
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li {
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li {
}
.carousel-component ul.carousel-vertical {
}

.carousel-component {
	padding:8px;
}
.carousel-component .carousel-list li {
	margin:4px;
	width:130px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) +
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a {
	display:block;
	border:0px solid #e2edfa;
	outline:none;
	-moz-outline:none;
}

.carousel-component .carousel-list li a:hover {
  padding:1px;
	border: 0px solid #87bf4e;
}

.carousel-component .carousel-list li img {
	border:0px solid #999;
	display:block;
}

.carousel-component .carousel-list li strong {
	display:block;
}


#prev-arrow {
	position:absolute;
	top:25px;
	z-index:3;
	cursor:pointer;
	left:5px;
}

#next-arrow {
	position:absolute;
	top:25px;
	z-index:3;
	cursor:pointer;
	right:5px;
}

#spreadshirt_frame{
witdh: 1024px;
height: 5000px;
margin-top: 50px;
}

iframe{
border: none;
}