@charset "utf-8";

/*
Theme Name: Everest_cahier_experiences
Description: Responsive Business WordPress Theme.
Author: Themex - Planete-Sciences
Author URI: http://www.mojo-themes.com/user/themex/    
Version: 1.2
Tags: Unlimited-columns, responsive-design, boxed-layout, unique-sliders, custom-background, localization-ready
*/

/*--------------------CSS Structure--------------------

1. RESET/GLOBAL
		Global Styles
		Form Elements
		Floating
		Misc	
		
2. STYLED ELEMENTS
		Columns
		Images
		Buttons
		Tables
		Pagination
		Pricing Tables
		Embedded Video
		
3. LAYOUT
		WP Styles
		Containers
		Header
		Dropdown Menu
		Select Menu
		Breadcrumbs
		Footer
		
4. TYPOGRAPHY
		Titles
	  	Lists
		Dividers
		Dropcaps
		Tabs
			- Horizontal
			- Vertical
		Toggle Contents	
		Alerts			
	
5. PAGE STYLES
		Gallery
			- Filter
			- Listing
			- Single
		Blog
			- Post
			- Comments
			- Comment Form
		Contact Page
		404 Page
		
6. WIDGETS
		Latest Posts
		Twitter
		Testimonials
		Subscribe
		Flickr Photos
		Social Links
		Search
		
7. RESPONSIVE STYLES
		768-999
		480-767
		0-767
		0-479		

------------------------------------------------*/


/* ============================== RESET/GLOBAL =========================== */

/*--------------------------- Reset Global Styles -------------------------*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left;}

img, a img, form, fieldset {border: 0;}

/*------------------------ Normalize Global Styles -----------------------*/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2012 */



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

}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	line-height:1.5em;
	background-attachment:fixed;
	margin:0;
}


ol, ul {
	list-style: none;
	margin:0 0 1.5em;
	padding: 0;
}
				
ul li, ol li {
	margin:0;
}

ul li a,
ol li a {text-decoration:none;} 

address {
	margin: 0 0 1.5em;
	padding: 0;
	font-style: normal;
}

table { border-collapse: collapse; border-spacing: 0; }
	
p {
	margin:0 0 1.5em 0;
	padding: 0;
}

