/*
Theme Name: Alternatys
Version: 1.0
Description: .
Author: Designs genius
Author URI:
Theme URI:

	00. Reset
	01. Body
	02. General
	03. Lists
	04. Typography
	05. Header
	06. Logo and navigation
	07. Homepage & custom post formats
	08. Flexslider
	09. jPlayer
	10. Post formats
	11. Meta types
	12. Pagination
	13. Footer
	14. Forms, inputs & buttons
	15. Comments
	16. 404 page
	17. Standard wordpress styles
	18. Backup elements
	19. Media queries (responsiveness)

*/



/* 00. RESET
------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

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

.tableResults{
	font-size:0.95em;
	margin-bottom:30px;
}

.width100{
	width:100%;
}
.width45{
	width:55%;
}

.aGauche{
	float: left;
	margin-right:10px;
}

.aDroite{
	float: right;
}

.tableResults th{

	text-align:center;
	background-color:#d6e6ff;
	border:1px solid #D1D1D1;
	font-weight:900;

}
.tableResults td{

	border:1px solid #D1D1D1;

}

.lastCell{

	background-color:#d6e6ff;
	width:30px;
	text-align:center;
}

.lastCellResults{

	background-color:#d6e6ff;
	width:50px;
	text-align:center;

}

.secondCell{

	width:30px;
	text-align:center;

}

.cellResults{

	width:50px;
	text-align:center;

}


.firstCell{

	padding-left:4px;

}

.ligneBlanche{

	background-color:white;

}

.ligneGrise{

	background-color:#E8E8E8;

}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 2px #999;
	color: #000;
	border-radius: 5px 5px 5px 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background-color:#d6e6ff;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {

	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {

}

#popup_content.confirm {

}

#popup_content.prompt {

}

#popup_message {
	text-align:center;
}

#popup_panel {
	text-align: center;

}

#popup_prompt {
	margin-left:100px;
}

/* 01. BODY
------------------------------------- */

body {
	background: #F7F7F7;
	background-image: url(includes/images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	nowhitespace: afterproperty;
	font: 400 14px/28px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #888;
	line-height: 2.050em;
	padding: 0px 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

::selection, ::-moz-selection, ::-webkit-selection { background: #FE544A;
color: #fff;}

.right{
text-transform:none;
padding-right:0px !important;
display:block!important;
font-size: 1.1em;
color: #8d9398;
padding-bottom:30px;}

body a {
	color: #fe544a;
transition: color 0.2s;
	-moz-transition: color 0.2s;
	-webkit-transition: color 0.2s;
}

a{-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
body a:hover {
	color: #999;
}

#wrap {
	max-width: 800px;
	min-width: 280px;
	margin: 0 auto;
}

#searchtop {
	max-width: 960px;
	min-width: 280px;
	margin: 0 auto;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:40px;
}




/* 02. GENERAL
------------------------------------- */



img {
	max-width: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

i {
	padding-right: 5px;
}

.clear {
	clear: both;
}


.divImage{

	width:45%;
	height:250px;
	float:left;
	margin:2.3%

}


.divImagesReponses{



	float:left;
	width:45%;
	height:250px;
	float:left;

}

.grandeImage{

	margin:auto;
	display:block;

}



/*blockquote*/
blockquote {
	position: relative;
	margin: 30px 0px;
	padding-left: 40px;
	margin-left:20px;
	padding:30px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	color:#555;
	font-style: normal;
	border-left:4px solid #F7F7F7;
}

blockquote p:last-child {
	margin: 0;
}

blockquote p {
	padding-left:40px;
}

/*code*/

code {
	position: relative;
	margin: 30px 0px;
	padding-left: 40px;
	padding:30px 30px 30px 70px;
	display:block;
	font-style: normal;
	background: #F8F8F8 url(includes/images/icons/code.png) no-repeat 20px 35px;
}

code p {
	padding-left:40px;
}

/*preformatted text*/
pre {

	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

/*address*/
address {
	letter-spacing: 1px;
	margin: 20px 0;
}

/*page featured image*/
#page-featured-img {
	position: relative;
	margin-bottom: 25px;
}

#page-featured-img img {
	display: block;
	width: 100%;
}

.post-entry-thumbnail
{
	position:relative;
	z-index:999;
}


/*wp*/
.sticky {
}

.gallery-caption {
}

#crumbs {
	float:right;
	font-size:14px;
}

#crumbs a {
	padding-left:10px;
	padding-right:10px;
	color:#666;
}


#crumbs a.backhome {
	text-transform:none;
}



#crumbs a:hover {
	color:#FE544A;
}

#crumbs span {
	padding-left:10px;
	text-transform:none;
}

/* 03. LISTS
------------------------------------- */

.post-entry-content ul {
	margin: 30px 0 30px 20px;
}

.post-entry-content ol {
	margin: 30px 0 30px 25px;
}

.post-entry-content ul {
	list-style: disc;
}

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

.post-entry-content ul li, .entry ol li {
	margin: 0 0 20px;
}

ul.check{
	list-style:none;
	padding:0;
	margin:0;
}


.check li { background: url(includes/images/icons/tick.png) no-repeat 3px 8px; padding-left:30px;}

/* 04. TYPOGRAPHY
------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.4em;
	font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
	font-weight:600;
}

h1, h2, h3, h4, h5, h6 {
	color: #444;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #444;
}

header h1 a, header h2 a, header h3 a, header h4 a, header h5 a, heaader h6 a {
color: #595959;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #FE544A;
	text-decoration: none;
}

.post-entry-content h2, .post-entry-content h3, .post-entry-content h4, .post-entry-content h5, .post-entry-content h6 {
	margin: 30px 0 30px;
	text-transform: none;
	font-weight:400;
}

h1 {
	font-size: 2.2em;
	margin: 0 0 20px;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.6em;
}

h5 {
	font-size: 1.4em;
}

h6 {
	font-size: 1.2em;
}

p {
	margin: 0 0 20px;
}

.entry p:last-child {
	margin: 0;
}

p img {
	margin: 0;
}

p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

small {
	font-size: 80%;
}

hr {
	border: solid rgba(0, 0, 0, 0.2);
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;

}

p a, p a:visited {
	line-height: inherit;
}

a:link {
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a {
	outline: 0;
}

p a, p a:visited {
	line-height: inherit;
}

a:link {
	text-decoration: none;
}

.post-entry-footer .icon-minus {
	background:url(includes/images/seperator.png) no-repeat center center;
	width:1px;
	height:15px;
	padding-left:7px;
	padding-right:10px;
}


.icon-minus {
	background:url(includes/images/seperator.png) no-repeat center center;
	width:1px;
	height:20px;
	padding-left:6px;
	padding-right:0px;
}



a:focus {
	outline: 0;
}


/* Headings */

/*page heading*/
#page-heading {
padding: 55px 0;
width: 80%;
margin: 0 auto;
background:#FFF;

}

.offsetarchive{
margin-bottom: 0px!important;
}

#custom-archive {
	margin:0px auto;
	font-size: 14px;
	line-height: 20px;
	padding-top:60px;
	text-align: left;
	margin-bottom:40px;
	background:#FFF;
}

#custom-archive h5{
	padding-bottom:20px;
}

.acolumn {
	display: inline-block;
	width: 27%;
margin-right: 55px;
	float:left;
}

.acolumn.last {
	margin-right:0;
	float:left;
}


.acolumn ul {
	padding: 0;
	margin: 0 0 0px 0;
}

.acolumn ul .children {
	padding-left:15px;
}


.atable{
	margin-bottom:40px;
}

.acolumn li {
	list-style-type: none;
	margin-bottom: 0px;
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px dashed #EEE;
}

.acolumn li:last-child {
	border-bottom:none;
}

.atable h3 {
	padding-bottom:20px;
	text-transform:uppercase;
}


