/***********************************/
/*  Grafik Pub CSS Document        */
/*  Art Work par Khoudj            */
/*  Intégration par Khoudj         */
/*  2008                           */
/***********************************/

/********** GENERAL ****************/
body{
	background:#fffff5 url(fond/fond_body.bak1.gif) repeat-x top center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
}
table{
text-align:center;
margin-left:auto;
margin-right:auto;
border:1px solid black;
}

th{
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	text-align:center;
	background-color:black;
	font-size:18px;
}
td{
	text-align:left;
	padding:3px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin:0;
}
td p{
	margin:0;
}
.decalage{margin-left:15px;}
.float_left{float:left !important;}
.float_right{float:right !important;}
.clear{clear:both !important;}
.vert{color:green !important;}
.rouge{color:red !important;}
.rose{color:#f0037f !important;}
.noir{color:black !important;}
.gris{color:#888 !important;}
.gris_f{color:#666 !important;}
.gris_c{color:#CCC !important;}
.jaune{color:#f2ec00 !important;}
.blanc{color:white !important;}
.bleu{color:#00a0c6 !important;}
.vert{color:green !important;}


.fontverdana{font-family:Verdana, Arial, Helvetica, sans-serif !important;}
.fontarial{font-family:Arial, Helvetica, sans-serif !important;}

.txt_center{text-align:center !important;}
.center_mozilla{margin-left:auto;margin-right:auto;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_justify{text-align:justify !important;}

.txt10{font-size: 10px !important;}
.txt11{font-size: 11px !important;}
.txt12{font-size: 12px !important;}
.txt13{font-size: 13px !important;}
.txt14{font-size: 14px !important;}
.txt16{font-size: 16px !important;}
.txt18{font-size: 18px !important;}
.txt20{font-size: 18px !important;}
.bold{font-weight: bold !important;}
.light{font-weight: normal !important;}
.maj{text-transform: uppercase !important;}
.min{text-transform:lowercase !important;}

form{
	margin:0;
	padding:0;
}
input.champ_txt{
	width:80px;
	height:15px;
	font-size:12px;
	color:red;
	
}
/********** CONTAINER ****************/
div#container{
	position:relative;
	width:889px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background:transparent url(fond/fond_container.gif) repeat-y top center;
	height:900px;
}
html>body #container{
	height:auto;
	min-height:900px;
}
div#image_container{
	position:absolute;
	top:0;
	left:22px;
	width:845px;
	height:486px;
	background:transparent url(fond/fond_container.jpg) no-repeat top center;
	z-index:500;
}

div#bas_container{
	position:relative;
	background:transparent url(fond/bas_container.gif) no-repeat bottom center;
	width:864px;
	height:21px;
	margin-left:auto;
	margin-right:auto;
}
/********** HEADER ****************/
div#header{
	position:relative;
	width:846px;
	left:21px;
	background:transparent url(fond/fond_header.gif) no-repeat top left;
	height:98px;
	z-index:1000;
}
div#header h1{
	position:relative;
	background:transparent url(logo/logo_grafikpub.gif) no-repeat top left;
	width:238px;
	height:64px;
	left:5px;
	top:5px;
	padding:0;
	margin:0;
	
}
div#header h1 span,div#header h2{
	position:absolute;
	display:none;
	padding:0;
	margin:0;
}
/********** MENU ****************/
div#menu{
	position:absolute;
	left:182px;
	top:60px;
	z-index:2000;
	width:830px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
}
div#menu ul{
	margin:0;
	padding:0;
}
div#menu ul li{
	position:relative;
	margin:0;
	padding:0;
	display:inline;
	text-align:center;
}
div#menu ul li a{
	position:relative;
	display:block;
	width:130px;
	height:24px;
	line-height:21px;
	background:transparent url(menu/menu_off.gif) no-repeat top center;
	float:left;
	text-align:center;
	margin-right:-20px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
