/*
1) HEADER
2) SLIDER
3) INTRO
4) CONTENT
5) FOOTER
6) COPYRIGHT
7) PAGETOP
8) SIDEBAR PAGE
9) WRAPPER
10) OTHERS
*/

/* STARTING with BODY */
body{
   font:12px/21px 'Arial', Arial;
   position:relative;
   height:100%;
   margin:0;
   padding:0;
   -webkit-text-size-adjust:100%;
   -o-text-size-adjust:100%;
   -ms-text-size-adjust:100%;
   -moz-text-size-adjust:100%;
   overflow-x:hidden;
}

h1,h2,h3,
h4,h5,h6 {   font-family:"Open Sans", Arial, sans serif; padding:0; margin:0 0 0.4em 0; line-height:1em; letter-spacing: 0.1px; font-weight:inherit; }
h1{         font-size:32px;  }
h2{         font-size:28px;  }
h3{         font-size:18px;  }
h4{         font-size:24px;  }
h5{         font-size:20px;  }
h6{         font-size:16px;  line-height:2em; margin:0;	}

@font-face {
    font-family: 'Din';
    src: url('../fonts/lt_11441.eot');
    src: url('../fonts/lt_11441.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lt_11441.woff') format('woff'),
         url('../fonts/lt_11441.ttf') format('truetype'),
         url('../fonts/lt_11441.svg#ChaletRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-------------------------------------------
	1. HEADER
-------------------------------------------*/
#header{
	position:relative;
	z-index:1;
	height:120px;
	color:#bbbbbb;
	background-color: #036B22;
}
#header .logo{
   position:absolute;
   z-index:1;
   display:block;
   line-height:0;
	left:0;
}
#header .inner-right{
   display:block;
   position:relative;
   float:right;
   text-align:right;
   margin-top:10px;
}
#header .inner-right span.call-us{
   text-align:right;
   font:11px/21px Tahoma;
}
#header .menu{
   position:absolute;
   display:block;
   height:45px;
   bottom:0;
   right:-15px;
}
#header .sf-menu ul:first-child,
#header .sf-menu ul:first-child * {
	margin:0;
	padding:0;
	list-style:none;
}

/* LEVEL 1 */
#header .sf-menu ul:first-child li {
   display:inline;
	float:left;
   margin:0;
	position:relative;
}
#header .sf-menu ul:first-child li:hover {
	visibility:inherit;
}
#header .sf-menu ul:first-child li a {
   display:block;
   position:relative;
   text-decoration:none !important;
   padding:5px 10px;
   font-size:1.1rem;
   font-family:'Din', Arial;
   color:#FFF;
}

#header .sf-menu ul:first-child > li.CMS_current > a,
#header .sf-menu ul:first-child > li.CMS_parent > a,
#header .sf-menu ul:first-child li a:hover{
   color:#fc0;
}


/* LEVEL 2 */
#header .sf-menu ul:first-child li ul {
	position:absolute;
	top:-999em;
	width:200px;
   box-shadow:0 2px 0 0 rgba(0,0,0,0.2);
}
#header .sf-menu ul:first-child li ul li {
	width:100%;
}
#header .sf-menu ul:first-child li ul li a{
   padding:7px 15px;
   font:bold 11px/21px 'Tahoma',Arial;
   background-color:#f1f1f1;
   color:#555555;
}

#header ul.sub-menu li ul li.CMS_current > a,
#header ul.sub-menu li ul li.CMS_parent > a,
#header ul.sub-menu li ul li a:hover{
	/*background-color:#036B22 !important;*/
   background-color:#999 !important;
	color:#ffffff !important;
	outline:0;
}

/* LEVEL 1-2-3 */
#header .sf-menu ul:first-child li:hover ul,
#header .sf-menu ul:first-child li.sfHover ul {
	left:0;
	top:45px;
	z-index:999;
}
#header .sf-menu ul:first-child li:hover li ul,
#header .sf-menu ul:first-child li.sfHover li ul {
	top:-999em;
}
#header .sf-menu ul:first-child li li:hover ul,
#header .sf-menu ul:first-child li li.sfHover ul {
	left:10em;
	top:0;
}
#header .sf-menu ul:first-child li li:hover li ul,
#header .sf-menu ul:first-child li li.sfHover li ul {
	top:-999em;
}
#header .sf-menu ul:first-child li li li:hover ul,
#header .sf-menu ul:first-child li li li.sfHover ul {
	left:10em;
	top:0;
}

/*-------------------------------------------
	2. SLIDER
-------------------------------------------*/
#slider{
   background:url(../images/slider_bg.png) repeat-x 50% 0 scroll #ffffff;
   float:left;
   width:100%;
   display:block;
}
#slider a{        color:#88ac2e; }
#slider a:hover{  color:#999999; }