.offset{
padding: 0px!important;
}

#search-results-page{
	padding: 55px 0;
width: 80%;
margin: 0 auto;
background:#FFF;
}

.search-page-entry-text {
	padding: 55px 0;
	width: 80%;
	margin: 0 auto;
	background:#FFF;
}

.search-page-entry-wrap {
	background:#FFF;
	margin-bottom:0px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom:1px solid #EEE;
}


.searchoffset{
	padding-bottom:100px;
	margin-bottom:30px;
}


.search-page-entry-text h2 a{
text-align: left;
margin: 0 0 0px;
color:#595959;
font-size: 1.100em;
padding-bottom: 50px;
font-weight: 400;
}


.search-page-entry-text .tag-links{
display:block;
float:left;
}

.search-page-entry-text .cat-links{
display:block;
float:left;
}

#search-result-block{
padding-bottom:40px;
border-bottom:1px dashed #EEE;
padding-top:40px;
}

#search-result-block:first-child{
padding-top:0px;
}

#search-result-block:last-child{
padding-bottom:40px;
border-bottom:none;
}


.search-page-entry-text h2.entry-title{
padding-bottom:20px;
}

.search-page-entry-text .post-entry-meta{
border-bottom:none;
padding-bottom:10px;
}


.search-page-entry-text .post-entry-footer{
padding-top:0px;
}

h1.archivehead {
text-align: left;
text-transform: uppercase;
margin: 0 0 10px;
font-size: 1.200em;
padding-bottom: 20px;
border-bottom: 1px dashed #EEE;
}

.icon-calendar{
	padding-right:20px;
}

.icon-search{
	padding-right:0px;
}


.icon-copy{
	padding-right:20px;
}

.icon-tags{
	padding-right:20px;
}


/* 05. HEADER
------------------------------------- */

/*header*/
#header {
	position: relative;
	margin-bottom: 0px;
	font-family: 'Open Sans', Helvetica, Arial, Helvetica, sans-serif;
	min-height:80px;
	margin:0 auto;
	margin-top:90px;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	background-color:#d6e6ff;
}

.accentline{border-bottom:1px solid #fe544a; width:50px; height:1px;margin-bottom:50px;margin-top:-2px;}

#header-wrap {
	margin-bottom:0px;
	background:#000;
	display:block;
}

.close {
	position: absolute;
	top:20px;
	right:-47px;
	color:#FFF;
	filter: alpha(opacity=30);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
}

.close:hover {

	filter: alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
}




#searchbar {
	display:block;
}


.search-drop{

	float:right;
	position:absolute;
	top:34px;
	right:50px;
	color:#61666E;
	display:block;
	padding-left:20px;
	line-height: 32px;
	font-weight:bold;

}

a.navtoggle {
	color:#FFF;
	display:block;
	padding-right:10px;
	float:left;
-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a.navtoggle:hover {
	color:#FFF;
}


a.searchdrop:hover{
	color:#FFF;
}

#header-minusnav{

	width:80%;
	margin:0 auto;

}

#page-header {
	background-color: #FFF;
}

#search-results-page #page-header {
	background-color:#FFF;
}

#search-results-page #homepage-title {
	background-color:#FFF;
	padding-left:0px;
	margin-left:0px;
}

#page-heading {
background: #F8F8F8;
padding:0;
width:100%;
}

.archive-title {
color: #595959;
font-weight: bold;
font-family: Arial, sans serif;
margin-bottom: 0px;
text-transform: none;
font-size: 2.2em;
padding: 40px 40px;
margin: 0 auto;
text-align:center;
margin-bottom: 0px;
width: 80%;
}

/* 06. NAVIGATION & LOGO
------------------------------------- */

/*logo*/


#logo h1 a, #logo h2 a {
	display: block;
	text-align:center;
	width:80%;
	margin:0 auto;
	font-family: 'Abel', Helvetica, Arial, Helvetica, sans-serif;
font-weight: 300;
	padding: 0px;
	padding-bottom:30px;
	padding-top:20px;
	letter-spacing: -1px;
-webkit-font-smoothing: antialiased;
	text-decoration: none;
	color: #fff;
	font-size:1.6em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;

}

.tagline {
	border-bottom:1px solid #1d1d1d;
	font-size: 14px;
	padding-bottom:20px;
	padding-top:20px;
	width:70%;
	margin:0px auto;
	display:block;
	margin-bottom:30px;
	text-align:center;
	line-height: 22px;
	font-family:Arial;
	color: #888;
}

#logo h1 a:hover, #logo h2 a:hover {
	color: transparent !important;
display: block;
text-shadow: 0px 0px 5px white;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

h1.logo-footer, h1.logo-footer a {

	font-family: "Abel", Helvetica, Arial, "Lucida Grande", sans-serif;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	color: #FFF;
	font-size:2.5em;
	font-weight:300;
	line-height:40px;
	padding-bottom:20px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

h1.logo-footer:hover, h1.logo-footer a:hover {
color: transparent;
text-shadow: 0px 0px 5px white;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


#logo img {
	display: block;
	max-width: 316px;
	/*max-height:101px;*/
	margin:0 auto;
	width:316px;
	height:159px;
}

#logo h1, #logo h2 {
	margin: 0 auto;
	line-height: 1em;
	font-size: 1.8em;
	font-weight: 400;
}

/*hide responsive nav*/
#top-bar .selector,
#navigation .selector {
	display: none;
}

/* dropdown menu */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu {
	line-height: 1.0;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 180px;
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit;
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0px;
	top: 30px;
	z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 180px;
	top: 1px;
}

#navigation {
	height: 50px;
	text-align:center;
	margin: 0 auto;
	margin-top: 20px;
	display:block;
}

#navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul {
	top: 23px;
}

#navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul,
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 200px;
	top: 0;
}

#navigation .sf-menu a {
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	color: #FFF;
	margin-left:10px;
	margin-right:10px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}


#navigation .sf-menu > li > a {

}

.menu-smallmenu-container ul{
	display:inline-block;
}

#menu-main-menu {
	display:inline-block;
}



#navigation .sf-menu li {
	float: left;
	position: relative;
	margin-left:10px;
}

#navigation .sf-menu > li > a:hover {
	border-bottom: 1px solid #FE544A;
}

#navigation .sf-menu > .current-menu-item > a,
#navigation .sf-menu > .current-menu-item > a:hover {
	font-weight: bold;
	border-bottom: 1px solid #FE544A;
}

#navigation .sf-menu > li.sfHover > a,
#navigation .current-menu-parent > a,
#navigation .current-menu-parent > a:hover{
	border-bottom: 1px solid #FE544A;
}

/*drop-down styles*/
#navigation .sf-menu ul {
	position: absolute;
	nowhitespace: afterproperty;
	top: -999em;
	margin-left:-25px;
	width: 200px;
	z-index: 9999;
	left: 20px;
	padding-top: 56px;
}

#navigation .sf-menu ul > li:first-child{

}
#navigation .sf-menu ul > li:last-child{

}
#navigation .sf-menu ul li {
	background: #000;
	border-bottom: 1px solid #000;
}

#navigation .sf-menu ul li:first-child {
	border-top: 0;
}

#navigation .sf-menu ul li:last-child {
	border-bottom: 0;
}

#navigation .sf-menu ul a {
	display: block;
	padding: 12px;
	color: #61666E;
	height: auto;
	margin: 0px;
	border: 0px;
	line-height: 1.8em;
	font-size: 12px;
	font-weight: bold;
	text-shadow: none;
	text-transform: none;
	text-align:left;
}

#navigation .sf-menu ul li > a:hover {
	background: #1A1919;
	color:#FFF;
}


/* 07. HOMEPAGE
------------------------------------- */

