/* ------------------------------------*
---------------------------------------*
-----------  Num'Imprim CSS -----------*
-------- copyright Shake Studio --------*
----------------------------------------*
----------------------------------------*
We are moving the coffee table everyday.
The coffee table owns us.
We love the coffee table.

http://shake-studio.com/


--------------------------------------*
----- Summary -----------------------*

- 1. Body, titles and paragraphs
- 2. Global Links
- 3. Containers
- 4. Header
-- 4.1 Header Navigation
- 5.Content IDs
- 6. Footer
- 7. Flash Stuff
- 8. Content forms
---------------------------------------*
----------------------------------------*

 1. body, titles and paragraphs */
* { 
	padding: 0; 
	margin: 0; 
}

body {
	font-family: verdana;
	font-size: 13px;
	text-align: center;
	background: #212121;
	color: #FFF;
}

img{
	border: 0px;
}

h3 {
  font: normal 14px "lucida sans", sans-serif;
  text-align: right;
  margin-bottom: 20px;
}
h4 {
	font-family: georgia;
	font-size: 22px;
	font-weight: 100;
	color: #FFF;
}
#bloc-left h1, #bloc-right h1, .bloc-small h1{
  color: #e2007a;
  font: bold 28px Georgia, serif;
  text-transform: uppercase;
}

#bloc-left p, #bloc-right p, .bloc-small p{
  font: normal 14px "lucida sans", sans-serif;
  text-align: justify;
  padding: 5px;
}

p.paragraf {
	text-align: justify;
	color: #fff;
	width: 873px;
}

/* END body, titles and paragraphs */

/* 2. General links */
a, a:visited{
  color: #80001f;
  text-decoration: none;
}

/* 3.--Containers */
#topgrad{
	 background: url(../image/biggrad.jpg) top center repeat-x;
	 width: 100%;
	 height: 299px;
}
#bgmain{
	background: url(../image/bgmain.jpg) top center repeat-y;
	width: 897px;
	margin-left:auto;
	margin-right: auto;
} 

/* 4.--Header */
#header {
  width: 897px;
  margin-left: auto;
  margin-right :auto;
}
#tophead {
  height: 70px;
  background: url(../image/degradetophead.jpg) top left repeat-x;
}
#logo{
  float: left;
  width: 302px;
  height: 70px;
}
#fastmenu {
  padding-right: 60px;
  float: right;
}
#midhead {
  height: 180px;  
}
#bothead {
  background: url(../image/menu.jpg) top left repeat-x;
  color: #FFF;
  height: 44px;
  width: 897px;
}
#bothead li{
  padding-right:10px;
	padding-left:10px;
  text-align: center;
  float: left;
  list-style-type: none;
}
#bothead li.imgtitle {
	width: 10px;
	padding: 0px;
	height: 44px;
	margin-top: -15px;
}

/* 4.0 Fast menu */
#fastmenu{
	margin-top: 22px;
	margin-right: -70px;
}
#fastmenu li{
	display: inline;
	height: 44px;
}
#fastmenu li a, #fastmenu li a:visited{
	height: 31px;
	width: 135px;
}
.hidden{
	visibility: hidden;
}
#fastmenu li a#infos, #fastmenu li a:visited#infos{
	display: block;
	float: left;
	background: url(../image/icones.gif) top left no-repeat;
	background-position: 0px 0px;
}
#fastmenu li a#coord, #fastmenu li a:visited#coord{
	display: block;
	float: left;
	background: url(../image/icones.gif) top left no-repeat;
	background-position: -130px 0px;
}
#fastmenu li a#plan, #fastmenu li a:visited#plan{
	display: block;
	float: left;
	background: url(../image/icones.gif) top left no-repeat;
	background-position: -263px 0px;
}

#fastmenu li a:hover#infos{
	background-position: 0px -33px;
} 
#fastmenu li a:hover#coord{
	background-position: -130px -33px;
}

 #fastmenu li a:hover#plan{
	background-position: -263px -33px;
}

/* END Fast menu */
/* 4.1 Navigation */
#menu a.rouge, #menu a.rouge:visited{
  color: #ca0030;
  text-decoration: none;
  font: normal 13px Verdana, Sans-serif;
}
#menu a.vert {
	font: normal 13px Verdana, Sans-serif;
}
#menu a.rouge:hover{
	color: #fb003b;
}

#menu {
  padding-top: 15px;
  font-size: 14px;
  float: left;
}
#search {
  float: right;
  margin-top: 12px;
  padding: 0;
}
form {
	padding: 0px;
	margin: 0px;
}
input.submit{
  background: url(../image/search.gif) no-repeat;
  width: 20px;
  height: 20px;
  border: 0px;
}
input.submit:hover {
	cursor: pointer;
}
input.zonesearch {
  border: 0px;
  background: url(../image/search.jpg) no-repeat;
  width: 132px;
  height: 20px;
  color: #FFF;
}
/* END Navigation */