div#menu ul li a:hover{
	position:relative;
	display:block;
	width:130px;
	height:22px;
	line-height:24px;
	background:transparent url(menu/menu_on.gif) no-repeat top left;
	float:left;
	text-align:center;
	margin-right:-20px;
	color:red;
	text-decoration:none;
	font-weight:bold;
}
/**********FIN MENU ************/
/********** SOUS MENU **************/

div.sous_menu{
		position:relative;
		font-size:11px;
		background:transparent url(menu/fond_sous_menu.gif) no-repeat top left;
		width:160px;
		padding-top:5px;
		padding-left:20px;
		overflow:visible;
		height:auto;
		z-index:20000;
}
div.sous_menu a{
		position:relative;
		display: block;
		height:12px;
		color: #666 ;
		text-align: left ;
		text-decoration: none ;
		font-size:11px;
		border:none;
		margin-left:4px;
	}

div.sous_menu a:hover{
		position:relative;
		display: block;
		height:12px;
		color: red ;
		text-align: left ;
		text-decoration: none ;
		font-size:11px;
		border:none;
		margin-left:8px;
}

div.sous_menu a.titre_sous_menu{
		position:relative;
		display: block;
		font-weight:bold;
		color: black;
		text-align: left;
		text-decoration: none ;
		border-bottom:1px solid white;
		width:100px;
		margin-left:0px;
}
div.sous_menu a.titre_sous_menu:hover{
		position:relative;
		display: block;
		font-weight:bold;
		color: red;
		text-align: left ;
		text-decoration: none ;
		border-bottom:1px solid white;
		width:100px;
		margin-left:4px;
}
div.sous_menu p{
		color: #888 ;
		text-align: left ;
		font-size:11px;
		margin: 0 0 0 0;
	}
div.sous_menu h3{
		color: #888 ;
		text-align: left ;
		font-size:11px;
		margin: 5px 0 2px 0;
		font-weight:bold;
		color: black;
	}
div#sous_menu_textile{
		position:absolute;
		left:181px;
		top:80px;
		visibility:hidden;
		overflow:visible;
}
div#sous_menu_decors{
		position:absolute;
		left:291px;
		top:80px;
		visibility:hidden;
}
div#sous_menu_objet{
		position:absolute;
		left:401px;
		top:80px;
		visibility:hidden;
}