#homepage-header{
	position: relative;
	padding-bottom:70px;
}
#homepage-title{
	color: #595959;
	font-weight: bold;
	font-family: Arial, sans serif;
	margin-bottom: 0px;
	text-transform: none;
	font-size: 2.2em;
	padding:20px 20px;
	margin:0 auto;
	text-align:center;
	margin-bottom:40px;
	width:80%;
}


.line {
	border-bottom:1px solid #F7F7F7;
	width:80%;
	margin:0 auto;
}

.line2 {
	border-bottom:1px solid #FFF;
	width:100%;
	margin:0 auto;
	filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
}

#homepage-title h1{
	float:left;
}

.homepage-title-block{
	background:#F8F8F8;
	margin-bottom: 0px;
	padding:30px;
}
#homepage-title span.title{
	margin-right: 10px;
	display:block;
	width:100%;
	float:left;
}


#homepage-title span.current{
	margin-right: 0px;
}


/* 08. FLEXSLIDER
------------------------------------- */

/*flexslider*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider .slides li .flex-caption { background: #232528; width: 100%; opacity: 0.7;
-moz-opacity: 0.7;
-webkit-opacity: 0.7;}
.flexslider .slides li .flex-caption {position: absolute; bottom: 30px; padding: 15px 15px; color: #ffffff;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align:center;width:200px;}

/* FlexSlider Necessary Styles */
.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
	position:relative;
	z-index:999;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {
	display: block;
}

/*main*/
.flexslider-container {
	position: relative;
	z-index:999;
}

.flexslider {
	zoom: 1;
	position: relative;
}

.flexslider ul {
	margin: 0;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#gallery-slider .flex-direction-nav li a.flex-next,
#gallery-slider .flex-direction-nav li a.flex-prev {
	position: absolute;
	font-family:'Open sans', sans serif;
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	margin-top: -35px;
	bottom:-5px;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	background: #000;
	color: #fff !important;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;

}

#gallery-slider .flex-direction-nav li a.flex-next {
	left: 117px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:bold;
	content:"+";
	font-size: 16px;
	text-align: center;
	color: #fff !important;
	 transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
}

#gallery-slider .flex-direction-nav li a.flex-prev {
	left:81px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight:bold;
	content:"-";
	 transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
}

#gallery-slider .flex-direction-nav li a.flex-next:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	color: #fff;
	bottom:30px;
	background:#59d0d9;
	text-decoration: none;
}

#gallery-slider .flex-direction-nav li a.flex-prev:hover {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	color: #fff;
	bottom:30px;
	background:#59d0d9;
	text-decoration: none;
}

#gallery-slider:hover .flex-direction-nav li a.flex-prev {opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	bottom:30px;}

#gallery-slider:hover .flex-direction-nav li a.flex-next {opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	bottom:30px;}


/* 09. jPlayer
------------------------------------- */

/*
 * Skin for jPlayer Plugin (http://jplayer.org/)
 * jPlayer Version: 2.1.0
 *
 * Skin Name: Premium Pixels
 * Author: @thelukemcdonald (lukemcdonald.com)
 * Description: A responsive CSS3 jPlayer skin with playlist funcitonality. Design by @ormanclark (premiumpixels.com).
 * Version: 2.0
 * Tags: audio, playlist, dark, play, pause, volume-bar, progress-bar
 */

.jp-jplayer {
  width: 100%;
  height: 40px;
}
.jp-audio {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  font-size: 1em;
  font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  color: #fff;
  line-height: 1.6;
margin-bottom:0px;
}
.jp-audio a {
  text-decoration: none;
  color: #d2d6db;
}
.jp-audio a:hover {
  color: #ffffff;
}
.jp-interface {
  position: relative;
  height: 40px;
  width: 100%;
  z-index:999;
  background: #000;

}

.jp-no-solution{
	color: #777;
	margin-bottom: 20px;
	text-align: center;
}
.jp-no-solution a{
	color: #DD4B39;
}
.jp-no-solution a:hover{
	color: #DD4B39;
}

.jp-controls {
  float: left;
  width: 30px;
  height: 40px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 100;
}
.jp-controls:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 30px;
  width: 0;
  height: 40px;
}
.jp-controls li {
  float: left;
}
.jp-controls a {
  position: absolute;
  overflow: hidden;
  text-indent: -9999px;
}
.jp-play,
.jp-pause,
.jp-mute,
.jp-unmute {
  z-index: 1;
  outline: none;
  width: 30px;
  height: 40px;
  background-position: 10px center;
  background-repeat: no-repeat;
 -webkit-transition: opacity 0.1s ease-in-out;
 -moz-transition: opacity 0.1s ease-in-out;
 -o-transition: opacity 0.1s ease-in-out;
 transition: opacity 0.1s ease-in-out;
}

.jp-play {
  background-image: url('includes/images/audioplayer/play.png');
}
.jp-pause {
  display: none;
  background-image: url('includes/images/audioplayer/pause.png');

}
.jp-mute,
.jp-unmute {
  display: block;
  position: absolute;
  top: 0;
  right: 55px;
}
.jp-mute {
  background-image: url('includes/images/audioplayer/mute-off.png');
}
.jp-unmute {
  background-image: url('includes/images/audioplayer/mute-on.png');
}

