/* *************************** 
  Site - teamnature
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
ul li {
	list-style:none;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
}
/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	text-align:center;
	font:13px Arial, Helvetica, sans-serif;
	padding-bottom:40px;
}
#container {
	text-align:left;
	background:url(../images/bg_container.png) center repeat-y;
	width:1034px;
	margin:0 auto;
	color:#ccc;
}
#container_inner{
	width:990px;
	background:url(../images/bg_container_inner.png) center bottom no-repeat;
	padding:0 18px 39px 26px;
	}
/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	position:relative;
	height:114px;
	width:100%;
}
#header h1{
	position:absolute;
	left:10px;
	top:22px;
	width:248px;
	height:80px;
	}
#header h1 a{
	display:block;
	text-indent:-9999px;
	outline-style:none;
	background:url(../images/bg_logo.png) no-repeat;
	width:248px;
	height:80px;
	text-indent:-9999px;
	outline-style:none;
}
.nav{
	position:absolute;
	right:3px;
	top:29px;
	font-size:14px;
	}
.nav li{
	float:left;
	display:inline;
	letter-spacing:6px;
	color:#73a126;
	margin:0 7px;
	}
.nav li a{
	color:#73a126;
	}
.nav li a:hover{
	color:#73a126;
	}
.navbot{
	position:absolute;
	bottom:10px;
	right:50px;
	color:#fff;
	font-size:13px;
        
	}
.navbot li{
	display:inline;
	}
.navbot  li span{
	color:#e95d0f;
	}
.navbot  li span a,.navbot  li span a:hover{
	color:#C85D0B;
	}
	.navbot a:hover{
	color:#C85D0B;
	}
	
#flags{
float:right;
margin-top:88px;
margin-right:15px;
}
/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:100%;
	overflow:hidden;
	padding:0 0 40px 0;
    }
#maincontent{
	float:left;
	width:784px;
	}
#maincontent_inner{
	width:765px;
	padding:0 0 0 19px;
	overflow: hidden;
	}
#banner{
	width:765px;
	padding:0 0 0 19px;
	position:relative;
	height:329px;
	background:#58bbb1;
	margin-bottom:35px;
	}
#banner img{
	vertical-align:middle;
	}
#banner h1{
	position:absolute;
	left:17px;
	bottom:-12px;
	font-size:38px;
	color:#1a171b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
#banner h1 span{
	font-family:'Arial Black', Gadget, sans-serif;
	}
.maincontent_left{
	float:left;
	width:446px;
	}
#maincontent h2{
	font-size:26px;
	color:#01a09d;
	padding:0 0 17px 0;
	font-family:'Arial Black', Gadget, sans-serif;
	}
#maincontent h3{
	font-size:22px;
	font-weight:normal;
	padding:0 0 5px 0;
	}
#maincontent h4{
	font-size:18px;
	font-weight:normal;
	padding:0 0 5px 0;
	}
#maincontent h5{
	font-size:14px;
        color:#ffffff;
	font-weight:normal;
	padding:0 0 5px 0;
	}
#maincontent p{
	line-height:16px;
	padding:0 0 15px 0 ;
	}
#maincontent ul li {
list-style-type:circle;
margin-left:20px;
line-height:17px;
}
.color_green{
	color:#73a126;
	}
.color_orange{
	color:#e95d0f;
	}
.color_green a{
	color:#73a126;
	text-decoration: none;
	}
.color_green a:hover{
	text-decoration: underline;
	}
.color_orange a{
	color:#e95d0f;
	text-decoration: none;
	}
.color_orange a:hover{
	text-decoration: underline;
	}
.textbox{
	width:100%;
	padding:0 0 24px 0;
	}
#maincontent .textbox p{
	padding:0;
	} 
.img_text{
	background:url(../images/bg_img_text.png) left no-repeat;
	width:205px;
	padding:0 0 0 240px;
	height:189px;
	position:relative;
	margin-top:52px;
	margin-bottom:30px;
	}
.img_text img{
	position:absolute;
	left:8px;
	top:-41px;
	}
#maincontent .img_text h2{
	font-size:39px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:34px;
	padding:26px 0 12px 0;
	}
#maincontent .img_text h2 span{
	font-family:'Arial Black', Gadget, sans-serif;
	}
#maincontent .img_text  p{
	line-height:11px;
	color:#fff;
	line-height:13px;
	padding:0 5px;
	}
/*formbox style begin*/
.formbox{
	width:100%;
	clear:both;
	}
#content .formbox p{
	height:45px;
	padding: 0;
	}
.formbox label{
	display:block;
	}
.formbox  input{
	width:295px;
	height:17px;
	padding:2px 0 0 5px;
	border:#fff 1px solid;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}
#content .formbox .textareabox{
	height:220px;
	}