/* END Header */

.clear { clear: both; background: none; }

/* 5. Content IDs */

h1{
	font: normal 2em Georgia, Serif;
}
span.cat {
	font-size: 14px;
	font-weight:bold;
	color: #ca0030;
}
#faux {
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#faux a, #faux a:visited{
	color: white;
	text-decoration: underline;
}
#faux a:hover{
	text-decoration: none;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 250px;
 float: left;
}
#leftcolumn li, #leftcolumn li a, #leftcolumn li a:visited{
	font: normal 1.1em/1.1em Verdana, Serif;
	text-decoration: none;
	list-style: none;
	background: url(../image/point.gif) center left no-repeat;
	padding-left: 20px;
	margin-left: -15px;
}
#leftcolumn li a:hover{
	text-decoration: underline;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 600px;
 display: inline;
 position: relative;
}
#rightcolumn p{
	font: normal 1em "Lucida Sans", Sans-Serif;
	text-align: justify;
	color: white;
}
#rightcolumn img{
	margin-right: 5px;
}
#totalcolumn {
	padding: 10px;
	overflow:auto;
}
.coltab {
	width: 282px; ;
	float:left;
	margin-right: 10px;
}
.linetab {
	padding: 5px;
	background-color: #cc9047;
	margin-bottom: 5px;
	overflow: auto;
	font-size: 10px;
	width: 871px;
}
.linetab2 {
	padding: 5px;
	background-color: #cc9047;
	margin-bottom: 5px;
	overflow: auto;
	font-size: 10px;
	width: 270px;
}
.inline {
	display: inline;
}
.leftfloat {
	float:left;
}
.rightfloat {
	float:right;
}
.pack {
	margin-bottom: 20px;
}
.pack textarea.long, .pack input.long {
	width: 800px;
}
.url-right{
	float: right;
	margin-top: -20px;
	background: url(../image/download.gif) center left no-repeat;
	padding-left: 15px;
}
.url-right a, .url-right a:visited{
	text-decoration: underline;
}
#wrapper {
 margin: 0 auto;
 width: 897px;
 text-align: left;
}

#wrapper h1{
	color: #ca0030;
}


/* 6. Footer */
#footer{
  width: 897px;
  margin: 0 auto;
  background: url(../image/footer.jpg) top left repeat-x;
  font: normal 10px Arial, Helvetica, Serif;
  height: 25px;
  clear: both;
  text-align: center;
  color: #fff;
  padding-top: 5px;
  font-style:italic;
}
#footer li{
  display: inline;
}
#footer a, #footer a:visited{
  color: #fff;
}
#footer a:hover{
  text-decoration: underline;
}
.left {
	float:left;
	margin-left: 10px;
}
.right {
	float:right;
	margin-right: 10px;
}
/* END Footer */

/* 7. Flash stuff */
#flash {
	background-color: #cc9a59;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 10px;

	width: 891px;
	margin-left :3px;
}
#flash2 {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	width: 897px;
}
#flashit {
	float: left;
}

/* 8. Content Forms */
#bloc-left input{
  background: #fff;
  font: bold  16px "Lucida sans", Sans-serif;
  border: 1px solid #80001f;
  padding: 5px;
  margin-top: 5px;
  width: 300px;
}
textarea{
  font: bold  16px "Lucida sans", Sans-serif;
  border: 1px solid #80001f;
  padding: 5px;
  margin-top: 5px;
  width: 300px;
  height: 200px;
  background: #fff;
}
#bloc-left input{
  margin-bottom: 10px;
}

/* END Content forms */

/* 9. Produits */
.prod {
	margin-bottom: 20px;
	overflow:auto;
}
.galerie {
	margin-top: 10px;
	overflow:hidden;
}
.titragegal {
	overflow:auto;
}
.minigal {
	float:left;
	margin-right: 10px;
	text-align:center;
	margin-bottom: 10px;
	width: 110px;
	height: 100px;
}
.decominileft img {
	border: 4px solid #FFF;
	text-align:center;
}
span.minititre {
	font-size: 10px;
	color: #FFF;
	
}
li.menulist {
	font-size: 12px!important;
	margin-bottom: 5px;
}
/*END PRODUITS */

/*PRésentation */
.presentation {
	padding:10px;
	text-align: justify;
}
p.contact {
	font-size : 16px;
}
/*IMRIMVER*/
div#imprimvert {
	position:absolute;
	top:95px;
	height:130px;
	width:130px;
	float:right;
	margin-left:800px;
}
a.vert {
	color:#c6e500;
}
a.rose {
	color:#E2007A;
}
a.vert:hover {
	color:#ddff00;
}
a.rose:hover {
	color:#ff018a;
}
.padr5 {
	padding-left:5px;
}