.jp-progress {
  position: absolute;
  padding: 0 95px 0 40px;
  margin-top: 17px;
  margin-bottom: 12px;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 7px;
   -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.jp-seek-bar,
.jp-play-bar {
  width: 0px;
  height: 5px;
}
.jp-seek-bar {
  cursor: pointer;
  position: relative;
  z-index: 101;
  background: #000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.jp-seek-bar:before {
  content: " ";
  display: block;
  background: transparent;
  height: 5px;
  width: 100%;
  position: relative;
  top: -1px;
  left: -1px;
}
.jp-play-bar {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: progress 0.75s linear infinite;
  -moz-animation: progress 0.75s linear infinite;
  -o-animation: progress 0.75s linear infinite;
  -ms-animation: progress 0.75s linear infinite;
  animation: progress 0.75s linear infinite;
}

.jp-volume-bar {
  float: right;
  z-index: 99;
  position: relative;
  margin: 15px 10px 12px;
  width: 40px;
  height: 7px;
  cursor: pointer;
  background: #000;

}
.jp-volume-bar:before {
  content: " ";
  position: absolute;
  top: -9px;
  left: -35px;
  width: 0;
  height: 40px;
}
.jp-volume-bar-value {
  width: 0px;
  height: 5px;
  margin: 1px;

}
/* Diagonal Background Bars */
.jp-play-bar,
.jp-volume-bar-value {

  background-color: #FFF;
  background-repeat: repeat-x;
 }

.jp-toggles {
  display: none;
  visibility: hidden;
}

/* 10. POSTS
------------------------------------- */


.post-entry-meta{
	text-align: left;
	list-style: none;
	margin-bottom: 30px;
	padding-bottom:30px;
	font-size: 0.875em;
	color: #8d9398;
	text-transform:uppercase;
}
.post-entry-meta a{
	color: #fe544a;
	text-decoration: none;
}
.post-entry-meta a:hover{
	color: #282D30;
}

.header-image{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto 40px;
display: block;
width: 200px;
height: 200px;
background-size: 200px auto;
}

.post-entry{
	background: #FFF;
	margin-bottom: 0px;


}
.page-template-sidebar-page-php .post-entry-text {
	padding: 55px 0;
	width: 58%;
	float:left;
	margin-left:90px;
}

.page-template-sidebar-page-php .sidebar-widget {
	padding: 55px 0;
	width: 28%;
	float:right;
	margin-right:0px;
	display:inline-block;
}

.post-entry-text {
	padding: 0 0 40px 0;
	width: 80%;
	margin: 0 auto;
	text-align:justify;
}

.arrow{
	position:absolute;
	background:url(includes/images/toparrow.png) no-repeat;
	width:22px;
	height:16px;
	margin-top:-63px;
	z-index:999;
	float:right;
	margin-right:0px;
	text-align:right;
}

.post-entry p:last-child {
	margin: 0;
}

.post-entry-thumbnail img,
.post-entry-thumbnail a,
.post-entry-video {
	display: block;
	width:100%;
	background:#F8F8F8 url(includes/images/ajax-loader.gif) no-repeat center center;
}
.post-entry img{
}

.imgoverlay a .overlay {
background-color: #00A276;
}

.imgoverlay a .overlay {
width: 100%;
height: 100%;
background: #00A276;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
z-index: 0;
}

.attachment-post-thumbnail{display:none!important;}

.post-entry header h1,
.post-entry header h2 {
	text-align: left;
	margin: 0 0 0px;
	font-size: 2.00em;
	padding-bottom:30px;
	margin-bottom:0px;
	border-bottom:1px solid #F8F8F8;
}

.single-post .post-entry header h1,
.single-post .post-entry header h2 {
text-align: left;
	text-align: left;
	margin: 0 0 0px;
	font-size: 2.00em;
	padding-bottom:30px;
	margin-bottom:0px;
	border-bottom:1px solid #F8F8F8;
}

body.page .post-entry header h1{
	margin: 0px 0 50px;
}

.post-entry-content p{
	text-align:justify;
}

.post-entry.format-quote {
	display: block;
	background:#FFF;
	color: #444;
	position: relative;
	text-shadow: none !important;
}

.post-entry.format-quote .quote-content {
	position: relative;
	display: block;
	color: #444;
	text-align: left;
}
.quote-author{
	color:#888;
}

.link-content p {
margin-top: 0px;
font: 14px/1.8 'Open Sans', Helvetica, Arial, sans-serif;
color: #595959;
text-transform: none;
font-style: normal;
color: #666;
vertical-align:middle;
}


.link-content a {
	color: #595959;
}

.post-entry {
margin-bottom: 0px;
}

article {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.nav-center {
display:inline-block;
}

.nav-center ul {
display:inline-block;
}



.post-entry.format-link {
display: block;
background: #FFF;
color: #fff;
position: relative;
text-shadow: none !important;
}

.post-entry-footer{
	margin-top: 0px;
	margin-bottom:10px;
	font-weight: 600;
	text-align:left;
	color: #8D9398;
	padding-top:22px;
	margin-top:0px;
	font: 14px/1.8 'Open Sans', Helvetica, Arial, sans-serif;
	color: #555;
	font-size: 14px;

}

.post-entry-footer a{
font-size:14px;
font-weight:normal;
}

a.rdmr{
	float:right;
	padding-top:0px;
	text-align:left;
	margin-left:0px;
	color:#8D9398;
	font-size: 1.1em;
	text-transform: uppercase;
}


.post-entry-footer a:hover{
	color: #FE544A;
}

.post-entry-footer:before{
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	margin-bottom: 20px;
}
.single .post-entry-footer:after{
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	margin-top: 20px;
}

.post-entry-footer a:hover{
	text-decoration: none;
	color: #999;
}
.post-entry-footer p{
	margin-bottom: 0;
	color: #8d9398;
}

.post-entry-footer p.author{
	text-transform:none;
	font-style:normal;
	font: 14px/1.8 'Open Sans', Helvetica, Arial, sans-serif;
color: #555;
	display:block;
	font-size:14px;
	padding-bottom:30px;
}

.post-entry-footer p.author a{
	color:#FE544A;
}

.post-entry-footer p.author a:hover{
	color:#999;
}

.meta_single_post{
	float:right;
	font-size: 0.9em;
color: #8D9398;
}

.meta_single_post ul{
	font-size: 0.9em;
color: #8D9398;
}

.meta_single_post li a{
	font-size: 0.9em;
text-transform:none;
}



#post-pagination-wrapper{
		margin-top:0px;
	background:none;
	margin-bottom:0px;
	background:#FFF;
}

#post-pagination{
	text-align:center;
	padding: 20px 0;
width: 80%;
margin: 0 auto;
}
#post-pagination a{
	font-family: 'Open Sans', Helvetica Neue,Helvetica,Arial;
	color: #666;
	font-size:13px;
	font-weight: 400;
	line-height: 25px;
	font-weight:bold;
	text-transform:uppercase;
	height: 30px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 7px;
	-moz-box-sizing: border-box;
	border-radius: 2px;
	 transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	padding-bottom:5px;
	text-align:center;
}
#post-pagination a:hover{
	color:#666 !important;
}
#post-pagination .post-next,
#post-pagination .post-prev{
	color:#666;
	width:15px;
	display:inline-block;
}
#post-pagination .post-prev{
	padding-left:0px;
	margin: 0 auto;
}

#post-pagination .post-prev a{
	padding-left:0px;
	margin-left:0px;
}

#post-pagination .post-next{
	margin:0 auto;
}
#post-pagination .post-prev span{
	margin-right: 0px;
}
#post-pagination .post-next span{
	margin-left: 0px;
}
#post-pagination .post-next{
	text-align: center;
}
#post-pagination .post-next a{
	padding-right:0px;
	margin-right:0px;
}

#post-pagination a:hover span{
	text-decoration: none;
}

#post-pagination a{
	text-decoration: none;
}


#comment-nav-below{padding-top:30px;}

#comment-nav-below a{
	font-family: 'Open Sans', Helvetica Neue,Helvetica,Arial;
	color: #666;
	font-size:13px;
	font-weight: 400;
	line-height: 25px;
	height: 30px;
	text-align: center;
	margin-right: 7px;
	margin-bottom: 7px;
	-moz-box-sizing: border-box;
	border-radius: 2px;
	 transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	padding:10px;
}
#comment-nav-below a:hover{
	color: #FE544A;
}

#comment-nav-below .post-prev{
	float: left;
	padding-left:0px;
	margin-left:0px;
}

#comment-nav-below .post-prev a{
	padding-left:0px;
	margin-left:0px;
}

#comment-nav-below .post-next{
	float: right;
}
#comment-nav-below .post-prev span{
	margin-right: 10px;
}
#comment-nav-below .post-next span{
	margin-left: 10px;
}
#comment-nav-below .post-next{
	text-align: right;
}
#comment-nav-below .post-next a{
	padding-right:0px;
	margin-right:0px;
}

#comment-nav-below a:hover span{
	text-decoration: none;
}

#comment-nav-below a{
	text-decoration: none;
	text-transform:none;
	font-size: 0.875em;
	font-weight: 100;
}


.menu_button {
	display:block;
	float:right;
	position:absolute;
	bottom:0px;
	right:0px;
	}

.menu_button a {
	width: 50px;
	height: 50px;
	display: block;
	background: #E8E8E8;
	padding-top:0px;
	}

.menu_button a:hover {
	background: #666;
	}


.radioReponse1{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:35px;
	margin-left:12px;
}



.radioReponse4{

	position:absolute;
	display:block;
	top:inherit;
	left:auto;
	margin-left:152px;
	margin-top:35px;
}

.radioReponse2{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:114px;
	margin-left:12px;
}

.radioReponse5{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:114px;
	margin-left:152px;
}

.radioReponse3{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:194px;
	margin-left:12px;
}

.radioReponse6{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:194px;
	margin-left:152px;
}

.labelQuestion1{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:26px;
	margin-left:0px;
	font-size:0.8em;

}

.labelQuestion4{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:26px;
	margin-left:140px;
	font-size:0.8em;
}


.labelQuestion2{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:105px;
	margin-left:0px;
	font-size:0.8em;
}


.labelQuestion5{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:105px;
	margin-left:140px;
	font-size:0.8em;
}

.labelQuestion3{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:185px;
	margin-left:0px;
	font-size:0.8em;
}

