/*  
Theme Name: Araok
Theme URI: http://www.araok.com
Description: Thème for Araok Website. Design by AMZ and programmed by Cawita & Updated/Improved by Amaury BALMER
Version: 1.1
Author: Amaury BALMER
Author URI: http://wp-box.fr
*/

html, body, div, span,iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins,strong,ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus {
outline: 0;
}

body {
line-height: 1;
color: black;
background: white;
}

ol, ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/* Text decorations
*******************************/

.bold {
font-weight: bold;
}

.normal {
font-weight: normal;
}

.italic {
font-style: italic
}

.underline {
text-decoration: underline;
}

/* Float
*******************************/

.f-right {
float: right;
}

.f-left {
float: left;
}

.f-none {
float: none;
}

/* Text align
*******************************/

.t-right {
text-align: right;
}

.t-left {
text-align: left;
}

.t-center {
text-align: center;
}

.t-justify {
text-align: justify;
}

/* Other
*******************************/

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

/* Main styles
*******************************/

html {
height: 100%;
margin-bottom: 1px;
}

body {
background: #e7e9e3;
color: #646464;
font-size: 75%;
text-align: left;
}

.clear {
clear:both;
}

/* Default fonts
*******************************/

body,
input,
select {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

textarea,
pre,
code {
font-family: "Courier New", Courier, monospace;
}

/* Header elements
*******************************/

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
color: #3B3A39;
}

h1 {
padding-bottom: 8px;
font-size: 2.5em;
line-height: 1.3;
}

h2 {
font-size: 1.83em;
line-height: 1.3;
padding-bottom: .6em;
}

h3 {
font-size: 1.5em;
line-height: 1.3;
padding-bottom: .6em;
}

h4 {
font-size: 1.3em;
line-height: 1.8em;
}

h5 {
font-size: 1.2em;
line-height: 1.6em;
}

h6 {
font-size: 1.1em;
line-height: 1.2em;
}

/* Text elements
*******************************/

p {
margin: 0 0 1em 0;
text-align: left;
line-height: 1.4;
}

p.last {
margin-bottom: 0;
}

p.first {
margin-top: 1em;
}

p.img {
float: right;
margin: 0 0 1em 1em;
padding: 0;
}

blockquote {
margin: 0 0 1em 1em;
padding-left: 1em;
border-left: 2px solid #646464;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

pre {
border: 1px solid #ddd;
margin-bottom: 1.2em;
padding: 1.2em;
}

ins {
text-decoration: none;
}

/*remove underline from text*/

del {
text-decoration: line-through;
}

q,
cite {
font-style: italic;
}

dl {
line-height: 1.4;
margin-bottom: 1em;
}

/* decorate lists in posts */

#content .post ul,
#content .post ol {
margin: 0 0 1em 2em;
}

#content .post ul {
list-style-image: url(img/fleche-b.gif);
}

#content .post ol {
list-style-type: decimal;
}

#content .post ul li,
#content .post ol li {
line-height: 2;
}

hr {
color: #fff;
background: transparent;
margin: 0 0 0.5em 0;
padding: 0 0 0.5em 0;
border: 0;
border-bottom: 1px #000 dotted;
}

.telephone {
font-weight: bold;
color: #DB9E1B;
font-size: 1.3em;
background: url(img/bg_phone.gif) 0 50% no-repeat;
padding-left: 25px;
line-height: 24px;
height: 24px;
}

/*links*/

a:link,
a:visited,
a:focus,
a:hover,
a:active {
color: #5FA1A1;
text-decoration: none;
cursor: pointer;
}

a:hover {
text-decoration: underline;
background-color: #E5E5E5
}

a:visited {

}

a:active, 
a:focus {
outline: 0;
}

/*remove border in ff*/

/* Links Top Header */

.societe {
color: #609F9C;
font-size: 1.2em;
}

a.societe {
color: #609F9C;
font-size: 1.2em;
}

a.societe:hover {
color: #646464;
font-size: 1.2em;
}

/* Images
*******************************/

img {
outline: 0;
border: 0;
}

/* Form styles
*******************************/

input,
select,
textarea {
font-size: 1.0em;
vertical-align: baseline;
color: #828282;
}

input.text,
input.file {
cursor: text;
}

input.button {
cursor: pointer;
}

input.radio,
input.checkbox {
border: 0;
padding: 0;
}

/* Wordpress aligning
*******************************/

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
margin: 0 1em 1em 0;
}

.alignright {
float: right;
margin: 0 0 1em 1em;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption {
border: 1px solid #eee;
text-align: center;
padding-top: 4px;
}

.wp-caption p.wp-caption-text {
font-size: .92em;
text-align: center;
}

/* Main styles
*******************************/

#root {
width: 898px;
margin: 0 auto;
padding:0 21px 35px 19px;
background: url(img/bg-content.gif) repeat-y;
position: relative;
}

#root span.deco {
position: absolute;
bottom: 0;
left: 0;
width: 938px;
height:35px;
background: url(img/bg-content-bottom.gif) no-repeat;
}


/* Header
*******************************/

#header {
}

