/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------
RESETS						 */

html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
background:#DAD6D5 url(../images/bg_body.jpg) repeat-x scroll left top;
line-height:1;
font-family:Georgia, serif;
font-size:12px;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* Typogridphy framework */


h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} 

h2 {
font-size:18px;
}




/* grid.css */

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* container 
____________________________________________________*/

#bg_site {
background:transparent url(../images/bg_container2.jpg) repeat-y scroll center top;
}
#bg_site2 {
background:transparent url(../images/bg_container.jpg) no-repeat scroll center top;
}

#container {
width:996px;
margin:0 auto;
}

/* header 
____________________________________________________*/

#header {
position:relative;
height:121px;
}

#header h1{
background:transparent url(../images/logo_tricoterie.gif) no-repeat scroll center top;
display:block;
font-size:18px;
height:87px;
left:19px;
margin:0;
padding:0;
position:absolute;
top:17px;
width:154px;
}

#header h1 a{
width:154px;
height:87px;
position:absolute;
top:0;
left:0;
text-indent:-99999em;
}

/* Sub menu
___________________________________________________ */

.sub_menu {
background:transparent url(../images/sub_menu.jpg) no-repeat scroll center top;
height:27px;
padding:0 0 0 50px;
position:absolute;
right:0;
top:4px;
width:618px;
text-transform:uppercase;
font-size:10px;
}

.sub_menu li {
background:transparent url(../images/bg_li_sub.gif) no-repeat scroll left center;
display:block;
float:left;
line-height:23px;
margin:0 23px 0 0;
padding:0 0 0 13px;
}

.sub_menu li a:link,
.sub_menu li a:visited,
.sub_menu li a:active{
text-decoration:none;
color:#fff;
}

.sub_menu li a:hover {
text-decoration:underline;
}


/* recherche 
___________________________________________________ */

#header #rechercher {
background:transparent url(../images/bg-recherche.gif) no-repeat scroll right top;
height:17px;
position:absolute;
right:55px;
top:7px;
width:251px;
}
#header #rechercher form {
position:relative;
width:251px;
height:17px;
}

#header #rechercher label {
color:#FFFFFF;
font-size:10px;
left:5px;
position:absolute;
text-transform:uppercase;
top:3px;
}

#header #rechercher #recherche {
background:transparent none repeat scroll 0 0;
border:0 none;
font-family:georgia;
font-size:11px;
height:14px;
left:88px;
position:absolute;
top:0;
width:135px;
}

#header #rechercher #RechercheBoutton {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
font-family:georgia;
font-size:11px;
left:221px;
position:absolute;
text-transform:uppercase;
top:0;
}

#header #rechercher #RechercheBoutton:hover {
cursor:pointer;

}


/* menu
___________________________________________________ */

.menu {
border-bottom:5px solid #DBDBDB;
padding:6px 0 11px;
position:absolute;
right:10px;
top:82px;
}

.menu li {
border-right:1px solid #CCC;
display:block;
float:left;
margin:0;
padding:0;
}

.menu li.menu_last {
border-right:0;
}

.menu li a{
display:block;
float:left;
font-size:11px;
letter-spacing:1px;
margin:0 10px;
padding:2px 0 2px 0;
text-transform:uppercase;

border-bottom:1px solid #fff;
}

*html .menu li a{
margin:0 5px;
}

.menu li a:link,
.menu li a:active,
.menu li a:visited {
text-decoration:none;
color:#012F51;
}

.menu li a:hover, 
.menu li.active a:link,
.menu li.active a:visited,
.menu li.active a:active {
color:#766961;
text-decoration:none;
border-bottom:1px dotted #766961;
}

.menu li.active a:hover {
border-bottom:1px solid #fff;
color:#766961;
text-decoration:none;
}




/* Content
________________________________________________ */

#content {
margin:0;
padding:0;
position:relative;
}


/* content
___________________________________________________ */

.col_gauche {
width:165px;
float:left;
text-align:right;
}

.col_gauche #rech_type {
background:transparent url(../images/loupe.jpg) no-repeat scroll 10px 10px;
color:#6F6862;
display:block;
font-size:11px;
height:38px;
margin:0 0 0 12px;
padding:13px 0 0;
text-align:right;
width:153px;
}

.col_gauche #rech_type a:link,
.col_gauche #rech_type a:visited,
.col_gauche #rech_type a:active {
color:#6F6862;
text-decoration:none;
}

.col_gauche #rech_type a:hover {
color:#6F6862;
text-decoration:underline;
}

.col_gauche h2 {
color:#50697D;
font-style: italic ;
font-size:17px;
font-weight:normal;
}

.collection {
margin:-10px 0 0;
}

.col_gauche .collection li {
margin:20px 0 0 0;
}


.col_gauche .collection li a{
color:#00325A;
font-size:17px;
font-weight:normal;
margin:8px 0 0 0;
text-decoration:none;
}



.col_gauche .collection li a:link,
.col_gauche .collection li a:active,
.col_gauche .collection li a:active {
text-decoration:none;
}

.col_gauche .collection li a:hover {
text-decoration:underline;
}

.col_gauche .collection li ul li {
margin:0;
padding:0;
}


*html .col_gauche .collection li ul li {
line-height:auto;
display:inline;
}

.col_gauche .collection li ul li a{
background:transparent url(../images/bg_liste_cat.jpg) no-repeat scroll right top;
color:#706C69;
display:block;
font-size:12px;
font-weight:normal;
margin:5px 0 0;
padding:5px 0 0;
}




/* Col droit
____________________________________________ */


.col_droit{
width:239px;
float:right;
text-align:left;
}

/* avantages */

.col_droit .avantages {
margin:10px 0 0;
padding:0;
}