.labelQuestion6{

	position:absolute;
	display:block;
	top:inherit;
	left:inherit;
	margin-top:185px;
	margin-left:140px;
	font-size:0.8em;
}


.imageR1{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:35px;
	margin-top:15px;

}


.imageR4{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:172px;
	margin-top:15px;
}


.imageR2{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:35px;
	margin-top:92px;

}


.imageR5{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:172px;
	margin-top:92px;

}

.imageR3{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:35px;
	margin-top:172px;

}

.imageR6{

	position:absolute;
	display:block;
	left:inherit;
	top:inherit;
	margin-left:172px;
	margin-top:172px;

}


.suiteChiffres{


	float:left;
	display:block;
	width:250px;
}


.champReponseChiffres{

	float:left;
	display:block;

}


.imageExempleENV{

	border:1px solid #919191;

}

/* 11. META TYPES
------------------------------------- */

.post-entry-meta{
	text-align: right;
	list-style: none;
	margin-bottom: 0px;
	padding-top:0px;
	font-size: 1.1em;
	color: #8d9398;
	float:right;
	text-transform:none;
	padding-bottom:0px;
}

.post-entry-meta li{
	display:inline-block;
	padding-left:10px;
	padding-right:0px;
}
.post-entry-meta a{
	color: #8d9398;;
	text-decoration: none;
}


#wrap .post-entry-meta a{
	color: #8d9398;;
	text-decoration: none;
}

.postreplyoffset{
	margin-top:0px;
}

#respond form {
	padding-top:50px;
	padding-bottom:20px;
}

.meta_type a:hover {
	background-color: #000;
}

/* 12. PAGINATION
------------------------------------- */

.page-pagination {
	margin-bottom:30px;
}

.page-pagination-inner {
	width:80%;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0 auto;
}

.page-pagination-left {
display:block;
float:left;
}

.page-pagination-right {
display:block;
float:right;
}


.page-of-page span.inner {
	padding: 0 10px;
	text-align:center;
	padding-right:0px;
	color:#666;
}


.page-pagination-right-block{
	margin-right:7px;
}


.page-of-page, .page-pagination a, .page-pagination span.outer {
	font-size: 0.875em;
	font-weight: normal;
	line-height: 30px;
	height: 30px;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 7px;
	background:#232528;
	display: inline-block;
	float: none;
	color: #fff;
	background: none;
	-moz-box-sizing: border-box;
	border-radius: 2px;
	 transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	opacity: 0.5;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
}

.page-pagination a, .page-pagination span.outer {
	width: 30px;
	background:#232528;
}

.page-pagination a:hover {
	color: #fff;
	background: #FE544A;
	text-decoration: none;
	opacity: 1.0;
-moz-opacity: 1.0;
-webkit-opacity: 1.0;
}


/* 13. FOOTER
------------------------------------- */


/*footer main*/
#footer-wrap{
	max-width:800px;
min-width: 280px;
	background: #d6e6ff;
	margin:0px auto;
	padding:0px;
	margin-bottom:90px;

}

a#inifiniteLoader{
	position: fixed;
	z-index: 2;
	bottom: 15px;
	right: 10px;
	display:none;
}


#drop{
	width:700px;
	background:#000;
	position: fixed;
	margin:0 auto;
	display:block;
	left: 50%;
	margin-left: -350px;
	z-index:9999;
	margin-top:-90px;
	padding-top:0px;
}

#drop-inside{
	display:none;
	position:relative;
}

#drop-toggle {
	position: fixed;
	top: 80px;
	right: 210px;
	z-index:99991;
	text-align: center;
	color: white;
display: block;
	width:30px;
	padding-top:3px;
	padding-left:5px;
	height:32px;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;

}

#drop-toggle2 {
	display: none;
}

#drop-toggle:hover {
	color: #FFF;
filter: alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;

}


.left_float{
	float:left;
}


.right_float{
	float:right;
}

.hiddenhover{
	float:right;
	padding-left:20px;
}


.totop {
	position:fixed;
	bottom: 80px;
	right: 90px;
	z-index: 10;
	width: 30px;
	height: 30px;
	display: none;
	background: url(includes/images/up.png) no-repeat center center;
	text-indent: -9999px;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	filter: alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
	}

.totop:hover {
	filter: alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity: 1.0;
opacity: 1.0;
	}

#footer-bottom-wrap {
padding:20px;
padding-left:100px;
padding-right:100px;
padding-bottom:30px;
min-height:23px;
color:#FFF;
}

#footer-bottom-wrap-inner {
padding:20px;
padding-left:100px;
padding-right:100px;
min-height:23px;
}

#footer {
	font-family: 'Open Sans', Helvetica Neue,Helvetica,Arial;
	padding: 15px 0;
	font-size: 1.0em;
	color:#61666E;
	text-align: left;
	width: 80%;
	margin: 0 auto;
	background-color:#d6e6ff;
}

#footer a{
	color: #999;
}

#footer a.twitter-user{
	background:url(includes/images/twitter.png) no-repeat center left;
	padding-left:25px;
}

#footer .widget_twitter .time-meta a{
	background:url(includes/images/twitter.png) no-repeat center left;
	display:block;
	padding-left:25px;
}


#footer a:hover{
	color: #FFF;
}

/* Footer Widgets */

.widget {}

#footer #searchform {appearance:none;moz-appearance: none;
-webkit-appearance: none;background:#000;color:#666;border:none;padding:15px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;width:100%;}
#footer .widget_search {appearance:none;moz-appearance: none;
-webkit-appearance: none;background:#000;color:#666;border:none;padding:15px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;width:100%;}
#footer .screen-reader-text {}

#footer .widget_meta {}
#footer .widget_meta ul {list-style:none;}
#footer .widget_meta ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;}
#footer .widget_meta ul li a {}
#footer .widget_meta ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}

#footer .widget_links {}
#footer .widget_links ul {list-style:none;}
#footer .widget_links ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;}
#footer .widget_links ul li a {}
#footer .widget_links ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}

#footer .widget_twitter ul {list-style:none;}
#footer .widget_twitter ul li {background:none;padding-left:0px;}

#footer .widget_archive {}
#footer .widget_archive ul {list-style:none;}
#footer .widget_archive ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;}
#footer .widget_archive ul li a {}
#footer .widget_archive ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}
#footer .widget_archive select {appearance:none;moz-appearance: none;
-webkit-appearance: none;background:#000;color:#666;border:none;padding:15px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;width:100%;}
#footer .widget_archive option {}

#footer .widget_pages {}
#footer .widget_pages ul {list-style:none;}
#footer .widget_pages ul .children {padding-top:20px;padding-bottom:20px;}
#footer .widget_pages ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;}
#footer .widget_pages ul li a {}
#footer .widget_pages ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}

#footer .widget_links {}
#footer .widget_links li:after {}
#footer .widget_links li:before {}
#footer .widget_tag_cloud {}
#footer .widget_tag_cloud a {}
#footer .widget_tag_cloud a:after {}
#footer .widget_tag_cloud a:before {}

#footer .widget_calendar {}
#footer #calendar_wrap {}
#footer #calendar_wrap th {}
#footer #calendar_wrap td {}
#footer #wp-calendar tr td {}
#footer #wp-calendar caption {}
#footer #wp-calendar a {}
#footer #wp-calendar #today {}
#footer #wp-calendar #prev {}
#footer #wp-calendar #next {}
#footer #wp-calendar #next a {}
#footer #wp-calendar #prev a {}

#footer .widget_categories {}
#footer .widget_categories ul {list-style:none;}
#footer .widget_categories ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;}
#footer .widget_categories ul ul.children {}
#footer .widget_categories ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}
#footer .widget_categories a {}
#footer .widget_categories select{}
#footer .widget_categories select#cat {appearance:none;moz-appearance: none;
-webkit-appearance: none;background:#000;color:#666;border:none;padding:15px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;width:100%;}
#footer .widget_categories select.postform {}
#footer .widget_categories option {}
#footer .widget_categories .level-0 {}
#footer .widget_categories .level-1 {}
#footer .widget_categories .level-2 {}
#footer .widget_categories .level-3 {}