/*-------------------------------------------
	3. INTRO
-------------------------------------------*/
#intro{
   float:left;
   width:100%;
   display:block;
   padding:30px 0 10px 0;
   background:url(../images/intro_bg.png) repeat-x 0 100% scroll #f8f8f8;
   color:#737988;
}
#intro a{         color:#88ac2e; }
#intro a:hover{   color:#737988; }
#intro h1, #intro h2, #intro h3,
#intro h4, #intro h5, #intro h6{
   color:#5c606b;
}

/*-------------------------------------------
	4. CONTENT
-------------------------------------------*/
#content{
   float:left;
   width:100%;
   display:block;
   padding:40px 0;
   background:url(../images/content_bg.png) repeat-x 0 0 scroll #ffffff;
   color:#737988;
}
#content a{       color:#88ac2e; }
#content a:hover{ color:#5c606b; }
#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6{
   color:#d70101;
   text-shadow: 2px 2px 0.1em black;
}

.accueil #content h1{
   color:#5c606b;
   text-shadow: none;
}


.commentlist li.depth-1,
.commentlist li.depth-2,
.commentlist li.depth-3,
.commentlist li.depth-4,
.commentlist li.depth-5,
#content	ul.ul_links li a,
#content .recent_list li,
#content .divider_top,
#content .divider_hr,
#content .post-meta,
#content hr{
   border-color:#eeeeee;
}

/*-------------------------------------------
	5. FOOTER
-------------------------------------------*/
#footer{
	float:left;
	width:100%;
	display:block;
	padding-top:40px;
	background-color:#030;
	color:#999999;
	font-size:11px;
	font-family:'Tahoma', Arial;
}
#footer ul.ul_links li a{     border-color:#4e4e4e;}
#footer ul.ul_links li {      background:url(../images/icons/ul_link.png) no-repeat 2px 11px transparent}
#footer ul.ul_links li ul li {   background-position:25px 11px;}
#footer .imageborder {      padding:3px; border:0;}
#footer a{        color:#fc0; }
#footer a:hover{  color:#ffffff; }
#footer h1, #footer h2, #footer h3, 
#footer h4, #footer h5, #footer h6{
   color:#fc0;
   text-shadow: 2px 2px 0.1em black;
}

#footer p{
   color:#ffffff;
}


/*-------------------------------------------
	6. COPYRIGHT
-------------------------------------------*/
#copyright{
	float:left;
	width:100%;
	display:block;
	padding:10px 0;
	color:#737988;
	font-size:11px;
	font-family:'Tahoma', Arial;
	background-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f3015c;
}
#copyright a{        color:#88ac2e; }
#copyright a:hover{  color:#5c606b; }

/*-------------------------------------------
	7. PAGETOP
-------------------------------------------*/
#page-top{
   float:left;
   width:100%;
   display:block;
   padding:15px 0;
   background:url(../images/page_top_bg.png) repeat-x 0 0 scroll #dddddd;
   color:#737988;
}
#page-top .breadcrumbs{
   font-size:11px;
}
#page-top h2{        display:inline;   }
#page-top a{         color:#88ac2e;    }
#page-top a:hover{   color:#5c606b;    }

/*-------------------------------------------
	8. SIDEBAR PAGE
-------------------------------------------*/
#main, #sidebar{           position:relative; }
.sidebar-right #main{      float:left; width:630px; }
.sidebar-right #sidebar{   float:right; width:300px; }
.sidebar-left #main{       float:right; width:630px; }
.sidebar-left #sidebar{    float:left; width:300px; }

/*-------------------------------------------
	9. WRAPPER
-------------------------------------------*/
.inner, .wrapper {
   margin: 0 auto;
   height:100%;
   width: 960px;
   display:block;
   position:relative;
   z-index:0;
}
.inner:after {
	content    :".";
	display    :block;
	clear      :both;
	visibility :hidden;
	line-height:0;
	height     :0;
}
* html .inner{    height:1%; }


/*-------------------------------------------
	10. OTHERS
-------------------------------------------*/
.dropcircle, .dropcap{  font-family:"Open Sans", Arial, sans serif;}
h1 a,h2 a,h3 a, h4 a, h5 a, h6 a{ text-decoration:none !important; }
.post-wrapper{ margin-bottom:50px;}
#boxed-layout{
   margin: 30px auto;
   height:100%;
   max-width: 1050px;
   display:block;
   position:relative;
   z-index:0;
   box-shadow:0 0 0px rgba(0,0,0,0.5);
}