.col_droit .avantages li {
margin:0;
padding:13px 0;
background:transparent url(../images/bg_liste_avantages.jpg) no-repeat scroll left top;
}

.col_droit .avantages li a {
background-position:left top;
color:#00325A;
font-size:17px;
font-weight:normal;
height:30px;
margin:0;
padding:3px 0 2px 36px;
text-indent:0;
}

.col_droit .avantages li.li_avantages1 {background:none;}
.col_droit .avantages li.li_avantages1 a{background:transparent url(../images/icon_vente_en_ligne.gif) no-repeat scroll left top;}
.col_droit .avantages li.li_avantages2  a{background:transparent url(../images/icon_nos_boutiques.gif) no-repeat scroll left top;}
.col_droit .avantages li.li_avantages3  a{background:transparent url(../images/icon_fidelite.gif) no-repeat scroll left top;}
.col_droit .avantages li.li_avantages4  a{background:transparent url(../images/icon_newsletter.gif) no-repeat scroll left top;}

.col_droit .avantages li a:link,
.col_droit .avantages li a:active,
.col_droit .avantages li a:visited {
text-decoration:none;
}

.col_droit .avantages li a:hover {
text-decoration:underline;
}

.col_droit .avantages li span {
color:#706C69;
display:block;
font-size:9px;
font-weight:normal;
letter-spacing:1px;
margin:5px 0 0;
text-transform:uppercase;
}


/* Col centre 
_______________________________________________________*/

.col_centre {
margin:10px 259px 20px 185px;
overflow:hidden;
width: 552px;
}

*html .col_centre {
margin:10px 259px 0 185px;
}

.col_centre .cadres {
margin:33px 0 0 0;
}

.col_centre .cadres li {
display:block;
float:left;
position:relative;
width:177px;
height:333px;
margin:0 10px 0 0;
}

.col_centre .cadres li h2 a {
display:block;
position:absolute;
top:0;
left:0;
width:177px;
height:333px;
text-indent:-99999em;
}

.col_centre .cadres li.li_cadre1 {background:transparent url(../images/cadre_tradition.jpg) top left no-repeat;}
.col_centre .cadres li.li_cadre2 {background:transparent url(../images/cadre_sportwear.jpg) top left no-repeat;}
.col_centre .cadres li.li_cadre3 {margin:0;background:transparent url(../images/cadre_sur_mesure.jpg) top left no-repeat;}

.col_centre .cadres li span {
bottom:9px;

font-size:9px;
left:28px;
position:absolute;
text-align:center;
text-transform:uppercase;
}

.col_centre .cadres li span a:link,
.col_centre .cadres li span a:active,
.col_centre .cadres li span a:visited {
color:#FFFFFF;
text-decoration:none;
}

.col_centre .cadres li span a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.col_centre h1 {
border-bottom:1px solid #C8C7C5;
color:#837767;
font-size:29px;
font-style:italic;
font-weight:normal;
margin:10px 0;
padding:0 0 4px;
}

/* Footer
_________________________________________________ */

#footer {
background:#D6D2D1 url(../images/bg_footer.jpg) repeat-x scroll 0 6px;
color:#7A7675;
line-height:18px;
clear:both;
}

#footer  a:link,
#footer  a:visited,
#footer  a:active {
color:#7A7675;
text-decoration:none;
}

#footer  a:hover {
text-decoration:underline;
}

#container_footer {
background:transparent url(../images/bg_footer_container.jpg) no-repeat scroll center top;
margin:0 auto;
padding:40px 0 60px;
text-align:center;
}

#footer .bleu {
color:#002F5A;
}

#footer .bleu a:link,
#footer .bleu a:visited,
#footer .bleu a:active {
color:#002F5A;
text-decoration:none;
}

#footer .bleu a:hover {
color:#002F5A;
text-decoration:underline;
}

#footer .footer_content {
display:block;
margin:0 auto;
}




#footer .footer_content ul {
margin:0 auto;
padding:0;
text-align:center;
}

#footer ul li {
display:inline;
margin:0 10px 0 0;
}

#footer ul li a {
}

/* Dev durable 
__________________________________________________________ */

.dev_durable {
background:transparent url(../images/bg_dev.jpg) no-repeat scroll left top;
display:block;
height:64px;
margin:0 0 14px 94px;
width:599px;
text-indent:-99999em;
}

*html .dev_durable {
clear:both;
margin-top:-20px;
}

.mouton {

position:absolute;
right:27px;
top:330px;
}

/* Laine
_________________________________________________ */

#laine {
background:transparent url(../images/laine.jpg) no-repeat scroll center bottom;
color:#837767;
font-size:14px;
font-style:italic;
height:284px;
line-height:21px;
margin:20px 10px 0;
text-align:center;
}

/* Panier
__________________________________________________ */

.panier {
background:transparent url(../images/panier.gif) no-repeat scroll left top;
color:#837767;
font-size:10px;
line-height:16px;
padding:0 0 3px 15px;
position:absolute;
right:20px;
text-transform:uppercase;
top:50px;
}
#logo_footer {
margin:0 0 0 -400px;
position:absolute;
}
#logo_paiement {
margin:15px 0 0 330px;
position:absolute;
}
fieldset {
border:1px solid #DDDDDD;
margin:5px 0;
padding:10px;
}
.blocactu {
text-align:center;
height:220px;
margin:10px 0 0;
position:relative;
width:200px;
}
.blocactu p h4 {
padding:0 5px 0 5px;
text-align:center;
}
.col_droit h2 {
background:transparent url(../images/bg-h2.gif) no-repeat scroll left top;
color:#FFFFFF;
font-size:17px;
font-style:italic;
font-weight:normal;
height:21px;
line-height:21px;
margin:10px 0 0;
text-align:left;
text-indent:19px;
width:188px;
}