#footer .recentcomments {}
#footer #recentcomments {}
#footer #recentcomments li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:20px;
	border-bottom: none;
	background:url(includes/images/icons/footer-recentposts.png) no-repeat 0px 8px;}
#footer #recentcomments li a {}
#footer #recentcomments ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}
#footer #recentcomments li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}
#footer .widget_recent_comments {}

#footer .widget_recent_entries {}
#footer .widget_recent_entries ul {list-style:none;}
#footer .widget_recent_entries ul li {	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:20px;
	border-bottom:none;
	background:url(includes/images/icons/footer-recentposts.png) no-repeat 0px 9px;}
#footer .widget_recent_entries ul li a {}
#footer .widget_recent_entries ul li:last-child {margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;}
#footer .textwidget {font-weight: normal;
text-align: left;
color: #61666E;
text-transform: none;
font-size: 14px;}
#footer .widget_text {font-weight: normal;
text-align: left;
color: #61666E;
text-transform: none;
font-size: 14px;}
#footer .textwidget p {font-weight: normal;
text-align: left;
color: #61666E;
text-transform: none;
font-size: 14px;}

#footer ul li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	padding-left:15px;
	border-bottom: none;
	background:url(includes/images/arrowtoright.png) no-repeat 0px 11px;
}

#footer ul li:last-child {
	border:none;
}


.wpcf7 p{
	font-size:12px;
	text-transform:uppercase;
}

.footer-box {
	float: left;
	width: 28%;
	margin-right: 50px;
}

.footer-box.remove-margin {
	margin-right: 0;
}

.footer-widget {
	margin-top:40px;
	margin-bottom: 40px;
}

#footer ul {
	margin: 0;
}

#footer ul .menu:last-child {
	margin: 0;
	border:none;
}

#footer ul .sub-menu {
	padding-top:20px;
}

.footer-widget h4 {
	color: #fff;
	font-family:'Open Sans', sans serif;
	font-size:13px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}


#footer-bottom-wrap .totop {
	width: 30px;
	height: 30px;
	color:#4C4C4C;

	text-align:center;

	}

#footer-bottom-wrap .totop:hover {
	color: #FFF;
	}

#footer-bottom-wrap .totop span {
	width: 30px;
	height: 30px;
	text-align:center;
	line-height:30px;
	padding-bottom:2px;

	}


/*calendar*/
#wp-calendar {
	font-size: 0.786em;
}

#wp-calendar caption {
	background: #292b2f;
	color: #fff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

#wp-calendar, #footer #wp-calendar tr {
	width: 100%;
}

#wp-calendar th {
	text-align: center;
	border: 1px solid #ddd;
	border-top: none;
	padding: 5px 0;
	background: #f5f5f5;
}

#wp-calendar tbody td {
	padding: 4px 0;
	text-align: center;
	border: 1px solid #eee;
}

#wp-calendar tbody td:hover {
	background: #f5f5f5;
	color: #000;
}

#wp-calendar tbody a {
	display: block;
}

.tagcloud a{
color:#61666E;
padding:5px;
font-size:12px !important;
display:inline-block;
background:#13171C;
margin-bottom:5px;
margin-right:5px;
}

.tagcloud a:hover {
color:#FFF;
background:#000;
}

#footer caption {
	background: #111214;
}

#footer #wp-calendar th, #footer #wp-calendar tbody td {
	border-color: #212326;
}

#footer #wp-calendar th {
	background: #212326;
}

#footer #wp-calendar td:hover {
	background: #292b2f;
	color: #fff;
}

#footer #wp-calendar caption {
	color: #fff;
}

#wp-calendar tbody td {
	padding: 4px 0;
	text-align: center;
	border: 1px solid #eee;
}

#wp-calendar tbody td:hover {
	background: #fff;
	color: #000;
}

#wp-calendar tfoot td {
	padding-top: 5px;
}

a.readmore .readmoreicon {
	background: #666 url(includes/images/plus.png) center center no-repeat;
	width: 11px;
	height: 11px;
	color:#CCC;
	display: inline-block;
	text-indent: -9999px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	float: left;
	padding: 1px;
	margin-right: 6px;
	margin-top: 7px;
	transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-webkit-transition: background-color 0.2s;
	}

a.readmore:hover .readmoreicon {
	background-color: #FE544A;
	}

/*main*/
input[type="search"] {
	background: #333;
	color: #666;
	border:none;
	font-family: 'Open Sans', Helvetica Neue,Helvetica,Arial;
	font-size: 0.813em;
	padding: 0 16px 0 15px;
	float:left;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	outline: none;
	height: 50px;
	width:200px;
	line-height: 20px;
	border-radius: 2px;
-moz-transition: width 0.5s ease-out;
 -webkit-transition: width 0.5s ease-out;
 transition: width 0.5s ease-out;
}

input[type="search"]:focus {
 color:#FFF;
}

#footer input[type="search"] {
	background-image: url("./includes/images/search-light.png");
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

input[type="search"]:focus {
	border-color: #ccc;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

#footer input[type="search"] {
	background-color: #13171C;
	color: #4C4C4C;
	border:none !important;
}
#footer input[type="search"]:focus{
	color: #FFF;
}

#footer input[type="search"] {
	box-shadow: none;
}



/* 14. FORMS, INPUTS & BUTTONS
------------------------------------- */

#error-page {
	text-align:left;
	padding-bottom:50px;
}

/*inputs*/
input[type="text"], input[type="password"] {
	height: 40px;
	line-height: 40px;
}

input[type="text"], input[type="password"], textarea {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	background: #e5e5e5;
	border: none;
	color: #666;
	display: block;
	font-size: 12px;
	margin-left: 0;
	padding: 0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 100%;
	-webkit-appearance: none;
	border-radius: 2px;
}

textarea {
	width: 100%;
	padding: 10px;
	resize:none;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {

font-family: Arial, sans-serif;
	position: relative;
	display: block;
	padding: 6px 8px;
	font-size:12px;
	line-height:16px;
	outline: none;
	border: none;
	background: #fe544a;
	color: #fff;
	font-weight: bold;
	text-transform: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.813em;
	cursor: pointer;
	-webkit-appearance: none !important;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;

}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button, button:hover {
background: #999;


}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	outline: none;
	border-color: #ccc;
}
.entry button, .entry input[type="button"], .entry input[type="submit"], #commentsbox input[type="submit"], form#test input[type="submit"]{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	position: relative;
	display: block;
	padding: 10px 8px;
	line-height: 11px;
	outline: none;
	border: none;
	background: #fe544a;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 11px;
	cursor: pointer;
	-webkit-appearance: none !important;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.entry button:hover, .entry input[type="button"]:hover, .entry input[type="submit"]:hover,#commentsbox input[type="submit"]:hover {
	background: #999;

}

.entry button:active, .entry input[type="button"]:active, .entry input[type="submit"]:active, #commentsbox input[type="submit"]:active {
	top: 1px;
}

form#test fieldset { overflow:hidden; padding:5px 0 20px 0;  }
form#test .choix { clear:both; display:block; }
form#test label { float:left; clear:none;  padding: 2px 1em 0 0; }
form#test input[type=radio], form#test input.radio { float:left; clear:none; margin: 10px 50px 0 2px; }
form#test input.last {margin-right:20px}
form#test .qcmTexte{padding-left:1%;width:79%;border-radius:3px 3px 3px 3px;margin-top:3px;}