#header .headers {
text-align: center;
color: #fff;
font-size: .92em;
line-height: 3.2;
height: 36px;
}

#header .content {
height: 104px;
position: relative;
padding-top:10px;
}

.toplogocawita a {
height: 56px;
width: 189px;
margin-top: 2px;
margin-left:16px;
position: relative;
background: url(img/araok-logo.gif);
text-indent: -9999px;
display: block;
float: left;
}

#menutoprightcawita {
float: right;
margin-right: 50px;
}

#header h1 {


}

#header .description {
display: none;
}

#searchform {
position: absolute;
right: 40px;
top: 40px;
font-size: .92em;
}

#nav-bar {
margin-top: 10px;
position: relative;
height: 36px;
background: url(img/nav.gif) repeat;
}

#nav-bar li {
float: left;
border-right: 1px solid #ffffff;
background: url(img/nav.gif) 0 0 repeat;
}
#nav-bar li.page-item-21 {
border-right:0;
}
/*
#nav-bar li.page-item-21 a {
padding-right: 42px;
}
*/
#nav-bar li a {
height: 22px;
float: left;
text-decoration: none;
color: #fff;
padding: 14px 32px 0;
background: url(img/nav.gif) 100% 100% no-repeat;
text-transform: uppercase;
}

#nav-bar li:hover, #nav-bar li.current_page_item, #nav-bar li.current_page_parent {
background: url(img/nav-hover.gif) 0 0 no-repeat;
}

#nav-bar li:hover a {
background: url(img/nav-hover.gif) 100% 100% no-repeat;
}

#searchform input.text {
width: 143px;
border: 0;
background: transparent url(img/search-input.gif) 0 0 no-repeat;
height: 15px;
padding: 4px 3px;
vertical-align: middle;
margin-right: 10px;
}

#searchform input.button {
height: 21px;
padding-bottom: 2px;
width: 61px;
background: transparent url(img/search-button.gif) 0 0 no-repeat;
border: 0;
color: #fff;
font-weight: bold;
vertical-align: middle;
}

#header {
background: #fff;
}

#header h1 a {
text-decoration: none;
color: #3B3A39;
}

/* Main
*******************************/

#imgvente {
height: 162px;
margin: 10px 0;
}

#main-block {
float: left;
padding-left: 12px;
width: 632px;
}

#content .post-cadre .post {
border:1px solid #dedede;
border-width:0 1px 1px 1px;
padding: 20px;
}

#content .post {
margin-bottom: 12px;
position: relative;
padding: 0 20px;
}

#content .post .footer {
height: 11px;
}

#content .post .content {
padding: 8px 26px;
background: url(img/post-back.gif) 0 0 repeat-y;
padding-top: 0px;
padding-left: 0px;
height: auto;
}

#content .title {
clear: both;
line-height: 1.3;
}

#content .title a {
text-decoration: none;
color: #5FA1A1;
}

#content .title a:hover {
color: #609F9C;
}

#content .postdata {
font-size: 0.92em;
padding-bottom: 10px;
margin-bottom: 8px;
background: url(img/post-delim.gif) 0 100% repeat-x;	
position: relative;
}

#content .category {
float: left;
}

#content .date {
float: right;
color: #919191;
}

#content .comments {
float: right;
padding-right: 10px;
}

#content .comments,
#content .comments a,
#content .category,
#content .category a {
color: #609F9C;
}

#content .entry {
clear: both;
font-size: 13px;
}

/* couleur du lien dans les posts */

#content .entry a {
color: #5FA1A1;
}

a.more-link {
font-weight: bold;
color: #f78403;
padding-right: 18px;
background: url(img/more-link.gif) 100% 1px no-repeat;
}

.nav-entries {
font-size: .92em;
}

.nav-entries .prev a {
float: left;
position: relative;
}

.nav-entries .next a {
float: right;
position: relative;
}

#content .nav-entries a {
background: url(img/nav-pages.gif) 0 0 no-repeat;
color: #fff;
text-decoration: none;
}

.nav-entries a span {
padding: 6px 12px 0;
height: 17px;
float: left;
background: url(img/nav-pages.gif) 100% 100% no-repeat;
}

.nav-entries a:hover {
color: #fff;
}

.inscription {
padding-left: 10px;
padding-right: 20px;
background: #ffffff;
}

/* Sidebar Right */
#right-block {
float: right;
width: 223px;
padding: 10px 10px 25px 8px;
}

#right-block ul li.widget-li {
display: block;
background: url(img/separateur-right.gif) center bottom no-repeat;
padding-bottom: 15px;
margin-bottom: 5px;
}

.box {
background: url(img/box-back.gif) 0 0 repeat-y;
}

.popular h3 {
color: #3B3A39;
}

.blogroll h3 {
color: #3B3A39;
}

.archive h3 {
color: #3B3A39;
}

.box .header {
background: url(img/box-header.gif) 0 0 no-repeat;
height: 24px;
padding: 14px 20px 0;
}

.box .header h3 {
line-height: 1;
}

.box ul {
padding: 0 5px 24px 5px;
background: url(img/box-footer.gif) 0 100% no-repeat;
}

