@charset "utf-8";
/* CSS Document */


	
	* {
	margin:0px;
	padding:0px;
	
	}

body {
	font-family:  Trebuchet MS, Verdana, Arial;	
	font-size:13px;
	color:#666666;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #1C0417;	
	
	font-weight: normal;
	

}


legend{
	color: #666666;
}

fieldset{
	border-color: #666666;
	border-style: solid;
	border-width:1px;
	padding:3px;
	font-weight: normal;
}


h1
	{
	
	font-size: 20px;
	font-weight: normal;
	color: #A03D92;
	
	padding-top:2px;
	text-align:left;
	
	border-bottom: 1px dashed #A03D92;
	
	
	}
	
h2
	{
	
	font-size:16px;	
	font-weight: normal;
	color:#A03D92;
	}
	
	
	h3
	{
	font-size:12px;
	margin:0px;
	padding:0px;
	font-style:italic;
	font-weight:normal;
	
	
	}
	
	
	
	h6{
	color:#666666;
	border-bottom: 1px dashed #666666;
	}
	
	.grand{
	
	font-size: 17px;
	font-weight: bold;
	color: #A03D92;
	
	}
	
	.grand:link {
	font-size: 17px;
	font-weight: bold;
	color: #A03D92;	
	text-decoration:none;
}

.grand:visited {
font-size: 17px;
	font-weight: bold;
	color: #A03D92;
	text-decoration:none;	
}

.grand:hover {
font-size: 17px;
	font-weight: bold;
	color: #A03D92;
	font-weight: bold;
	text-decoration:underline;
}

	
	.prix{
	
	
	color: #33CCCC;
	
	}
	
	.prix_grand{
	
	color: #33CCCC; 
	font-size:18px;
	
	}
	
	
	.grand_gris{
	
	color: #666666; 
	font-size:18px;
	
	}
	
	.alert{
	color: #FF0000;
	text-decoration:underline;
	}
	
	input{
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size:13px;
	color:#666666;
	border: 1px solid #666666;
	padding:1px;
	margin:1px;
	}
	
	submit{
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size:13px;
	color:#666666;
	border: 1px solid #666666;
	padding:1px;
	margin:1px;
	background-color:#FFFFFF
	}
	
	select{
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size:13px;
	color:#666666;
	border: 1px solid #666666;
	padding:1px;
	margin:1px;
	}
	
	textarea{
	
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size:13px;
	color:#666666;
	border: 1px solid #666666;
	padding:1px;
	margin:1px;
	
	
	}

.container{
	margin:0px auto;
	padding:0px;
	text-align: center;
	width:980px;
	background-color:#FFFFFF;	
}

.header{

	margin:0px auto;
	padding:0;
	text-align: left;
	width:980px;
	height:138px;	
	margin-left: auto;
    margin-right: auto;
	background-image: url('http://www.toostick.com/img/charte_graphique/entete.jpg');
}

panier{
	background-image: url(../img/bt_panier.gif);
	background-repeat: no-repeat;
	background-attachment: inherit;
	margin:1px auto;
	padding:0;	
	text-align: left;
	width:140px;
	height:27px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	float:right;
	
}




.menu_gauche{	
	float:left;
	width:196px;
}



.menu_stickers_on{
	background-image:url(../img/charte_graphique/fb_bouton.jpg);
	text-align:center;
	height:20px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin-left:2px;
	border:solid 1px #F9C;
	color:#FFF;
	float:left;
	font-weight:bold;
	cursor:pointer;
}

.menu_stickers_off{
	background-image:url(../img/charte_graphique/fb_bouton2.jpg);
	text-align:center;
	height:20px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin-left:2px;
	border:solid 1px #F9C;
	color:#FFF;
	float:left;
	font-weight:bold;
	cursor:pointer;
}


.cadre_stickers{	
		 padding:2px;
		 padding-left:5px;
		 padding-right:5px; 
		 margin-left:2px; 
		 border:solid 1px #F9C; 
		 
		 
		 width:950px;;
}

.recherche{
	background-image: url('http://www.toostick.com/img/charte_graphique/cadre_recherche.jpg');
	width:196px;
	height:59px;
	padding-top:25px;
	margin-top:5px;
}

.iphone{
	background-image: url('http://www.toostick.com/img/charte_graphique/pub_iphone.jpg');
	width:196px;
	height:204px;	
}

.pub_chq{
		width:196px;
	height:212px;	
}

.pub_toozif{
		width:196px;
	height:173px;	
}

.pub_technistick{
		width:196px;
	height:173px;	
}



.contenu{
	width:770px;	
	margin-left: 4px;
	background-color:#FFFFFF;	
	padding-top:5px;
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	
	
}



.contenu_fiche{
	padding-left:4px;
	margin-left: 0px;
	text-align:left;
	}

.article{
	
	margin-left: 7px;
	margin-right: 7px;	
	
}


/*ACCUEIL __________________________________________________________________________________ */

.annonce_accueil{
width:180px;
height:213px;
float:left;
cursor:pointer;
margin-right:10px;

}



.annonce_accueil .texte{
	padding-left:7px;
	padding-right:4px;
	padding-bottom:3px;	
	text-align:left;
	border:1px #666 solid;
	height:50px;

}