div#sous_menu_imprimerie{
		position:absolute;
		left:511px;
		top:80px;
		visibility:hidden;
}
div#sous_menu_contact{
		position:absolute;
		left:621px;
		top:80px;
		visibility:hidden;
}
div#sous_menu_boutique{
		position:absolute;
		left:731px;
		top:80px;
		visibility:hidden;
}
div.sous_menu a.close_sous_menu{
	display:block;
	position:absolute;
	bottom:-19px;
	left:0px;
	width:160px;
	height:19px;
	background:transparent url(menu/close_off.gif) no-repeat top left;
	padding:0;
	margin:0;
	z-index:30000;
}
div.sous_menu a.close_sous_menu:hover{
	display:block;
	position:absolute;
	bottom:-19px;
	left:0px;
	width:160px;
	height:19px;
	background:transparent url(menu/close_on.gif) no-repeat top left;
	padding:0;
	margin:0;
	z-index:30000;
}
div.sous_menu a.close_sous_menu span{
	display:none;
}
/******** FIN SOUS MENU ************/
/********** LEFT ***************/
div#left{
	position:absolute;
	width:145px;
	left:21px;
	z-index:1000;
	
}
div#left h3{
	text-align:right;
	height:21px;
	line-height:21px;
	font-size:12px;
	font-weight:normal;
	color:#EEE;
	margin:0;
	padding-right:8px;
	background:transparent url(fond/fond_titre_boite_left.gif) no-repeat top center;
}
div#left h3#recherche{
	background:transparent url(fond/fond_titre_recherche.gif) no-repeat top center;
	margin:0;
}
div#left p{
	background:transparent url(fond/fond_boite_left.gif) no-repeat bottom center;
	margin:0;
	padding-top:2px;
	padding-bottom:10px;
	padding-left:4px;
	font-size:12px;
	font-weight:normal;
	color:#555;
}
div#left ul{
	padding-top:2px;
	padding-bottom:10px;
	padding-left:4px;
	margin:0;
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#555;
	background:transparent url(fond/fond_boite_left.gif) no-repeat bottom center;
}
div#left ul li{
	list-style : none; 
}
div#left ul li a{
	display:block;
	height:14px;
	background:transparent url(puce/off.gif) no-repeat center left;
	padding-left:8px;
	text-decoration:none;
	color:#333;
}
div#left ul li a:hover{
	display:block;
	height:14px;
	background:transparent url(puce/on.gif) no-repeat center left;
	padding-left:10px;
	text-decoration:none;
	color:red;
}
div#realisation{
	height:550px;
	background:transparent url(fond/fond_boite_left.gif) no-repeat bottom center;
}
div#masque{
	overflow:hidden;
	position:relative;
	left:2px;
	top:0;
	width:135px;
	height:540px !important;
}
div#slide{
	position:relative;
	top:0px;
}
/********** FIN LEFT ***********/
/********** PAGE ***************/
div#page{
	position:relative;
	left:168px;
	width:694px;
	background:transparent url(fond/fond_page.gif) repeat-y bottom left;
	text-align:left;
	top:10px;
	z-index:3000;
	padding-top:5px;
	padding-left:5px;
	margin-bottom:15px;
	padding-top:0;
}
div.fond_page{
	clear:both;
	height:6px;
}
p.paragraphe{
	position:relative;
	top:-5px;
	margin-bottom:-5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-align:justify;
	width:683px;
}

div#page h4.titre_page{
	position:relative;
	width:683px;
	height:22px;
	background:transparent url(fond/fond_titre_page.gif) no-repeat top left;
	top:-20px;
	left:-5px;
	z-index:3000;
	margin:0;
	padding-bottom:0;
	padding-top:0;
	padding-left:15px;
	line-height:22px;
	font-size:12px;
	color:white;
	}

/********** FIN PAGE ***************/
/******* SOUS MENU FIXE ************/
div.sous_menu_fixe{
	width:170px;
	background:transparent url(boite/fond_sous_menu_fixe.gif) no-repeat bottom left;
	margin:0px;
	padding-bottom:10px;
	padding-left:0;
	float:left;
	position:relative;
	left:0;
}
h5.titre_sous_menu_fixe{
	position:relative;
	top:0;
	left:0;
	background:transparent url(boite/titre_sous_menu_fixe.gif) no-repeat top left;
	margin:0;
	height:25px;
	padding-left:5px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	font-size:12px;
	line-height:22px;
}
div.sous_menu_fixe p{
	margin:0;
	padding-left:15px;
}
div.sous_menu_fixe a{
	display:block;
	height:14px;
	font-size:12px;
	line-height:12px;
	background:transparent url(puce/off.gif) no-repeat center left;
	padding-left:8px;
	text-decoration:none;
	color:#333;
}
div.sous_menu_fixe a:hover{
	display:block;
	height:14px;
	font-size:12px;
	line-height:12px;
	background:transparent url(puce/on.gif) no-repeat center left;
	padding-left:10px;
	text-decoration:none;
	color:red;
}
div.sous_menu_fixe p{
	display:block;
	height:14px;
	font-size:12px;
	line-height:12px;
	padding-left:8px;
	text-decoration:none;
	color:#333;
}