::-moz-selection { color: #fff;  background-color: #F98123; }
::selection      { color: #fff;  background-color: #F98123; }

a {
	text-decoration:none;
	color: #F98123;
	transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
}

a:hover {
	color:#333;
}

h1, h2, h3, h4, h5, h6, th {
	font-weight:normal;
	font-family:desyrelregular, Arial, Helvetica, sans-serif;
}

h1 {
	font-size:2.8em;
	font-family:desyrelregular, Arial, Helvetica, cursive;
	letter-spacing:2px;
	margin-bottom: 0.7em;
	color:#81b3bc;
	text-shadow: 1px 1px #9a9a96, -1px -1px #40808a;

}


h2 {
	font-size:2em;
	margin-bottom: 0.8em;
	font-family:desyrelregular, cursive;
}

h3	{
	font-size:1.5em;
	margin-bottom:1em;
	color:#40808a;
	
}
				
h4	{
	font-size:1.3em;
	margin-bottom:1em;
}

h5 {
	font-size:1.2em;
	margin-bottom:0.7em;
} 

h6	{
	font-size:1.1em;
	color:#858585;
	margin-top:0.5em;
	margin-bottom:0.7em;
}

pre, code {
    font-family: mono-space,monospace;
    overflow: auto;
    padding: 20px;
    white-space: pre;
}

/*Apply this class to some text to unlock the secrets of the third dimension!*/
3D{
font-family: Arial, sans-serif;
line-height: 1em;
color: #fff9d6;
font-weight:bold;
font-size: 134px;
text-shadow:0px 0px 0 rgb(229,229,229),1px -1px 0 rgb(212,212,212),2px -2px 0 rgb(196,196,196),3px -3px 0 rgb(180,180,180),4px -4px 0 rgb(163,163,163),5px -5px 0 rgb(147,147,147), 6px -6px 0 rgb(131,131,131),7px -7px 6px rgba(0,0,0,0.65),7px -7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}

blockquote {
    font-style: italic;
    color: #303030;
    line-height: 1.5em;
	margin:1em 0;
	padding:0 20px;
	border-left:4px solid #636363;
	font-size:1.2em;
}

/*---------------------------- Form Elements  -------------------------*/

input[type="text"], select, textarea {
	width:auto;
	padding:6px 10px;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#6c6b6b;
	border:1px solid #ccc;
	background:#fff;
	outline:none;
	margin:0 0 1em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	-webkit-box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
	box-shadow:0 2px 4px rgba(204,204,204,0.5) inset;
}

textarea {
	resize:none;
} 

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#aaa;
}

input[type="submit"],
input[type="button"] {
	margin:0px;
}

/*------------------------ Floating Styles -----------------------*/

.clear {
	clear:both;
}

.textcenter {
	text-align:center;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hidden {
	display:none;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 0 0 20px 20px;
}

a img.alignnone {
    margin: 0 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 0 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

img.centered {
	position:relative;
	bottom:-0.5em;
}

/* ========================== STYLED ELEMENTS =========================== */

/* ------------------------------ Columns ------------------------------*/

.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }

.column {
	position: relative;
	margin-right: 4%;
	padding-bottom: 1em;
	float: left;
}

.column > br,
.text > br
{
	display:none;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* ------------------------------ Images ------------------------------*/

img.bordered {
	display:block;
	padding:4px;
	background-color:#ddd;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

img.bordered:hover {
	background-color:#F98123;
}

.thumb {
	overflow:hidden;
	padding:4px;
	background-color:#ddd;
	position:relative;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

.thumb:hover{
	background-color:#F98123;
}

.thumb img {
	width:100%;
	height:auto;
	display:block;
}

a.zoomer {
	width:30px;
	height:30px;
	background:#000 url(images/zoomer_bg.png) 0 0 no-repeat;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

/* ------------------------------ Buttons ------------------------------*/

.button {
	display:inline-block;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	cursor:pointer;
	width:auto;
	padding:4px 12px;
	line-height:1.6em;
	font-size:1em;
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,0,0,0.05)!important;
	text-shadow:  0 -1px 0 rgba(0,0,0,0.2);
	color:#fff!important;
	background-color:#F98123;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	
}

.button:hover{
	color:#fff;	
	background-image: none;
}

.button:active{
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
}

.button.small{ font-size:1em; } 

.button.medium{ font-size:1.2em; }

.button.large{ font-size:1.5em; }

.button.magenta { background-color:#A7004A; }
.button.grey { background-color:#636363; }
.button.black { background-color:#424242; }
.button.red { background-color:#E32425; }
.button.green { background-color:#8CB902; }
.button.blue { background-color:#00AAEC; }
.button.yellow { background-color:#FBB10D; }
.button.orange { background-color:#F98123; }

/*------------------------------- Tables ------------------------------*/

table {
	width:100%;
	border:1px solid #ccc;
	border-right-width:0;
	border-bottom-width:0;	
}

thead {
	font-size:1.2em;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.15)),color-stop(0.5, rgba(128,128,128,0.15)),color-stop(1, rgba(255,255,255,0.15)));
	background-color:#eee;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

th,td {
	padding:0.5em 10px;
	border:1px solid #ccc;
	border-left-width:0;
	border-top-width:0;
}

table.style-2 {
	border-top-color:#525252;
}

table.style-2 thead {
	background-color:#636363;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);
	color:#fff;
	border-bottom:2px solid #525252;
}

table.style-2 th {
	border-right-color:#525252;
}

table.style-2 th:first-child {
	border-left:1px solid #525252;
}

/*-------------------------------Pagination------------------------------*/

.pagination {
	overflow:hidden;
	clear:both;	
}

.pagination a,
.pagination span {
	float:left;
	border:1px solid #ccc;
	width:24px;
	line-height:2em;
	text-align:center;
	margin-right:10px;
	font-weight:bold;
	-moz-box-shadow:0 -4px 4px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0 -4px 4px rgba(0,0,0,0.05) inset;
	box-shadow:0 -4px 4px rgba(0,0,0,0.05) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.pagination a {
	background-color:#eee;
	color:#444!important;	
}

.pagination.comment-pages a {
	margin-bottom:2em;
}

.pagination span,
.pagination a:hover{
	background-color:#636363;
	color:#fff!important;
	border:1px solid #555;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);	
}

.pagination a.next,
.pagination a.prev{
	height:2em;
	text-indent:10em;
	overflow:hidden;
	background-image:url(images/page_arrows.png);
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
}

.pagination a.prev {
	background-position:24px 0;
}

.pagination a.prev:hover {
	background-position:24px -24px;
}

.pagination a.next {
	background-position:0 0;
}

.pagination a.next:hover {
	background-position:0 -24px;
}

/*------------------------------- Pricing Tables ------------------------------*/

.pricing-header {
	position:relative;
	width:100%;
	color:#fff;	
	text-align:center;
	background-color:#636363;
	padding:1em 0 1.2em 0;
	text-shadow:  0 -1px 0 rgba(0,0,0,0.2);	
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.15) inset;
	box-shadow:0 1px 0 rgba(0,0,0,0.15) inset;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.15) 0%, rgba(128,128,128,0.15) 50%, rgba(255,255,255,0.15) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.15)),color-stop(0.5, rgba(128,128,128,0.15)),color-stop(1, rgba(255,255,255,0.15)));	
}

.pricing-header h2 {
	text-align:center;
	margin-bottom:0.5em;
}

.pricing-header .price {
	width:100%;
	text-align:center;
	font-weight:bold;
}

.pricing-table .pricing-header .overlay {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.pricing-header .overlay img {
	width:100%;
	height:7px;
	display:block;
}

.pricing-header.magenta { background-color:#A7004A; }
.pricing-header.grey { background-color:#636363; }
.pricing-header.black { background-color:#424242; }
.pricing-header.red { background-color:#E32425; }
.pricing-header.green { background-color:#8CB902; }
.pricing-header.blue { background-color:#00AAEC; }
.pricing-header.yellow { background-color:#FBB10D; }
.pricing-header.orange { background-color:#F98123; }

.pricing-body {
	border:1px solid #ccc;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-width:0;
	position:relative;
	z-index:1;	
}

.pricing-table  .pricing-body {
	padding:2em 15px 0 15px;
	margin-top:-7px;
}

.pricing-table-zebra .pricing-header {
	border-bottom:1px solid rgba(0,0,0,0.4);
}

.pricing-table-zebra .pricing-header .overlay {
	display:none;
}

.pricing-table-zebra  .pricing-body ul li{
	background:none;
	margin:0;
	padding:1em 15px;
	border-bottom:1px solid #ccc;
}

.pricing-table-zebra  .pricing-body ul li:nth-child(odd) {
	background-color:#eee;
}

/*------------------------------- Embedded Video ------------------------------*/

.video {
	overflow:hidden;
	width:100%;
	border-top:1px solid #444;
}

.video iframe {
	width:100%!important;
}

/* ============================== LAYOUT ============================= */

/*----------------------------- WP Styles ----------------------------*/

.gallery-caption,
.sticky,
.wp-caption-text,
.bypostauthor,
.wp-caption {
	display:block;
}

/*----------------------------- Containers ----------------------------*/

.header-wrapper {
/* width:1600px;  
 	margin:0px auto;  */
 	  background:url(images/cahier_header_1600.png) center top no-repeat;
 	  	overflow:hidden;
}

.global-wrapper {
 width:1600px;
	margin:0px auto;
  background:url(images/cahier_contenu_1600.png) repeat-y;
}

.content-wrapper {
  width:1000px;
  	margin:0px auto;     
}

  .content-wrapper2 {
  	width:100%;
	  	overflow:hidden;
}

.content {
	padding:2em 2em;
	overflow:hidden;
	position:relative;
}

.content-box {
	background-image:url(images/content_box_bg.png);
	position:relative;
	overflow:hidden;
	width:100%;
	margin:1em 0 3em -30px;
	padding:3em 30px 0.5em 30px;
	border:1px solid #dcdcdc;
	border-left-width:0;
	border-right-width:0;
}

.content-box .shadow {
	height:0px;
	width:100%;
	position:absolute;
	left:0;
	right:0;
	top:0;
	background:url(images/content_box_shadow.png) repeat-x;
}

.content.left, 
.content.right {
	width:70%;	
}

.content.right {
	padding-left:0;
}

.content.left {
	padding-right:0;
}

.sidebar {
	width:22%;
	padding:3em 30px;
	overflow:hidden;
}

.sidebar.left {
	padding-right:0;
}

.sidebar.right {
	padding-left:0;
}

.widget-container {
	margin-bottom:1em;
}

.sidebar .widget-container {
	margin-bottom:3em;
}

/*---------------------------------- Header ----------------------------------*/

.header {
	overflow:hidden;    
	padding:0 0 0 0;	
}

.zonecliquable1 {
width:1600px;
height:333px;
  margin:0px auto;

}

.zonecliquable1 a#zone1 {
	height: 9em; 
  width: 13%; 
  float:left;
	margin-left: 18%;
	margin-top: 12.5%;
}


.zonecliquable1 a#zone2 {
	height: 9em; 
  width: 40%; 
  float:left;
	margin-left: 1em;
	margin-top: 12.5%;
}

.zonecliquable1 a#zone3 {
	height: 9em; 
  width: 7%; 
  float:left;
	margin-left: 1em;
	margin-top: 12.5%;
}

.zonecliquable2 {
  margin:0px auto;
}

.zonecliquable2 a#zone1 {
	height: 5em; 
  width: 4em; 
  float:right;
	margin-right: 20%;
	margin-bottom: 10%;
}


.content-wrapper2 .logo {
	float:center;
	font-size:2.5em;
	font-family:Open Sans;
	text-align:center;
  padding:0.3em;    
}

.content-wrapper2 .logo img {
	display:block;     
}

.content-wrapper2 .logo a{
	color:#2B2B2B;   
}

.header .widget-container {
  float:right;  
	padding:0 0 0 0;
	margin-bottom:-0.4em;
	overflow:auto;   
}

/*------------------------------- Dropdown Menu -------------------------------*/

.menu-container .menu {
	clear:both;	
	width:100%;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
}

.menu-container .menu ul {
	padding:0;
	margin:0;
	background:#08298c;
}

.menu-container .menu > ul {
	width:100%;	
	height:3em;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.1)),color-stop(0.5, rgba(128,128,128,0.1)),color-stop(1, rgba(255,255,255,0.1)));
}

.menu-container .menu ul li {
	display:block;
	line-height:3em;
	padding:0;
	position:relative;
}

.menu-container .menu > ul > li{	
	float:left;	
	background:url(images/bg_dark_divider.png) right top repeat-y;
}

.menu-container .menu ul li a {
	display:block;
	padding:0 20px;
	color:#fff;
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;	
}

.menu-container .menu ul li a:hover,
.menu-container .menu li.active > a ,
.menu-container .menu > ul > li.current_page_item > a,
.menu-container .menu > ul > li.current_menu_item > a{
	background-color:rgba(255,255,255,0.1);
}

.menu-container .menu > ul > li > a {
	margin-right:2px;
}

.menu-container .menu > ul > li ul {
	min-width:170px;
	position:absolute;
	white-space: nowrap;
	z-index:1000;
	display:none;	
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);
	box-shadow:0 0 10px rgba(0,0,0,0.25);
}

.menu-container .menu > ul > li > ul {
	top:3em;
	left:-1px;
}

.menu-container .menu > ul > li > ul li{
	background:url(images/bg_dark_divider_2.png) right top repeat-x;
	padding-top:2px;
}

.menu-container .menu > ul > li > ul > li ul {
	left:100%;
	top:0;
}

/*--------------------------------- Select Menu -------------------------------*/

.select-menu {
	display:none;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	background-image:url(images/select_menu_arrow.png);
	background-repeat:no-repeat;
	background-position:right 1.25em;
	background-color:#08298c;
	position:relative;
	cursor:pointer;
	padding:1em 20px;
	line-height:1em;
	color:#fff;	
}

.select-menu select {
	height:3em;
	border:0;
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:none;
	cursor:pointer;
}

/*--------------------------------- Breadcrumbs ------------------------------*/

.breadcrumbs {
	line-height:1em;
	padding:0.75em 30px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	color:#444;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	line-height:1.5em;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(128,128,128,0.1) 50%, rgba(255,255,255,0.1) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.1)),color-stop(0.5, rgba(128,128,128,0.1)),color-stop(1, rgba(255,255,255,0.1)));
}

.breadcrumbs a {
	margin-right:8px;
	padding-right:14px;
	float:left;
	background:url(images/bullet_3.png) right 0.48em no-repeat;
	color:#444;
	font-weight:bold;	
}

/*-------------------------------Footer------------------------------*/

.footer-widgets-wrapper{	
		background:url(images/cahier_footer_1600.png) center top no-repeat;
	overflow:hidden;
                     
}

.footer-widgets{
		color:#2b2b2b;
	overflow:hidden;
	padding:18em 30px 0 30px;	
}

.footer-widgets h4{
	color:#eee;
}

.footer-widgets .button {
	border-color:#636363;
}

.footer-widgets .thumb {
	background-color:rgba(255,255,255,0.05);
}

.footer-widgets a {
	color:#bbb;
}

.footer-widgets a:hover,
.footer a:hover {
	color:#fff;
}

.footer-widgets .widget-container {
	float:left;
	margin:0 4.1% 1.5em 0;
}

.footer {
	overflow:hidden;
	background: url(images/bg_dark_divider_2.png) left top repeat-x;
	color:#eee;
	font-size:0.8em;
	padding:1em 30px;
}

/* ============================== TYPOGRAPHY =========================== */

/*------------------------------- Titles -------------------------------*/

.main-title {
	text-align:center;
	background:url(images/main_title_bg.png) center 50% repeat-x;
	margin-bottom:1.5em;
}

.main-title span {
	display:inline-block;
	padding:0 10px;
	background:#fff;
}

/*--------------------------------- Lists -------------------------------*/

.content ol, .content ul {
	margin:0 0 2em 0;
	display:block;
}

.content ul li {
	margin-bottom:1em;
	padding-left:24px;
	background:url(images/bullet_2.png) 4px 5px no-repeat;
}

ul.style-1 li { background:url(images/bullet_1.png) left top no-repeat; }
ul.style-2 li { background:url(images/bullet_4.png) left top no-repeat; }
ul.style-3 li { background:url(images/bullet_5.png) left top no-repeat; }
ul.style-4 li { background:url(images/bullet_6.png) left top no-repeat; }
ul.style-5 li { background:url(images/bullet_7.png) left top no-repeat; }
ul.style-6 li { background:url(images/bullet_8.png) left top no-repeat; }
ul.style-7 li { background:url(images/bullet_9.png) left top no-repeat; }
ul.style-8 li { background:url(images/bullet_10.png) left top no-repeat; }
ul.style-9 li { background:url(images/bullet_11.png) left top no-repeat; }
ul.style-10 li { background:url(images/bullet_12.png) left top no-repeat; }
ul.style-11 li { background:url(images/bullet_13.png) left top no-repeat; }

ol {
	padding-left:2.1em;
}

ol li{
	margin-bottom:1em;	
	list-style: decimal-leading-zero;
}

ol.style-2 li{
	list-style: decimal;		
}

.widget-container > ul,
.widget-container ul.menu{
	margin:0;
}

.widget-container > ul li,
.widget-container ul.menu li{
	background:url(images/bg_dark_divider_3.png) left bottom no-repeat;
	margin:0 0 0.5em 0;
	padding:0 0 0.6em 0;
}

.widget-container > ul li:last-child,
.widget-container ul.menu li:last-child {
	background:none;
}

.sidebar .widget-container > ul a:hover {
	color:#333;
}

/*-------------------------------Dividers------------------------------*/

.divider {
	height:1px;
	background:#ccc url(images/bg_divider.png) right top no-repeat;
	clear:both;
	margin-bottom:2em;
}

.divider.style-2 {
	margin:-0.5em 0 1em 0;
}

.divider.style-3 {
	margin-bottom:0;
}

.divider.style-4 {
	margin:-0.5em 0 0 0;
}

.divider.style-5 {
	margin:0 0 1em 0;
}

/* ---------------------------- Dropcaps ------------------------------*/

.dropcap {
    float: left;
	line-height: 1em;    
    margin: 0 10px 0 0;
    padding: 3px 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;	
	text-align:center;
	font-size: 3.5em;
}

.dropcap.style-2,
.dropcap.style-3 {
	width:1.5em;
	height:1.5em;	
	padding:0;
	line-height:1.5em;
	font-size: 3.5em;
}

.dropcap.style-2,
.dropcap.style-4 {
	color:#2B2B2B;
	border:2px solid #2b2b2b;
}

.dropcap.style-3,
.dropcap.style-5 {
	color:#fff;
	background:#2b2b2b;
}

.dropcap.style-4,
.dropcap.style-5 {
	padding:0;
	width:2em;
	height:2em;
	line-height:2em;
	font-size:1.5em;
	margin:0 10px 5px 0;
}

/*------------------------------- Tabs ------------------------------*/

.tabs-container {
	margin-bottom:2em;
	overflow:hidden;
}

.tabs-container ul.tabs{
	margin:0;
}

.tabs-container .panes > br {
	display:none;
}	

.tabs-container .panes{
	overflow:hidden;	
	position:relative;
	z-index:0;
	transition: height 1s;
	-moz-transition: height 1s;
	-webkit-transition: height 1s;
	-o-transition: height 1s;
}

.horizontal-tabs ul.tabs li{
	padding:0.5em 20px;
	margin:0;
	float:left;
	background:none;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	cursor:pointer;
	background-color:#eee;
	color:#666;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
}

.horizontal-tabs .panes {
	clear:both;
}

.horizontal-tabs ul.tabs li:hover {
	background-color:#E8E8E8;
}

.horizontal-tabs ul.tabs li:last-child{
	border-right:1px solid #ccc;
}

.horizontal-tabs ul.tabs li.active{
	background-color:#fff;
	padding-bottom:0.6em;
	margin-bottom:-1px;
	position:relative;
	z-index:1;
	color:#333;
}

.horizontal-tabs .panes .pane {
	display:none;
	padding:1.5em 20px 0 20px;
	border:1px solid #ccc;
	overflow:hidden;
}

.vertical-tabs {
	margin-bottom:1em;
}

.vertical-tabs ul.tabs {
	float:left;
	width:22%;
}

.vertical-tabs ul.tabs li {
	display:block;
	margin:0;
	padding:0;
	background:none;
	position:relative;
	cursor:pointer;
}

.vertical-tabs ul.tabs li span{
	display:block;	
	padding:0 15px;
	line-height:32px;
	height:32px;
	background-image:none;
	font-weight:bold;
}

.vertical-tabs ul.tabs li.active span{	
	font-weight:normal;
	color:#fff;
	text-shadow:  0 -1px 0 rgba(0,0,0,0.2);
	border-left:1px solid #525252;
	background:url(images/tab_bg.png) right top no-repeat;
}

.vertical-tabs ul.tabs li.active img.overlay {
	display:block;
}

.vertical-tabs .panes {
	float:right;
	width:74%;
}

.vertical-tabs .panes .pane {
	display:none;
}

/*------------------------------ Toggle Contents -----------------------------*/

.toggle {
	overflow:hidden;
	position:relative;
	margin-bottom:1em;
}

.toggle .toggle-title {
	font-size:1.2em;
	padding:1em 20px 1em 45px;
	cursor:pointer;
	background:url('images/toggle_icons.png') 15px 15px no-repeat;
	border:1px solid #ccc;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
}

.toggle .toggle-title:hover {
	background-color:#eee;
}

.toggle.active .toggle-title{	
	background-position:15px -90px;
	background-color:#eee;
}

.toggle .toggle-content{
	padding:1.5em 20px 0.5em 20px;
	display:none;
	border:1px solid #ccc;
	border-top-width:0;	
	overflow:hidden;
}

/* ---------------------------- Alerts ------------------------------*/

.alert{
	margin-bottom:1em;
	padding:1em 20px;
	background:#F07D7C;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	border:1px solid rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.65);
	font-weight:bold;
}

.alert.success {background:#C2DA8A;}
.alert.info {background:#BAD5F1;}

/* ============================== PAGE STYLES ========================== */

/*---------------------------------Gallery-------------------------------*/

ul.filter {
	display:inline-block;
	overflow:hidden;
	margin:0 0 2em 0;
}

ul.filter li {
	display:block;
	float:left;
	background:none;
	margin:0;
	padding:0;
}

ul.filter li a {
	display:inline-block;
	cursor:pointer;
	width:auto;
	padding:0.5em 1em;
	font-size:1em;
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,0,0,0.05);
	border-left-color:rgba(255,255,255,0.2);
	text-shadow:  0 -1px 0 rgba(0,0,0,0.2);
	color:#fff;
	background-color:#636363;	
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}

ul.filter li a:hover {
	background-color:#2b2b2b;
}

ul.filter li:first-child a {
	border-color:rgba(0,0,0,0.05);
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

ul.filter li:last-child a {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

ul.filter li.active a {
	background-color:#F98123;
}

.gallery-grid {
	position:relative;
	width:104.5%;	
	text-align:center;
	margin-bottom:-1em;
}

ul.gallery{
	display:block;
	overflow:hidden;
	margin:0;
	width:100%;
	transition: height 0.5s;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;	
}

ul.gallery li{
	margin-bottom:1em;	
	padding:0!important;
	background:none!important;	
	float:left;
}

.gallery-grid ul.gallery li{
	margin-bottom:2em;
	margin-right:3.9%;	
}

ul.gallery li .thumb a {
	display:block;
	overflow:hidden;
	position:relative;
}

ul.gallery li .thumb p {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:1em 15px;
	background:url(images/bg_opacity_70.png);
	color:#fff;
	margin:0;
}

ul.gallery.columns-2 li{
	width:46%;
}

ul.gallery.columns-3 li{
	width:29.4%;	
}

ul.gallery.columns-4 li{
	width:21.1%;
}

/*-------------------------------Gallery Single------------------------------*/

.gallery-details {
	overflow:hidden;
	margin-bottom:1em;
}

.gallery-details .gallery-slider-wrapper, 
.gallery-details .description {
	width:48%;
	float:left;
}

.gallery-details .gallery-slider-wrapper {
	margin:0 4% 2em 0;
}

.gallery-details .gallery-slider-wrapper iframe {
	width:100%!important;
}

.gallery-details ul.meta {
	border:1px solid #ccc;
	padding:0.5em 0;
	margin-bottom:2em;
	-moz-box-shadow:0 4px 10px rgba(204,204,204,0.4);
	-webkit-box-shadow:0 4px 10px rgba(204,204,204,0.4);
	box-shadow:0 4px 10px rgba(204,204,204,0.4);
}

.gallery-details ul.meta li {
	margin:0;
	padding:0.5em 15px;
	background:none;
	border-bottom:1px solid #eee;
}

.gallery-details ul.meta li:last-child {
	border-width:0;
}

/*-------------------------------Blog------------------------------*/

.post {
	clear:both;
	overflow:hidden;
	margin-bottom:1em;
}

.post.post-single {
	margin-bottom:1em;
}

.post  > .thumb {
	margin-bottom:2em;
}

.post-meta {
	overflow:hidden;
	width:100%;
}

.post-meta span,
.post-meta a.comments{
	float:left;
	margin-right:12px;
	padding:0.5em 0 0.5em 20px;
}

.post-meta span.author {
	background:url(images/author_icon.png) 0 0.5em no-repeat;
}

.post-meta a.comments {
	background:url(images/comment_icon.png) 0 0.7em no-repeat;
	padding-left:22px;
	color:#333;
	float:right;
}

.post-meta span.comments a {
	color:#333;
}

.post-meta span.date {	
	background:url(images/date_icon.png) 0 0.6em no-repeat;
	padding-left:22px;
}

/*-------------------------------Comments------------------------------*/

.comment-list {
	overflow:hidden;
	clear:both;
}

.comment-list ol {
	display:block;
	padding:0 0 1.5em 0;
	margin:0;
}

.comment-list ol li {
	list-style:none;
	padding:0;
	display:block;
	margin-bottom:1.5em;
	background:none;
	overflow:hidden;
}

.comment-list ol li p {
	margin:0;
}

.comment-list ol li .avatar-container {
	float:left;	
	text-align:center;
	margin-right:15px;
}

.comment-list ol li .avatar-container img {
	display:block;
	border:1px solid #ccc;
	padding:4px;
	margin-bottom:0.2em;
}

.comment-list ol li .avatar-container a {
	font-size:0.8em;
}

.comment-list ol li span.author {
	display:block;
	font-weight:bold;
}

.comment-list ol li span.author a {
	color:#333;
}

.comment-list ol li span.date {
	display:block;
	font-style:italic;
	margin-bottom:0.5em;
	color:#636363;
}

.comment-list ol li ul {
	padding:2em 0 0 85px;
	margin:0;
}

.comment-list ol li ul a.comment-reply-link {
	display:none;
}

.comment-form {
	overflow:hidden;
	width:50%;
}

.comment-form textarea {
	height:5em;
}

.comment-form input[type="text"],
.comment-form select,
.comment-form textarea {
	display:block;
	width:90%;
}

/*--------------------------------Contact Form-------------------------------*/

.contact-form textarea {
	height:5em;
}

.contact-form input[type="text"],
.contact-form select,
.contact-form textarea {
	display:block;
	width:96%;
}

.contact-form .captcha {
	overflow:hidden;
}

.contact-form .captcha img {
	float:left;
	margin-right:10px;
	height:29px;
	width:auto;
}

.contact-form .captcha input {
	float:left;
	width:70px;
}

/*--------------------------------- 404 Page --------------------------------*/

.error-404 {	
	text-align:center;
	font-size:20em;
	line-height:0.8em;
	color:#fff;
	text-shadow:0px 0px 30px #ccc;
	padding:0 0 0.1em;
	margin-bottom:30px;
}

.error-404 img {
	display:block;
	width:100%;
}

/*-------------------------------Widget Tags------------------------------*/

.tagcloud {
	overflow:hidden;
}

.tagcloud a {
	display:block;
	float:left;
	border:1px solid #ccc;
	overflow:hidden;
	margin:0 0.5em 0.5em 0;
	font-size:1em!important;
	color:#333!important;
	padding:0.3em 10px;
	text-shadow:0px 1px 0px #fff;
	background:#eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:0 -4px 4px rgba(0,0,0,0.04) inset;
	-webkit-box-shadow:0 -4px 4px rgba(0,0,0,0.04) inset;
	box-shadow:0 -4px 4px rgba(0,0,0,0.04) inset;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}

.tagcloud a:hover {
	background-color:#636363;
	border-color:#525252;
	color:#fff!important;
	text-shadow:0px -1px 0px rgba(0,0,0,0.4);	
}

/* ================================= WIDGETS ============================ */

/*---------------------------------Widget Posts---------------------------*/

ul.posts {
	display:block;
	overflow:hidden;
}

ul.posts li {
	background-image:none;
	padding:0;
	margin-bottom:1em;
	overflow:hidden;
}

ul.posts li .thumb {
	float:left;
	width:30%;
}

ul.posts li .thumb:hover{
	background-color:#F98123;
}

ul.posts li  .excerpt {
	float:right;
	width:60%;
}

ul.posts li  .excerpt > a {
	font-weight:bold;
}

ul.posts li  .excerpt p {
	margin:0;
}

/*-------------------------------Widget Twitter------------------------------*/

.widget-twitter  ul{
	display:block;
}

.widget-twitter  ul li {
	display:block;
	overflow:hidden;
	margin-bottom:0.5em;
	padding-bottom:0;
	background:url(images/icon_twitter.png) left top no-repeat;
	position:relative;
}

.widget-twitter  ul li:last-child {
	background:url(images/icon_twitter.png) left top no-repeat;
}	

.widget-twitter  ul li > span {
	display:block;
	background:url(images/bg_dark_divider_3.png) 24px bottom no-repeat;
	padding-bottom:0.5em;
	padding-left:24px;
}

.widget-twitter  ul li:last-child span {
	background:none;
}

/*---------------------------------Widget Map--------------------------------*/

.map-canvas {
	height:270px;
	border:4px solid #ddd;
}

/*-------------------------------Widget Testimonials-------------------------*/

.testimonials  {
	margin-bottom:1em;
}

.testimonials  ul{
	display:block;
	position:relative;
	left:0;
	top:0;
	margin:0;
}

.testimonials  ul li {
	background:none;
	padding:0;
	margin:0;
	display:none;
}

.testimonials p {
	margin:0;
}	

.testimonials  ul li > span {
	display:block;
	text-align:center;
	font-weight:bold;
	background:url(images/bubble_arrow.png) center top no-repeat;
	padding-top:1em;
	margin-top:-1px;
}	

.testimonials blockquote {
	padding:1em 20px;
	font-size:1.2em;
	border:1px solid #C4C4C4;
	box-shadow:0 0 5px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	background:#fff;
	margin:0;
}

/*---------------------------------Widget Subscribe---------------------------*/

.widget-subscribe  input[type="text"]{
	display:block;
	float:left;
	margin-right:5px;
}

.widget-subscribe input.button {
	float:right;
}

.widget-subscribe .message{
	margin-bottom:1em;
	padding:0.5em 15px;
	background:#F07D7C;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	border:1px solid rgba(0,0,0,0.1);
	color:rgba(0,0,0,0.65);
	font-weight:bold;
}

.widget-subscribe .success {
	background:#C2DA8A;
}

/*---------------------------------Widget Flickr------------------------------*/

.widget-flickr {
	overflow:hidden;
}

.widget-flickr #flickr_badge_wrapper {
	width:105%;
	overflow:hidden;
}

.widget-flickr .flickr_badge_image {
	width:29%;
	float:left;
	position: relative;
	margin-right:3.95%;
	padding-bottom: 0.5em;
}

.widget-flickr .flickr_badge_image img {
	width:90%;
	height:auto;
}

/*---------------------------------Widget Social Links------------------------------*/

.widget-social a {
	float:left;
	display:block;
	width:24px;
	height:24px;
	background:url(images/icons_social.png);
	font-size:0px;
	line-height:0px;
	margin-right:6px;
}

.header .widget-social a {
	margin:0 0 0 6px;
	opacity: 1;
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
}

.widget-social a.rss { background-position:-48px 0; }
.widget-social a.twitter { background-position: -24px 0; }
.widget-social a.dribble { background-position:0 0; }
.widget-social a.linkedin { background-position: -72px 0; }
.widget-social a.vimeo { background-position: -192px 0; }
.widget-social a.youtube { background-position: -168px 0; }
.widget-social a.flickr { background-position: -144px 0; }
.widget-social a.google { background-position: -120px 0; }
.widget-social a.facebook { background-position: -96px 0; }

.widget-social a:hover {opacity:0.7;}

/*---------------------------------Widget Search------------------------------*/

.widget_search label {
	display:none;
}	

/* =============================== RESPONSIVE STYLES ============================ */
/*----------------------------------1000-1600 Width---------------------------------*/

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
  .header-wrapper {
  background:url(images/cahier_header_1000.png) center top no-repeat;
   	  	overflow:hidden;
}

	.global-wrapper {
		width:1000px;
		margin:0px auto;
		background:url(images/cahier_contenu_1000.png) repeat-y;
	}
	
	.footer-widgets-wrapper{	
		background:url(images/cahier_footer_1000.png) center top no-repeat;
	overflow:hidden;
                     
}
	
	.error-404 {
		font-size:15em;
	}
	
	.menu-container .menu{
		width:88.5%;
		margin:0 5em auto;
	}
	
		.breadcrumbs { 
			width:82.5%;                   
	    overflow:hidden;            
		  margin:0 5em auto;      
  }   
	
	.content {
	padding:2em 6em;
	overflow:hidden;
	position:relative;
}

.content.left, 
.content.right {
	width:59%;	
}

.sidebar {
	width:28%;
	padding:3em 30px;
	overflow:hidden;
}
.header {
	overflow:hidden;    
	padding:0 0 0 0;	
}

.zonecliquable1 {
width:1000px;
height:285px;
  margin:0px auto;
}

.zonecliquable1 a#zone1 {
	  height: 7.5em; 
  width: 13em; 
  float:left;
  margin:0;
  margin-top: 17.5%;
  margin-left: 5em;
}


.zonecliquable1 a#zone2 {
	height: 7.5em; 
  width: 56%; 
  float:left;
	margin-left: 0;
	margin-top: 17.5%;
}

.zonecliquable1 a#zone3 {
		height: 7.5em; 
  width: 12%; 
  float:left;
	margin-left: 0;
	margin-top: 17.5%;
}

.zonecliquable2 a#zone1 {
	height: 5em; 
  width: 4em; 
  float:right;
	margin-right: 4%;
	margin-bottom: 0;
}


}

/*----------------------------------768-999 Width---------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 999px) {
 .header-wrapper {
  background:url(images/cahier_header_768.png) center top no-repeat;
   	  	overflow:hidden;
}

	.global-wrapper {
		width:768px;
		margin:0px auto;
		background:url(images/cahier_contenu_768.png) repeat-y;
	}
	
		.content-wrapper {
  width:768px;
  	margin:0px auto;     
}
	
	.footer-widgets-wrapper{	
		background:url(images/cahier_footer_768.png) center top no-repeat;
	overflow:hidden;
                     
}

.footer-widgets{
		color:#2b2b2b;
	overflow:hidden;
	padding:11em 30px 0 30px;	
}

	.menu-container .menu{
		width:88.5%;
				  	margin:0 4em auto;
	}
	
		.breadcrumbs { 
			width:80.5%;                   
	    overflow:hidden;            
		  margin:0 4em auto;      
  }
  	
.content.left, 
.content.right {
	width:52%;
  margin:0 2.5em auto;	
}
.sidebar {
	width:31%;
	padding:1.5em 30px;
	overflow:hidden;
}

.header {
	overflow:hidden;    
	padding:0 0 0 0;	
}


.zonecliquable1 {
width:768px;
height:203px;
  margin:0px auto;
}

.zonecliquable1 a#zone1 {
	  height: 5.5em; 
  width: 10em; 
  float:left;
  margin:0;
  margin-top: 9em;
  margin-left: 4em;
}


.zonecliquable1 a#zone2 {
	height: 5.5em; 
  width: 55%; 
  float:left;
	margin-left: 0;
	margin-top: 9em;
}

.zonecliquable1 a#zone3 {
		height: 5.5em; 
  width: 16%; 
  float:left;
	margin-left: 0;
	margin-top: 9em;
}

.zonecliquable2 a#zone1 {
	height: 2.5em; 
  width: 3em; 
  float:right;
	margin-right: 2.5%;
	margin-bottom: 0;
}

	.content-wrapper2 .logo {
	float:center;
	font-size:1.8em;
	font-family:Open Sans;
	text-align:center;
}

	.logo {
		float:none;
		width:92%;
		text-align:center;
		margin-bottom:0.5em;
	}
	
	.logo img {
		display:inline!important;
	}
	
	.error-404 {
		font-size:15em;
	}

	
}

/*----------------------------------480-767 Width---------------------------------*/
/*
@media only screen and (min-width: 481px) and (max-width: 767px) {	
	.global-wrapper {
		width:480px;
	}
	
	.one-fourth{
		width:48%!important;
		display:inline-block;
	}
	
	ul.gallery li {
		width:46.16%!important;
	}
	
	ul.posts {
		width:104%;
	}
	
	ul.posts li {
		float:left;
		width:47%!important;
		margin-right:3%;
	}
	
	.error-404 {
		font-size:9em;
	}
}*/

/*------------------------------------0-767 Width---------------------------------*/

@media only screen and (max-width: 767px) {

.header-wrapper {
  background:url(images/cahier_header_480.png) center top no-repeat;
   	  	overflow:hidden;
}

	.global-wrapper {
		width:480px;
		margin:0px auto;
		background:url(images/cahier_contenu_480.png) repeat-y;
	}
	
	.content-wrapper {
  width:480px;
  	margin:0px auto;     
}

.content.left, 
.content.right {
  	margin:0 1em auto;	
}

.sidebar.right {
  	margin:0 1em auto;	
}

	.footer-widgets-wrapper{
  background:url(images/cahier_footer_480.png) center top no-repeat;	
	overflow:hidden;
                     
}
.footer-widgets{
		color:#2b2b2b;
	overflow:hidden;
	padding:1.7em 30px 0 30px;	
}

.header {
	overflow:hidden;   
	padding:0 0 0 0;	

}
 
	.content,
	.sidebar {
		float:none;
		width:auto!important;
		     
	}	
	
	.content,
	.sidebar {
		padding: 3em 30px 0 30px!important;  
	}
	
	.alignleft,
	.alignright {
		float:none;
		clear:both;
		margin:0 0 1em 0;
	}
	
	.content-wrapper2 .logo {
	float:center;
	font-size:1.5em;
	font-family:Open Sans;
	text-align:center;
}

	.logo {
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:0.5em;
	}

.zonecliquable1 {
width:480px;
height:63px;
  margin:0px auto;
}
	
	.zonecliquable1 a#zone1 {
	  height: 4.5em; 
  width: 6.4em; 
  float:left;
  margin-left: 3em;
  margin-top: 0;
}


.zonecliquable1 a#zone2 {
	height: 4.5em; 
  width: 55%; 
  float:left;
	margin-left: 0;
	margin-top: 0;
}

.zonecliquable1 a#zone3 {
		height: 4.5em; 
  width: 12%; 
  float:left;
	margin-left: 0;
	margin-top: 0;
}

.zonecliquable2 a#zone1 {
	height: 1.5em; 
  width: 2em; 
  float:right;
	margin-right: 2%;
	margin-bottom: 0;
}
	
	.logo img {
		display:inline!important;
	}

	.menu-container .menu{
		display:none;
	}
	
	.select-menu {
		display:block;
		width:80%;
    overflow:hidden;        
	  margin:0 2.5em auto;
	}
	
	.breadcrumbs { 
			width:76%;                   
	    overflow:hidden;            
		  margin:0 2.5em auto;      
  }    
        
	.header .widget-container {		
		text-align:center;
		clear:left;
		float:none;
	}
	
	.header .widget-social a {
		display:inline-block;
		float:none;
	}
	
	.one-third,
	.two-third,
	.three-fourth,
	.footer-widgets .widget-container,
	.gallery-details .description, 
	.gallery-details .gallery-slider-wrapper	{
		width:100%!important;
		margin-right:0;
		margin-left:0;
	}
	
	.gallery-details {
		margin-bottom:2em;
	}
	
	ul.filter li a{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-right:3px;
		margin-bottom:3px;
	}
	
	.comment-form {
		width:100%;
	}
	
	.horizontal-tabs ul.tabs li{
		float:none;
		clear:both;
		border:1px solid #ccc;
		margin-bottom:-1px;
	}
	
	.horizontal-tabs ul.tabs li.active {
		margin-top:0;
		padding-bottom:0.5em;
	}
	
	.vertical-tabs ul.tabs ,
	.vertical-tabs .panes{
		float:none;
		width:auto;
	}
	
	.vertical-tabs ul.tabs {
		margin-bottom:1em;
	}

}

/*-----------------------------------0-479 Width---------------------------------*/

@media only screen and (max-width: 479px) {
.header-wrapper {
  background:url(images/cahier_header_logo_320.jpg) center top no-repeat;
   	  	overflow:hidden;
}

	.global-wrapper {
		width:320px;
		margin:0px auto;
		background:url(images/cahier_contenu_320.jpg) repeat-y;
	}
	
	.content-wrapper {
  width:320px;
  	margin:0px auto;     
}

	.footer-widgets-wrapper{
	background:url(images/cahier_footer_320.png) center top no-repeat;	
	overflow:hidden;               
}

.footer-widgets{
		color:#2b2b2b;
	overflow:hidden;
	padding:1em 30px 0 30px;	
}

.header {
	overflow:hidden;    
	padding:0.2em 30px 0 0px;	
}

	.logo {
		float:none;
		width:98%;
		text-align:center;
		margin-bottom:0.5em;
	}
	
	
.zonecliquable1 a#zone1 {
  height: 0; 
  width: 0; 
  float:left;
	margin-left: 0;
	margin-top: 0;
}


.zonecliquable1 a#zone2 {
	height: 2em; 
  width: 65%; 
  float:right;
	margin-right: 4em;
		margin-left: 0;
			margin-top: 0;
}

.zonecliquable1 a#zone3 {
  height: 2.5em; 
  width: 2.5em; 
  float:left;
  margin:0;
}

.zonecliquable2 a#zone1 {
	height: 0; 
  width: 0; 
  float:right;
	margin-right: 0;
	margin-bottom: 0;
}

  .select-menu {
		display:block;
		width:100%;
    overflow:hidden;        
	  margin:0 auto;
	}
	
	.breadcrumbs { 
			width:100%;                   
	    overflow:hidden;            
		  margin:0 auto;      
  } 
	
	.column{
		width:100%!important;
	}
	
	ul.gallery li {
		width:97%!important;
	}
	
	.comment-list ol li ul {
		padding:1em 0 0 0;
		margin:0;
	}
	
	.post-meta {
		padding:0.5em 0;
	}
	
	.post-meta span, .post-meta a.comments {
		clear:both;
		di