.box ul li {
padding: 9px 15px 1px 15px;
font-size: .92em;
line-height: 16px;
}

.box ul li a {
display: block;
background-position: 100% 0;
background-repeat: no-repeat;
}

.box li a {


}

.sepright {
padding-top: 15px;
}

.popular li a {
background-image: url(img/popular.gif);
}

.blogroll li a {


}

.archive li a {
background-image: url(img/archive.gif);
}

.categories .children li a {
background-image: url(img/cat-sub.gif);
}

.box ul li a {
color: #5FA1A1;
}
.box ul li a:hover {
text-decoration: underline;
}

.box li a:hover {


}

.popular li a:hover {
background-image:

url(img/popular-hover.gif);
color: #eda33a;
}

.blogroll li a:hover {


}

.archive li a:hover {
background-image: url(img/archive-hover.gif);
color: #8fafc6;
}

.categories .children li a:hover {
background-image: url(img/cat-sub-hover.gif);
color: #3B3A39;
}

.box ul ul {
padding: 0;
background: none;
}

.box li li {
background: none;
font-size: 1em;
padding: 0 0 0 15px;
}

.box .footer {
padding: 0 5px;
height: 24px;
background: url(img/box-footer.gif) 0 100% no-repeat;
}

.box .tags,
.box .textwidget,
#sidesearch,
#calendar_wrap {
padding: 12px 18px;
}

.box input.text {
border: 1px solid #8A8A8A;
width: 140px;
background: #fff;
font-size: .92em;
}

.box input.button {
background: #F6F6F6;
color: #8A8A8A;
font-weight: bold;
border: 0;
font-size: .92em;
border: 1px solid #8A8A8A;
}

.box .tags,
.box .textwidget {
line-height: 1.4;
}

.box .textwidget {
font-size: .92em;
}

#calendar_wrap,
.box .textwidget {
//padding-bottom: 36px;
background: url(img/box-footer.gif) 0 100% no-repeat;
}

#recentcomments li {
background: none;
padding-left: 0;
}

#wp-calendar {
width: 190px;
font-size: .92em;
}

#wp-calendar caption {
padding: 4px 0;
text-align: right;
font-weight: bold;
color: #3B3A39;
}

#wp-calendar th,
#wp-calendar td {
padding: 2px;
text-align: center;
}

#wp-calendar thead th {
color: #4189C1;
font-weight: bold;
}

#wp-calendar #prev {
text-align: left;
padding-top: 4px;
}

#wp-calendar #next {
text-align: right;
padding-top: 4px;
}

#recentcomments {
padding: 0 18px 36px;
line-height: 1.4;
}

#recentcomments li a,
#recentcomments li a:hover {
background: none;
padding: 0;
border: 0;
}

/* Footer
*******************************/

#footer {
background: url(img/bg-footer.gif) repeat-x;
height: 107px;
font-size: .92em;
width:898px;
margin:0 auto;
}

#footer .wrapper {
float:right;
margin:40px 30px;
}

#footer img {
vertical-align: middle;
}

#footer .copyright {
float: right;
padding-top: 5px;
}

/* modif FW */

#spages {
padding: 0px;
display: block;
width:100%;
height:34px;
}

#spages ul {
margin: 0;
padding: 0;
background: #D5D4D4 url(img/bg_smenu.jpg) repeat-x;
border: #C4C3C3;
list-style: none;
height:34px;
}

#spages ul li {
display: block;
float: left;
margin: 0px;
padding: 0px;
}

#spages ul li a {
display: block;
float: left;
margin: 0;
padding: 0 15px;
background: #D5D4D4 url(img/bg_smenu.jpg) repeat-x;
border-right: #C4C3C3 1px solid;
text-decoration: none;
text-align: center;
height:34px;
line-height: 34px;
color: #707070;
vertical-align: middle;
}

#spages ul li a:hover, #spages ul li.current_page_item a {
background-image: none;
}

.entry div {
display: none;
}
.meta-top {
font-size: 11px;
margin: 5px 0 10px;
display: block;
}
.meta-bottom {
font-size: 11px;
font-weight: 700;
}

.post {
border-bottom: 1px solid #E4E4E4;
}

/* Cforms */
p.linklove {
margin-bottom: 0;
text-indent: -9999px;
display: none;
}
#main-block .cform input.sendbutton	{  
padding:4px 0; 
text-align: center;
margin: 10px 3px 0 250px;
font-size:0.9em;
background: #a72604;
color: #fff;
border: 0;
width:160px;
}
#main-block .cform input.sendbutton:hover {
background: #d18900;
}

/* Widget Carousel */
#jCarousel_wrap { 
background:transparent url(img/box-footer.gif) no-repeat scroll 0 100%;
margin:0 auto;
overflow:hidden;
padding:0 5px 24px;
width:213px;
}
#jCarousel {
margin-left:10px;
width: 170px;
height:120px;
}
#jCarousel ul {
list-style:none;
}
#jCarousel li {
width: 170px;
height:120px;
vertical-align: middle;
line-height: 120px;
display: block;
}
#jCarousel ul li img {
width: 170px;
vertical-align: middle;
}