/****** FIN SOUS MENU FIXE *********/
/*********** BOITE *****************/
div.boite{
	width:685px;
	background:transparent url(boite/fond_boite.gif) no-repeat bottom center;
	margin:0px;
	padding-bottom:10px;
	padding-left:0;
	float:left;
	position:relative;
	left:0;
	clear:both;
}
h6.titre_boite{
	position:relative;
	top:0;
	left:0;
	background:transparent url(boite/fond_titre_boite.gif) no-repeat top left;
	margin:0;
	height:24px;
	padding-left:5px;
	padding-right:0px;
	padding-top:0;
	padding-bottom:0;
	font-size:12px;
	line-height:22px;
}
div.boite p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}
div.petite_boite{
	float:left;
	width:178px;
	background:transparent url(boite/fond_petite_boite.gif) no-repeat bottom center;
	margin-top:15px;
	margin-left:15px;
	margin-right:20px;
	padding-bottom:10px;
	padding-left:0;
	float:left;
	position:relative;
	left:0;
	height:310px;
}
h6.titre_petite_boite{
	position:absolute;
	top:-15px;
	left:0;
	width:178px;
	color:white;
	background:transparent url(boite/fond_titre_petite_boite.gif) no-repeat top left;
	margin:0;
	height:30px;
	padding-left:15px;
	font-size:11px;
	line-height:15px;
	
}
div.petite_boite p.decalage_info{
position:relative;
left:92px;
width:85px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
padding:0;
margin:0;
top:0px;
}
div.petite_boite p{
position:relative;
left:10px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
margin-bottom:0px;
}
div.petite_boite img.decalage_image{
	position:absolute;
	top:5px;
	left:5px;
}

/********* FIN BOITE ***************/
/*********** ELEMENT *****************/
div.element{
	float:left;
	width:132px;
	height:181px;
	background:transparent url(boite/fond_element.gif) no-repeat bottom center;
	margin:0 0 0 2px;
	padding-bottom:10px;
	padding-left:0;
	float:left;
	position:relative;
	left:5px;
}
div.element img{
	position:relative;
	top:12px;
	left:2px;
	border:0;
}
div.element p.info_element{
	position:absolute;
	bottom:4px;
	left:1px;
	width:127px;
	height:25px;
	background:transparent url(boite/fond_titre_element.gif) no-repeat top left;
	margin:0;
	z-index:5000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	overflow:hidden;
}
div.element p.info_element strong{
	display:block;
	color:white;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:4px;
	height:12px;
	line-height:12px;
}
div.element p.info_element em{
	display:block;
	color:white;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:4px;
	height:12px;
	line-height:12px;
}
div.element p.info_element u{
	position:relative;
	left:1px;
	top:2px;
	width:121px;
	display:block;
	height:120px;
	color:black;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:4px;
	background-color:white;
	text-decoration:none;
}
div.element p.info_element u img{
	float:right;
	margin-left:5px;
	margin-right:5px;
}

/********* FIN BOITE ***************/
/********* FOOTER ******************/
div#footer{
	position:relative;
	left:167px;
	clear:both;
	width:700px;
	height:35px;
	background:transparent url(fond/fond_footer.gif) no-repeat top center;
	z-index:5000;
	}
div#footer p{
	position:relative;
	left:35px;
	top:2px;
	margin:0;
	padding:0;
	font-size:10px;
	color:#999;
}
div#footer p a{
	color:#999;
	text-decoration:none;
}
div#footer p a:hover{
	color:red;
	text-decoration:none;
}
/********* FIN FOOTER **************/
/********* ACCUEIL **************/
p.titre{
	position:relative;
	left:10px;
	width:280px !important;
	border-bottom:1px solid #FFCCCC;
}
p.titre span{
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#EEE;
}
div.boite ul{
	padding:0;
	margin:0;
}
div.boite ul li{
	padding:0;
	color:#555;
	font-size:10px;
	margin:0 0 0 35px;
	list-style:square;
}
div.boite p.decalage_txt_detail{
	margin-left:15px;
	margin-right:15px;
}
img#image_teeshirt{
	float:right;
	margin-right:25px;
}
img#image_drapeau{
	float:right;
	margin-right:25px;
}
td#prix_pack{
	background-color:red;
	color:white;
}
p.txt{
margin-left:15px;
margin-right:15px;
}