#content .formbox .textareabox textarea{
	width:290px;
	height:180px;
	border:#fff 1px solid;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding:5px;
	overflow:hidden;
	}
#content .formbox  .btn_submit{
	height:24px;
	}
#content .formbox  .btn_submit input{
	padding:0;
	height:19px;
	width:80px;
	cursor:pointer;
	}
/*formbox style begin*/

.maincontent_right{
	float:left;
	padding:14px 0 0 19px;
	width:279px;
	}
.box{
	width:279px;
	height:136px;
	margin:0 0 20px 0;
	}
#maincontent  .box h2{
	font-size:29px;
	color:#fff;
	padding:11px 0 2px 45px;
	line-height:30px;
	}
#maincontent  .box p{
	color:#fff;
	line-height:14px;
	padding-bottom:5px;
	}
#maincontent  .box p img{
	vertical-align:middle;
	margin-right:5px;
	}
.box.bg1{
	background:url(../images/bg_box1.png) no-repeat;
	}
.box.bg2{
	background:url(../images/bg_box2.png) no-repeat;
	}
.box.bg3{
	background:url(../images/bg_box3.png) no-repeat;
	}
.boxleft{
	float:left;
	padding:0 0 0 20px;
	width:160px;
	font-size:12px;
	}
.boxright{
	float:left;
	padding:0 0 0 5px;
	width:85px;
	}
.box a,.box a:hover{
	color:#000;
	}
.link_retour{
	font-family:Verdana, Geneva, sans-serif;
	padding:25px 0 0 466px;
	clear:both;
	}
.link_retour img{
	vertical-align:middle;
	margin-right:5px;
	}
.link_retour a,.link_retour a:hover{
	color:#e95d0f;
	}
/* *************************** 
   $5 Sidebar Styles
   ***************************/
#sidebar{
	float:left;
	width:206px;
	}
.menu{
	background:#58bbb1 url(../images/bg_menu.png) left bottom no-repeat;
	width:100%;
	overflow:hidden;
	padding:6px 0 45px 0;
	margin:0 0 38px 0;
	}
.menu li{
	float:left;
	width:100%;
	font-size:15px;
	font-family:'Arial Black', Gadget, sans-serif;
	line-height:20px;
	}
.menu li span{
	font-family:Arial, Helvetica, sans-serif;
	}
.menu  li ul{
	background:#52aaa2;
	border-bottom:#75bbb5 2px solid;
	width:100%;
	overflow:hidden;
	padding:5px 0;
	}
.menu li li{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:14px;
	}
.menu li.last a{
        background:url(../images/bg_arrowblack.png) 7px 13px no-repeat;
	font-size:19px;
	color:#1a171b;
	}
.menu li li a{
	padding:2px 10px 3px 30px;
	width:166px;
	background:none;
	border:0;
          
	}
.menu li li a:hover,.menu li li a.selected,.menu li.last ul li a.selected{
	background:#4c9b94;
	}
.menu li.last ul li a{
        color:#fff;
        font-size:12px;
        background:none;
}

.menu li a{
	float:left;
	width:170px;
	padding:10px 10px 9px 26px;
	border-bottom:#79c9c1 2px solid;
	background:url(../images/bg_arrow.png) 7px 13px no-repeat;
	}
.menu li a.selected{
	background:url(../images/bg_arrowselect.png) left top no-repeat;
	}
.menu li a:hover{
	text-decoration:none;
	}


.sidebarbox{
	width:154px;
	margin:0 auto;
	padding-bottom:8px;
	}

.sidebarbox img{
	vertical-align:middle;
	}
.text_12{
	background:url(../images/bg_12.png) no-repeat;
	height:83px;
	text-indent:-9999px;
	outline-style:none;	
	}
.sidebarbox a,.sidebarbox a:hover{
	color:#e95d0f;
	}
.sidebarbox.link{
	margin-top:-5px;
	margin-bottom:47px;
background:url(../images/bg_arroworange.png) left middle no-repeat;
	

	}

.title_teamnature{
	background:url(http://ns351119.ovh.net/~teamnature/dev/fileadmin/templates/images/bg_text_teamnature.png) left top  no-repeat;
	height:17px;
	text-indent:-9999px;
	outline-style:none;
	overflow:hidden;
	width:100%;
	margin-bottom:7px;
	}
.sidebarbox p.bodytext{
	font-size:12px;
	line-height:16px;
	color:#5bbbb1;
	font-weight:bold;
	}
/* *************************** 
   $6 Footer Styles
   ***************************/
#footer {
	width:954px;
	padding:75px 18px 0 18px;
	
}
#footer  p{
	text-align:right;
	width:100%;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	color:#73a126;
	}
#footer  p span{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	}
#footer a,#footer  a:hover{
	color:#73a126;
	}