form#test legend {
	height:11px;
  }

  form#test .legendOK{

  width:100%;
  border-top:1px solid #d6e6ff;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }

   form#test .legendErreur{

  width:100%;
  border-top:1px solid #ffbac3;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }



  form#testChiffres label { float:left; clear:none;  padding: 2px 1em 0 0; }

  form#testChiffres fieldset { overflow:hidden; padding:5px 0 20px 0;  }

  form#testChiffres .legendOK{

  width:100%;
  border-top:1px solid #d6e6ff;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testChiffres .legendErreur{

   width:100%;
  border-top:1px solid #ffbac3;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testOppositions label { float:left; clear:none;  padding: 2px 1em 0 0; }

  form#testOppositions fieldset { overflow:hidden; padding:5px 0 20px 0;  }

  form#testOppositions .legendOK{

  width:100%;
  border-top:1px solid #d6e6ff;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testOppositions .legendErreur{

   width:100%;
  border-top:1px solid #ffbac3;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testAnalogies label { float:left; clear:none;  padding: 2px 1em 0 0; }

  form#testAnalogies fieldset { overflow:hidden; padding:5px 0 20px 0;  }

  form#testAnalogies .legendOK{

  width:100%;
  border-top:1px solid #d6e6ff;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testAnalogies .legendErreur{

   width:100%;
  border-top:1px solid #ffbac3;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }





  form#testFigures label { float:left; clear:none;  padding: 2px 1em 0 0; }

  form#testFigures fieldset { overflow:hidden; padding:5px 0 20px 0;  }

  form#testFigures .legendOK{

  width:100%;
  border-top:1px solid #d6e6ff;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  form#testFigures .legendErreur{

   width:100%;
  border-top:1px solid #ffbac3;
  font-size:90%;
  text-align:right;
  margin-bottom:20px;

  }


  .labelMotsAnalogies{

	width:150px;
	font-weight:900;
  }

  .smallerFont{

	font-size:0.9em;
	margin-top:1px;
	margin-bottom:1px;
  }

  .alignOppositions{

	font-size:0.9em;
	width:450px;
	margin:1px auto 1px;
  }

  .checkboxAnalogies{
	margin-left:10px;
  }


  .numQuestion{

	background-color:#d6e6ff;
	height:20px;
	width:35px;
	line-height:20px;
	padding:auto;

  }

  #alert{
	background-color:red;
	padding:20px;
	color:#FFF;
	}

  #alert a{
	color:#fff;
	text-transform:underline;
  }


  .numQuestionErreur{
	background-color:#ffbac3;
	height:20px;
	width:35px;
	line-height:20px;
	padding:auto;
	color:White;

  }
  .rondRouge{

	margin-left:25px;
	margin-bottom:30px;
	margin-top:30px;

  }


  .rondVert{

	margin-left:-8px;
	margin-bottom:30px;
	margin-top:30px;


  }

  .erreurMessage{


	color:#F27474;

  }

form#test .error{
	border:1px solid red;
}

/* Mathieu Edit:: */
.button{
	padding:5px 15px;
	border:1px solid #EEE;
	background:#d6e6ff;
	color:#005CA6;
	border-radius: 3px;
	text-align: center;
	margin-bottom: 40px;
}
.button:hover{
	background:#005CA6;
	color:#d6e6ff;
	cursor: pointer;
}

/* 15. COMMENTS
------------------------------------- */
#commentsbox {
	padding-top:50px;
	width:80%;
	margin:0px auto;
}

#wrappercomments{
	background:#F7F7F7;
}

#wrapperreply{
	background:#FFF !important;
}

#replybox{
	width:80%;
	margin:0px auto;
}



h3.comments-title {
	text-transform: uppercase;
	margin: 0 0 0px;
	padding-bottom:0px;
	font-weight:100;
	font-size: 0.875em;
}

#comments h1{
	text-align: left;
text-transform: uppercase;
margin: 0 0 10px;
font-size: 1.800em;
padding-bottom: 0px;
}


h3.comments-title a {
	color:#595959;
}

.comment-details ul {
	margin: 0;
}

.commentlist {
	margin: 0;
	margin-top:10px;
}

.reply{
	padding-top:30px;
}

.comment-text p .reply{
	padding-top:30px;
}

.commentlist li {
	list-style: none;
	margin: 0;
}

.children li.depth-2 {
	margin: 0 0 0px 65px;

}

.children li.depth-3 {
	margin: 0 0 0px 65px;
}

.children li.depth-4 {
	margin: 0 0 0px 65px;
}

.children li.depth-5 {
	margin: 0 0 0px 65px;
}

.children li.depth-6 {
	margin: 0 0 0px 65px;
}

.children li.depth-7 {
	margin: 0 0 0px 65px;
}

.children li.depth-8 {
	margin: 0 0 0px 65px;
}

.children li.depth-9 {
	margin: 0 0 0px 65px;
}

.children li.depth-10 {
	margin: 0 0 0px 65px;
}

.comment-body {
	margin-bottom: 30px;
	padding-left:0px;
}

.comment-body:last-child {
	margin-bottom: 0px;
}

.comment-details {
	position: relative;
	margin-left: 70px;
	padding: 30px;
	padding-left:0px;

}
.comment-avatar {
	position: absolute;
	left: -70px;
	top: 35px;
}

.comment-avatar img {
	display: block;
	border-radius: 4px;
	width:32px;
	height:32px;
}

.comment-author{
	color: #1e3141;
	padding-bottom:20px;
}
.comment-author, .comment-author .author a:link, .comment-author .author a:visited {
	font-weight: 600;
}

.comment-content p:last-child {
	padding-bottom: 30px;
}

.comment-date {
	font-size: 0.688em;
	font-weight: normal;
	font-family: 'Open Sans';
	display:block;
}

.comment-date a {
	color: #888;
}

.comment-reply-link {
	font-size: 0.688em;
	font-family: 'Open Sans';
color: white;
padding:5px;
font-weight: bold;
text-transform: uppercase;
font-size: 9px;
background: #E9E9E9;
color: #999;
padding: 5px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: .1s ease-in;
-moz-transition: .1s ease-in;
-o-transition: .1s ease-in;
transition: .1s ease-in;
}
.comment-reply-link:hover{
	color: #FFF;
	background:#666;
	text-decoration: none;
}

#cancel-comment-reply-link {
	color: #C30;
}
#cancel-comment-reply-link:hover{
	color: #1e3141;
}
.commentlist .children {
	margin: 0;

}


#comments-logged-in {
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 13px;
}

#log-out {
	float: right;
	margin-top: -56px;
}

.form-submit {
	margin-bottom: 0;
	height: 70px;
}

h3#reply-title {
	text-transform: uppercase;
	margin: 60px 0 0px;
	font-size: 0.875em;
	font-weight:100;

	margin-bottom:0px;
	line-height:20px;

}
.children #commentform textarea {
	width: 95.6%;
}

.logged-in-as{

text-transform: uppercase;
margin: 0px 0 0px;
font-size: 0.875em;
font-weight: 100;}


#commentform input {
	float: left;
	margin-right: 10px;
}

#commentform label {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}

#commentsbox span.required {
	color: #C30;
	font-size: 9px;
}
#commentform input#author, #commentform input#email, #commentform input#url {
	font-size: 13px;
	width: 40%;
	margin-top: 0;
}

#commentform textarea {
	font-size: 13px;
	width: 100%;
	margin-top: 20px;
}

/* 16. 404 PAGE
------------------------------------- */

#error-page-title {
	font-size: 5.000em;
	text-align: left;
	font-weight: bold;
	background: none;
	line-height: 1em;
	border: none;
	margin: 0 0 10px;
}

#error-page-title span {
	margin-right: 7px;
}

#error-page-text {
	text-align: left;
	font-size: 16px;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:0px;
}

/* 17. STANDARD WORDPRESS STYLES
------------------------------------- */

