* { margin: 0; }

html, body {
     height: 100%;
 }
 
 body {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4d4d4d;
	background: #fff url('../images/site/bg.jpg') repeat-x center top;
	}
	
	div#head { height: 380px; }
	
	#navbar {
	
    height:650px;
	padding: 0;
	margin: 0;
}
#navbar li {
    list-style:none;
    display:inline;
}
#navbar a {
    color:#fff;
    text-decoration:none;
    background:url("../images/site/nav.png") no-repeat;
    float:left;
	line-height: 58px;
}



#navbar a#impression{ width: 210px; background-position: 0 -58px;}
#navbar a#impression_h{ width: 210px; background-position: 0 -116px;}


#navbar a#reproduction{ width: 258px; background-position: -210px -58px;}
#navbar a#perso{ width: 306px; background-position: -468px -58px;}
#navbar a#design{ width: 166px; background-position: -774px -58px;}

	
	
	div#nav { 
	margin: 0 0 0 0;
	width: 940px;
	height: 58px;

	background: transparent url('../images/site/nav.png') no-repeat 0 0;
	}
	div#page_title { position: absolute;top: 455px;height: 50px; }
	div#page_title h1 { font-size: 26px; letter-spacing: 2px; font-weight: 200; }
 div#body {
 width: 940px; 
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -145px;
 }
 div#content {

background: transparent url('../images/site/content_sep.gif') no-repeat 200px 80px;
margin: 50px 0 0 0;


min-height: 592px; !important;


 }
 
 
 
 
 div#left_col { 
 width: 336px;
 float: left;
 padding: 0 0 0 30px;
 }
 
 div#left_col ul { list-style-type: none; text-align: left; margin: 0; padding: 0 0 0 25px; width: 80%; }
  div#left_col li { 
  background: transparent url(../images/site/arrow_bullet.gif) left no-repeat;
  padding: 4px 0 4px 15px;

  }
  
  ul#list { list-style-type: none; text-align: left; margin: -25px 0 0 0; padding: 0 0 0 25px;}
  ul#list li { 
   background: transparent url(../images/site/bullet_2.gif) left 9px no-repeat;
   padding: 4px 4px 0 15px;
  }
  
  div#left_col #contact {
  width: 300px;
  height: 73px; 
  margin: 25px 0 0 -30px;
background: transparent url(../images/site/contact_btn.gif) 0 0 no-repeat;
  }
  
 #contact a h1 { font-weight: 200; font-size: 16px; background: transparent url(../images/site/contact_btn.gif) 0 -73px no-repeat; display: block; width: 300px; height: 56px; padding: 17px 0 0 25px; text-indent: -9999px;}

 
div#coordonne {   margin: 25px 0 0 0; }
 
 div#right_col {
  width: 538px;
  padding-left: 15px;
 float: left;
 }
 
 div#right_col blockquote { padding: 0 0 0 25px; margin-top: -15px; /* P TAG AFTER MARGIN TRIGGER*/ }
 
 #right_col p { margin: 0 0 30px 0; }
 #right_col h2 { font-size: 18px; }
 #right_col #subtitle { font-weight: 200; font-style: italic; }
 div#footer, .push {
     height: 145px;
	
 }
 
 div#footer {background: #fff url('../images/site/foot.jpg') repeat-x center top; font-size: 10px;}

 div#foot_crumbs {margin: 0 auto auto; background: transparent url('../images/site/foot_crumbs.jpg') no-repeat right 19px; font-size: 16px; width: 940px; height: 64px; color: #eee; border: 0px solid pink; text-align: center;}
 
  div#foot_crumbs ul { margin: 0; padding: 0; }
   div#foot_crumbs li { display: inline; padding: 0 25px;}
 
  div#foot_crumbs a:link, div#foot_crumbs a:visited { color: #eee; text-decoration: none; border: none; }
div#inner_foot { margin: 0 auto auto; color: #eee; line-height: 75px;text-align: right; border: 0px solid green; width: 940px; padding-right: 8px;}
 div#inner_foot a:link,  div#inner_foot a:visited { color: #ddd; text-decoration: none; border-bottom: 1px dotted #a4c4cc; }
  div#inner_foot a:hover { color: #ddd; text-decoration: none; border-bottom: 0px dotted #a4c4cc; }

 blockquote { font-size: 16px; font-weight: 200; line-height: 20px; margin: 0 0 15px 0; }
 
 
 
  div#right_col a:link, a:visited  { color: #003876; border-bottom: 1px dotted #a4c4cc; text-decoration: none; }
   div#right_col a:hover { color: #819f91; border-bottom: 0px dotted #a4c4cc; text-decoration: none;  }
   
     div#left_col a:link, a:visited  { color: #003876; border-bottom: 1px dotted #a4c4cc; text-decoration: none; }
   div#left_col a:hover { color: #819f91; border-bottom: 0px dotted #a4c4cc; text-decoration: none;  }

 .blue { color: #003876; }
 .white { color: #eee }
 .green { color: #819f91; }
 
 
 /***FORM
 ***/
 
 label{
float: left;
width: 120px;
color: #003876;
}

input, textarea{
border: 1px solid #014d94;
width: 100%;
padding: 4px;
background: transparent;
margin-bottom: 12px;
}

textarea{
width: 100%;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}
 
 
 


/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
  clearing a float without additional markup
   http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */









#head a h1 { position: absolute; display: block; width: 210px; height: 210px; margin: 45px 0 0 20px; text-indent: -9999px;}














/* Easy Slider */

	

	
		
	
	
/* // Easy Slider */
.lightblue { color: #d9e1eb; }
table, td, tr { border: none; }
td { border-bottom: 1px solid #d9e1eb; }
td { padding: 4px; }

td h2 { margin: 25px 0 0 0; }












ul.slideshow {
	list-style:none;

	width:565px;
	height:292px;
	overflow:hidden;
	position:relative;
	margin:65px 0 0 355px;
	padding:0;
text-align: center;

	
}	

ul.slideshow li {
	position:absolute;
	text-align: center;
	left:0;
	right:0;

}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
margin-top: 45px;

text-align: center;
}

#slideshow-caption {
text-align: center;
	width:565px;
	height:33px;
	position:absolute;

	top:0;
	left:0;	
	color:#fff;
	line-height: 33px;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:18px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}