/*****************************************
général

*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
u, i, center,
dl, dt, dd, 
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;}
body { line-height: 1;}
blockquote, q { quotes: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}






BODY {
	BACKGROUND: url(../img/fabrication-badges-fond.jpg) #000000 repeat; background-attachment:fixed; FONT: 12px/1.6 Arial, sans-serif; COLOR: #444
}
#content{
  	background: url(../img/bg_repeat.gif) repeat-y top left;
	width:1044px;
	margin:10px auto 0px auto;
}
#header{
	padding:5px 0px;
	margin-left:20px;
	width:770px;
	float:left;
}


#catalog{
	width:755px;
	margin:0px 0 0 10px;
	float:left;
}
h1{
	width:735px;
	height:0px;
	background:url(../img/logo-fabrication-badges.png);
	font-size:0;
	padding-top:91px;
	overflow:hidden;
	BORDER-BOTTOM: #eee 0px solid
}
h2{
	font-size:22px;
	color:#444;
}
H4 {
	width:341px;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; COLOR: #333; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #eee 1px solid
}
H5 {
	width:230px;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; COLOR: #333; 
	PADDING-TOP: 2px; 
	BACKGROUND: #cc0000;
	TEXT-TRANSFORM: uppercase; 	
	CURSOR: pointer; 
	COLOR: #fff; 
}
H6 {
	width:730px;
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 05px;
	FONT-WEIGHT: bold;	
	FONT-SIZE: 10px;
	BACKGROUND: #a80000;
	PADDING-BOTTOM: 4px;
	TEXT-TRANSFORM: uppercase; 	
	CURSOR: pointer; 
	COLOR: #fff; 
	PADDING-TOP: 4px
}
H6 A:link {
	FONT-WEIGHT: bold; 
	COLOR: #fff; 
	LETTER-SPACING: 2px; 
	TEXT-DECORATION: none
}
H6 A:visited {
	FONT-WEIGHT: bold; 
	COLOR: #fff; 
	LETTER-SPACING: 2px; 
	TEXT-DECORATION: none
}
H6 A:hover {
	COLOR: #fff
}
H6 A:active {
	COLOR: #fff
}

A:link {
	COLOR: #444; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #444; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #444; 
	TEXT-DECORATION: underline;
}
A:active {
	COLOR: #444; 
	TEXT-DECORATION: none;
}


#sidebar{
	float:right;
	margin-right:8px;
	width:248px;
	margin-top:-90px;
	
}
#sidebar a{
	FONT: 12px/1.6 Arial, sans-serif;
	color:#444;
}


h3{
	font-size:22px;
	color:#c23f26;
	padding-bottom:4px;
	margin-bottom:9px;
	border-bottom:1px dashed #d1d4d5;
}

#footer{
	position:relative;
     	top:5.1em;
	clear:both;
	text-align:center;
	font:normal 11px Helvetica, Arial, sans-serif;
	color:#fff;

}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:none;
}


/*************************
puces personnalisées
*************************/

.puce1 { list-style-image: url("../img/puce.gif"); }


/*************************
rubrique contact
*************************/


}
.header
{
	background-color:#CCCCCC;
	font-size:20px;
}
.error
{
	background-color:#FFFFFF;
	FONT: 11px/1.6 Arial, sans-serif;
	FONT-WEIGHT: bold; 
	color:#FF0000;
	font-size:14px;
}
*

textarea,.textbox
{
	resize:none;
	border:1px solid gray;
}


/**************************************************
menu rouge rubrique tarif
**************************************************/
.Style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.Style2 {color: #FFFFFF}

/**************************************************
custom formulaire class="bouton"
**************************************************/

input
{

	top left repeat-x #fff;
	color:#000;
	background: #ffffff;
	border: 1px solid #808080;
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 


/**************************************************
positionnement tableau css / histoire badge
**************************************************/
div.float {
 	float: left;
	border-width: 4px; 
	border-style: solid; 
	border-color: #FFFFFF; 
	border-bottom-width: 0;
 }
 }
div.float p {
 	text-align: left;
  }
div.floatright {
 	float: right;
 }
 }
div.floatright p {
 	text-align: right;
  }
/**************************************************
positionnement infobulle image tarif
**************************************************/

a.imag{
position: relative;
COLOR: #fff;
FONT-WEIGHT: bold; 
z-index: 1;
}
a.imag:hover{
COLOR: #fff;
cursor: help;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
COLOR: #fff;
display:block;
position:absolute;
z-index: 3;
top: -155px;
left: -50px;
}

/**************************************************
selection liens barrés
**************************************************/


.dessous:link {text-decoration: underline ; } 
.dessous:visited {text-decoration: underline ; } 
.dessous:active {text-decoration: underline ; } 
.dessous:hover {text-decoration: underline ; }



.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

/* Galerie image zoom */
ul.thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 600px;background-color: white;}
ul.thumb li {margin: 0; padding: 0px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li img {width: 100px; height: 100px;border: 0px solid #ddd;padding: 5px;background: #fff;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background: no-repeat center center;border: none;}
#page{
		margin:0 auto;
		position:relative;
		width:600px;
	}