/*aligns*/
.aligncenter {
	display: block;
	margin: 0 auto;
}

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

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

/*floats*/
.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/*text style*/
.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

/*captions*/
.wp-caption {
	max-width: 100% !important;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	max-width: 100$;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
}

#img-attch-page {
	text-align: center;
	overflow: hidden;
}

#img-attch-page img {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	margin-bottom: 20px;
}

.gallery-item img {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*other*/
.bypostauthor{}

/* Random last-minute stuff */

.page .intro {
padding-bottom: 20px;
padding-top:10px;

}

div.wpcf7-validation-errors {
border: 1px dashed #FF9E9F;
background: #FFE4E5;
color: #CA3436;
padding: 30px;
}

span.wpcf7-not-valid-tip{
border: none;
background: none;
color: #CA3436;
padding: 0px;
top:0;
}

div.wpcf7-mail-sent-ok {
	color: #509640;
border: 1px dashed #99DD8A;
background: #ECFFE7;
padding: 30px;
margin-top: 30px;
margin-bottom: 30px;
}

#wrap a.button.green:hover {color:#fff;background:#999;}

#wrap #commentsbox input[type="submit"]:hover {background:#999;}

#wrap .post-entry-footer p.author a:hover {color:#999;}

#wrap input[type="submit"]:hover {background:#999;}

/* 	18. BACKUP ELEMENTS
------------------------------------------------ */


/* 	CLEAR FLOATS
------------------------------------------------ */

.clear-floats {
	clear: both;
}

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

/* 	INTRO MESSAGE
------------------------------------------------ */

.intro {
text-align: justify;
font-size: 1.375em;
line-height: 1.8333em;
text-transform: none;
letter-spacing: 1px;
color: #B5B5B5;
margin: -15px 0 25px 0;
padding: 20px 0;
padding-top:0px;
padding-bottom: 20px;
}

blockquote p:last-child {
	margin: 0;
}

blockquote p {
	text-align: left !important;
}

blockquote p {
	padding-left:20px;
}


/* 	CODE
------------------------------------------------ */

code {
	position: relative;
	margin: 30px 0px;
	padding-left: 40px;
	padding:30px 30px 30px 70px;
	display:block;
	font-style: normal;
	background: #F7F7F7 url(includes/images/icons/code.png) no-repeat 20px 35px;
}

code p {
	padding-left:0px !important;
}

/* 	DROPCAP
------------------------------------------------ */

.dropcap {
	background: none;
	display: inline-block;
	float: left;
	font-family: 'Abel', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-transform:uppercase;
	font-size: 40px;
	font-weight: 200;
	height: 40px;
	line-height: 40px;
	margin: 0px 7px 0 0;
	text-align: left;
	width: 25px;
	padding:5px;
	padding-left:0px;
	margin-left:0px;
}

/* 19. MEDIA QUERIES (RESPONSIVENESS)
------------------------------------- */

/* All Responsive
================================================== */
@media only screen and (max-width: 959px) {

	/*hide things*/



	.toggle{
		display:block!important;
	}



	a.navtoggle {
		display: none;
	}

	#gallery-slider .flex-direction-nav li a.flex-next, #gallery-slider .flex-direction-nav li a.flex-prev {
display:none;
}

	/*logo*/
	#logo h1 a, #logo h2 a {
		display: block;
		float: none;
	}

	.footer-box {
float: left;
width: 28%;
margin-right: 44px;
}

	.acolumn {
float: left;
width: 28%;
margin-right: 44px;
}


.close{
display:none;
}

a.totop  {
display:none !important;
}


	#homepage-title {
padding: 40px 30px;
}

#page-header {
margin-bottom:70px;
}


	/*commments*/
	#commentform input#author, #commentform input#email, #commentform input#url {
		width: 60%;
	}

}


/* Tablet (Landscape) = Design for a width of 730px
================================================== */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}
		#footer-bottom-wrap {
padding-left:25px;
padding-right:25px;
}

.close{
display:none;
}


}


/* Tablet (Portrait) = Design for a width of 730px
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}

	.close{
display:none;
}

	#drop-toggle {
right:20px;
}

	/*commnets*/
	.children li.depth-2,
		.children li.depth-3,
		.children li.depth-4,
		.children li.depth-5,
		.children li.depth-6,
		.children li.depth-7,
		.children li.depth-8,
		.children li.depth-9,
		.children li.depth-10 {
		margin: 0;
	}

	 	#footer-bottom-wrap {
padding-left:75px;
padding-right:75px;
}

}



/* Mobile (Portrait) = Design for a width of 280px
================================================== */

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

	/*main*/
	body{
		padding-left: 20px;
		padding-right: 20px;
	}


/*display dropdown nav*/

#navigation ul,
	#searchbar{
		display: none;
	}

	#navigation .selector {
		display: inline-block;
	}

	#logo {
		float:left;
		display:block;
	}


	/*navigation top menu*/
	#navigation {
		height: 70px;
		width: 30%;
		float:right;
		position: inherit;
		top: auto;
		left: auto;
		right: -33px;
		margin-top: 0;
		background: url("includes/images/responsive-nav.png") right center no-repeat;
	}

	.tagline {
		display:none;
	}


	#navigation .selector {
		width: 100%;
		color: #fff;
		font-weight: bold;
		line-height: 70px;
		text-indent: 40px;
	}



	#navigation .selector {
		height: 50px;
		width: 50px;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		*display: inline;
		margin:0 auto;
		cursor: pointer !important;
	}

	#navigation .selector select:focus {
		outline: 0;
	}

	#navigation .selector span {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}


	#navigation {
		margin-right:0px;
	}

	#navigation .selector select {
		position: absolute;
		top: 0px;
		height: 70px;
		background: none;
		width: 60%;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: #666 !important;
		cursor: pointer;
	}

	#navigation .selector {
		margin: 0;
		padding: 0;
		border: none;
	}

	#navigation .selector option {
		background: #000;
		-webkit-appearance: none;
		padding: 10px 40px;
		border: none;
		border-bottom: 1px solid #222;
	}


#drop-toggle {
display:none;
}

	.footer-box {
float: left;
width: 100%;
margin-right: 0px;
}

	.acolumn {
float: left;
width: 100%;
margin-right: 0px;
}

#crumbs {
float: left;
}



#crumbs a.backhome {
padding-left:0px;

}

	#gallery-slider .flex-direction-nav li a.flex-prev {
left: 0px;
bottom:45%;
}

	#gallery-slider .flex-direction-nav li a.flex-next {
right: 0px;
left:320px;
bottom:45%;
}

	/*comments*/
	.comment-details {
		margin-left: 0;
	}

	.comment-avatar {
		display: inline-block;
		margin-bottom: 10px;
		position: inherit;
		top: auto;
		left: auto;
	}

	#footer-bottom-wrap {
min-height:57px;
padding-left:65px;
padding-right:65px;
}

	.comment-date {
		display: block;
	}

	.comment-reply-link {
		display: block;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ddd;
		width:28px;
		height:10px;
	}

	#commentform{
		font-size: 12px;
	}

	.children {
		margin: 30px 0 0;
	}

	.children li.depth-2,
		.children li.depth-3,
		.children li.depth-4,
		.children li.depth-5,
		.children li.depth-6,
		.children li.depth-7,
		.children li.depth-8,
		.children li.depth-9,
		.children li.depth-10 {
		margin: 0;
	}


#archive {
padding-top: 30px;
text-align: left;
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 0;
-webkit-column-gap: 0;
column-gap: 0;
}

}


/* Mobile (Landscape) =  Design for a width of 480px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/*main*/
	body{
		padding-left: 40px;
		padding-right: 40px;
	}

}

#loginform{
	border:3px solid #D6E6FF;
	padding:40px 40px 0 40px;
	background-color:#fbfcfc;
}