.chemin_fer{
	text-align:left;
	padding-left:10px;
	color:#FCF;	
}





.vignette{


float:left;
margin-right:8px; 

margin-bottom:8px; 
border:1px #999 solid ;

}


.cadre_contenu_h1{
/*background-image:url(../img/charte_graphique/barre_multicolor.png);
background-repeat:no-repeat;*/
width:760px;

padding-top:4px; 
margin-left:10px;
	
}

.cadre_suggestion{
/*background-image:url(../img/charte_graphique/barre_multicolor.png);
background-repeat:no-repeat;*/
width:960px;

padding-top:4px; 
margin-left:10px;
	
}


.cadre_contenu{
/*background-image:url(../img/charte_graphique/fd_barre_multicolor.png); 
background-repeat:repeat; */
width:780px; 
padding-left:2px;	
	
}


.clear{
 clear: both;

}

.foot{
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	font-size:10px;	
	
	
}
table#fond{
	background-image: url(../img/fond.jpg);
	background-repeat: no-repeat;
	background-attachment: inherit;
}

td  {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}



.titre  {
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;

}

.foot2 {
	
	color: #FFFFFF;
	font-weight: normal;
}

.fond {
	background-color: #D29DAA;

}



.image{
	border: 1px dotted #663366;
	color:#F1FCF4;
}




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



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

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

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

.lien:active {
	color: #660066;
	text-decoration:none;
	font-weight: normal;
}


.lien:link {
	color: #660066;
	text-decoration:none;
	font-weight: normal;
}

.lien:visited {
	color: #660066;	
	text-decoration:none;
	font-weight: normal;
	
}

.lien:hover {
	color: #660066;
	text-decoration:underline;
	font-weight: normal;
}





.lien5:active {
	color: #C9C;
	text-decoration:none;
	font-weight: normal;
}


.lien5:link {
	color: #C9C;
	text-decoration:none;
	font-weight: normal;
}

.lien5:visited {
	color: #C9C;	
	text-decoration:none;
	font-weight: normal;
	
}

.lien5:hover {
	color: #C9C;
	text-decoration:underline;
	font-weight: normal;
}





.lien2:active{
	color: #333333;
	text-decoration:none;
	font-weight: bold;
	font-size:13px;
	font-style:italic;
}


.lien2:link {
	color: #333333;
	text-decoration:none;
	font-weight: bold;
	font-size:13px;
	font-style:italic;
}

.lien2:visited {
	
	color: #333333;	
	text-decoration:none;font-weight: bold;
	font-size:13px;
	font-style:italic;
	
}

.lien2:hover {
	
	color: #333333;
	text-decoration:underline;font-weight: bold;
	font-size:13px;
	font-style:italic;
}





.lien3:active {
	font-size:12px;
	color: #993399;
	text-decoration:none;
	font-weight: normal;
	
	
}

.lien3:link {
	font-size:12px;
	color: #993399;
	text-decoration:none;
	font-weight: normal;
	
	
}

.lien3:visited {
	font-size:12px;
	color: #993399;
	text-decoration:none;
	font-weight: normal;
	
}

.lien3:hover {
	font-size:12px;
	color: #666666;
	text-decoration:underline;
	font-weight: normal;
}



.lien4:active {
	
	color: #CC99CC;
	text-decoration:none;
	font-weight: normal;
}

.lien4:link {
	
	color: #CC99CC;
	text-decoration:none;
	font-weight: normal;
}

.lien4:visited {
	
	color: #CC99CC;
	text-decoration:none;
	font-weight: normal;	
}

.lien4:hover {
	
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: normal;
}




.titre_mini_fiche{
	
	
	font-weight: bold;
	background-color: #993366;
	height: 17px;
	width: 120px;color: #FFFFFF;
}




.titre_gd_fiche{
	
		font-weight: bold;
	background-color: #993366;
	height: 17px;
	width: 290px;	color: #FFFFFF;
}

div#titre_gd_fiche2{
	
	font-weight: bold;
	background-color: #993366;
	height: 17px;
	width: 440px;	color: #FFFFFF;
}
.fond_clair{
	background-color:#F4F4F4;
}

.prix{
	color:#00CCFF;
	font-size:14px;
	font-weight:bold;
}

.prix2{
	color:#00CCFF;
	font-size:18px;
	font-weight:bold;
}

.cbb{
 border:1px  #999  solid;
 text-align:left;
 padding:2px;
}

.clear{
	clear:both;
	
}
.float{
	float:left;	
}

.float_right{
	float:right;	
}

.left{
text-align:left;	
	
}

.right{
text-align:right;	
}


.center{
text-align:right;	
}

.padding10{
padding:10px;	
}




hr{
border:1px #cccccc solid;
margin-left:15px;
margin-right:15px;
margin-bottom:5px !important;
margin-top:10px !important;
margin-bottom:1px;
margin-top:1px;	

}



.fiche_technique{

padding:3px; 
height:296px !important;
height:288px; 
margin-top:12px;	
}





div#vignette {
float:left;
width:10%;
height:80%;
background-image:url(".\images\eiffel_tower.jpg");
cursor:pointer;
}


div#vignette img{
width:100%;
height:100%;
}