/*** reset.css, part of YUI's CSS Foundation  ***/

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* Strict mode fixes */



/* layout & colors */
html,body,#main {
	height : 100%;
}

div {
  cursor : default;
}

body {
	margin : auto;
	background-color : #0C0F06;
	color : #fff;
	font-family : Trebuchet ms;
	font-family :  arial, sans-serif;
  text-align: center; /* IE bug*/
  line-height : 1.3em;
}
td {
  line-height : 1.3em;
}
a {
	color : #F1222C;
	color : #FFF;
	text-decoration : underline;
	outline : 0;
}


#main {
	padding : 30px 15px;
	width : 900px;
	margin : auto;
  text-align: left; /* IE bug*/
}

#header {
  position:relative;
}
#client_login {
  position : absolute;
  top : 0px;
  right : 0px;
}

#content {
	margin : auto;
	width : 900px;
	height : 617px;
	background: #131a09 url(../images/interface/bg.png) repeat-x;

	text-align  : center;
}


h1 a  {
	outline : 0;
}
h1 {
  padding-top : 43px;
}

/*
h2 {
	font-size : 12px;
	margin: 10px 0;
	letter-spacing : .22em;
	color : #666;
	font-weight : bold;
}
*/

#module h1,#module h2 {
  padding : 0px;
  margin : 10px 0;
  color : #B1C476;
  font-size : 18px;
  font-family : trebuchet ms;
  font-weight : bold;
  margin-bottom : 20px;
}

#module h2 {
  font-size : 16px;
  margin: 5px 0;
}
#module h3,#module h4,#module h5 {
  font-weight : bold;
  margin-top : 10px;
}


#module {
  height : 390px;
  width : 600px;
  text-align : left;
  margin : auto;
  margin-top : 8px;

}
#module_content ul {
  margin-left : 16px;
  list-style-type : square;
  margin-top : 5px;
  margin-bottom : 5px;
}
#module_content  li {
  list-style-type : square;
}



#bottom {
}


#footer {
	padding : 30px 0;
	text-align : center;
	color : #313e20;
	font-size : 85%;
}

#footer a {
	color : #313e20;
}
#footer a:hover {
	text-decoration : underline;
}





/* GENERIC */

strong,b {
	font-weight : bold;
}

P {
	margin-bottom : 1em;
}
.error {
	color : #F1222C;
}	


.clear {
	clear : both;
}

.current {
}

/* NAVIGATION MENU */

div#nav1, div#nav2{
  text-transform : uppercase;

}

div#nav1{

	background:     url(../images/interface/nav1.png)  no-repeat;
  
}
div#nav2{
	background:     url(../images/interface/nav2_off.png)  no-repeat;
  
  height : 37px;
  overflow:hidden;
  
}

div#nav2 ul {
  height : 37px;
	background:     url(../images/interface/nav2.png)  no-repeat;
}


ul.nav {
  text-align : center;
  padding-top : 3px;
}
#nav2 ul.nav {
  
  padding-top : 6px;
}
ul.nav li {
	display : inline;
}

ul.nav li  a{
	/*letter-spacing : .28em;*/
	padding : 0 ;
	line-height : 28px;
	outline : 0;
}

ul.nav li  a.current:hover, ul.nav li  a.current{
	color : #141c0a;
}

ul.nav li  a:hover, ul.nav li  a:focus {
	color : #141c0a;
	text-decoration : none;
}

#nav1 li {
  padding : 14px 15px;
}

#nav2 li  {
  padding : 0px 15px;
}

#nav2 ul#login_form li  {
  padding : 0px 0px;
}

ul#login_form input {

}
ul#login_form img {
margin-left : 10px;
}
/* login */

form {
  margin : 0;
}

input.text {
  border : none;
  height : 18px;position : relative;top:-1px;
  width : 100px;
  color : #5A6E3F;
  -moz-border-radius : 2px;
  -webkit-border-radius : 2px;
  border-radius : 2px;
  font-weight : bold;
  padding-top :1px;
  padding-left : 2px;
}

#nav2 form {
position : relative;
  height : 20px;
}

#nav2 form input{
}
#nav2 table {
  text-align:center;
  margin:auto;
}
#nav2 label img {
  padding-right : 6px;
}

/* HOME */

#home_bg ul li {
  
	background:     url(../images/interface/home_bg.png) top left  no-repeat;
  margin : auto;
  width : 620px;
  height : 363px;
  padding-left:11px;
  padding-top : 16px;
}

#home_img {
  margin : auto;
  width : 596px;
  height : 334px;
}

/* Content Module */

#module_content {
  margin : 15px 20px 0px 20px;
}


/* NEWS */

.news_item {
  margin-bottom : 10px;
  clear : both;
}
.news_item img {
  margin-bottom : 5px;
  margin-right : 10px;
  float : left;
  border : solid black 1px;
}


.news_title {
  font-weight : bold;
}
.news_date {
  display : inline;
  color : #B1C476;
}
.news_title, .news_content {
  margin-left : 130px;

}


/* PORTFOLIO */

#portfolio_div {   
height : 300px;
overflow : visible;

width:750px;
}

#portfolio_visuel {
  float : left;
  
}

img#portfolio_image {
}
    
#portfolio_details {   
  
}

#portfolio_details table{

  margin-left : 10px;
  width : 238px;
}
 
#portfolio_details table td {
vertical-align:top;

}
 
#portfolio_details table td.lbl {
white-space: nowrap;
}
 
#portfolio_loading, #flash_container {
/*    height : 281px;
    width : 500px;
 border : solid black 1px;
    background : black url(../images/interface/loading.gif) no-repeat 50% 50%;  
    color : #555;
 
                                      */
 }
 
 
#carousel_container {  
clear : both;
text-align : center;
width:570px;
}

#carousel{  
  
}#carousel_ie{  
  width : 500px;
  overflow : hidden;
}
#carousel li {
  cursor : pointer;
  padding : 0 3px;
  _padding : 0px;
}

#carousel_next {
  float : right;
  padding : 20px 0 ;
  
}

#carousel_prev {
  padding : 20px 0px;

}