/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	background: transparent url(../img/bg.jpg) center top no-repeat;
}

.center {
	width: 990px;
	margin: 0 auto;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    border: none;
	height: 5px;
    margin: 0;
    padding: 0;
	clear: both;
	float: left;
	width: 100%;
}

.hr-grey {
	border-top: 1px solid #c2c2c2;
	background: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
   
/*==========
   Header
============*/
#header {float:left; width:100%; height:153px; background:transparent url(../img/bg-header.jpg) top center repeat-x}

.logo {float:left}

/*==========
     Nav
============*/
#nav {width:546px; margin:0 auto}

#nav ul {float:left}

#nav ul li {float:left; padding:0 1px 1px 0}

#nav ul li a{
	float:left;
	text-decoration:none; 
	text-align:center; 
	padding-top: 3px;
	width: 41px;
	height: 38px;
	text-transform:uppercase; 
	font:32px "pt_sansregular", Arial, verdana, sans-serif; 
	color:#fff; 
	background:#9dee34;
	}

#nav ul li a:hover{color:#c0c0c0}
	
/*========================================
		    Wrapper > Content
==========================================*/

#wrapper {width:100%; float:left; background:transparent url(../img/bg-wrapper.jpg) bottom center no-repeat}

/*========================================
			Contents
==========================================*/

#main-content {float:left; width:100%}

/*=============================
     boxes
===============================*/

/******box img*******/
.box-img{float:left}

/******box text*******/
.box-text{float:left}

/******box large*******/
.box-large{float:left; width:630px; padding:20px}

/******box title******/
.box-title{float:left; width:100%; padding:40px 0 10px}
.box-title h1{padding-bottom:10px}
.box-title h1 span{font-size:38px; text-transform:none}

/*=============================
     link
===============================*/
.button {
	float:left; 
	padding:12px 36px; 
	font:12px "pt_sansregular", Arial,verdana, sans-serif; 
	color:#fff; 
	text-transform:uppercase;
	border:1px solid #d04f2c;
	box-shadow:2px -1px 5px #a23b1f;
	background: #cd4f2c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NkNGYyYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzQ2MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #cd4f2c 1%, #bc4625 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cd4f2c), color-stop(100%,#bc4625));
	background: -webkit-linear-gradient(top,  #cd4f2c 1%,#bc4625 100%);
	background: -o-linear-gradient(top,  #cd4f2c 1%,#bc4625 100%);
	background: -ms-linear-gradient(top,  #cd4f2c 1%,#bc4625 100%);
	background: linear-gradient(to bottom,  #cd4f2c 1%,#bc4625 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd4f2c', endColorstr='#bc4625',GradientType=0 );
	}

.button:hover {color:#3c3a2f}

.button-text{font: 12px "pt_sansregular", Arial,verdana, sans-serif; text-transform:uppercase; color:#eedeba}
			
.button-text:hover{color:#959595}

.box-button{float:left; padding:0 48px}

/*=============================
     sidebar
===============================*/
#sidebar {float:right; width:300px; padding-top:25px}
#sidebar .box-img-border{float:right; padding:49px 0}
#sidebar .box-img-border .box-img{
	background:#fff;
	padding: 5px;
}

/*========================================
		        article
==========================================*/
.article {float:left; width:655px}
.article #nav ul{padding:25px 0}
.article p{margin:0; padding:8px 10px; color:#585656; line-height:16px}

.article-title{float:left; padding:39px 20px 40px 22px; background:#e5e5e5; width:603px}
.article-title h1{font-size:100px; text-align:left}

/********nav pages*********/
.nav-pages {float:left; width:627px; padding:9px; background:#fff}
.nav-pages ul {float:left}
.nav-pages li{float:left; font:13px "pt_sansregular", Arial, verdana, sans-serif; color:#303030}
.nav-pages li a{font:13px "pt_sansregular", Arial, verdana, sans-serif; color:#5f8e22}
.nav-pages li a:hover{color:#95e131}

/******box border******/
.box-border, .box-interne{
	float:left;
	background:#fff;
	}

/*****box interne******/
.box-interne-border{float:left; padding-top:16px}
.box-interne{width:645px}
.box-interne-color{float:left; background:#f5f3f3}

/*========================================
		        ad
==========================================*/
.ad-300x250 {float:right}

.ad-728x90 {float:right; padding:30px 0}

/*==================
		search 
====================*/

/***box search***/
.box-search {width:381px; float:left; height:86px; padding:0 305px 20px 305px}
	
.opacity-white-interne {position:absolute}

/*button search*/
.button-search {position:absolute; top:53px; right:15px; display:block; width:14px; height:14px; cursor:pointer}
.button-search button {position:relative; width:14px; height:14px; background:transparent url(../img/icons/search.png) 0 0 no-repeat; border:none; display:inline-block; z-index:1;}
.button-search button:hover, .button-search button:active {background-position:bottom}

.button-search-text{float:left; font:13px "pt_sansbold", Arial, verdana, sans-serif; text-transform:uppercase; padding:46px 32px 10px 16px; width:340px; height:30px}

input.search {color:#fff; background:transparent url(../img/bg-search.png) no-repeat; border:none}
input.search:focus{background:; outline:none}

/*========================================
		        Footer
==========================================*/

#footer {float:left; width:100%; padding:140px 0 45px 0}

/******footer logo******/
.footer-logo {float:left; padding:22px 12px 45px 22px}	

/*********copyright*************/
.copyright {float:left}
.copyright p {color:#b3b3b3; font:13px "pt_sansregular", Arial,verdana, sans-serif; margin:5px 0}

/*********footer nav*************/
.footer-nav {margin:0 auto; width:130px}
.footer-nav li {float:left; padding:0 2px; font:13px "pt_sansregular", Arial,verdana, sans-serif; color:#b3b3b3; line-height:15px; }
.footer-nav li a{font:13px "pt_sansregular", Arial,verdana, sans-serif; color:#b3b3b3; float:left; }
.footer-nav li a:hover{color:#303030}

/*=======================================
	help styles
========================================*/
.width-560{width:560px!important}
.width-962{width:962px!important}

.padding-bottom-24{padding-bottom:24px!important}
.padding-r-l-5{padding:0 5px!important}
