/*
Theme Name: Bittle
Theme URI: http://www.bittle-solutions.com
Author: Florian Girardo	
Description: Theme perso, responsive.
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bittle

*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

audio,canvas,video {
	display: inline-block;
}

audio:not([controls])
{
	display:none;
	height:0;
}
[hidden] {
	display: none;
}

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	background-color: #555;
}

html,button,input,select,textarea {
	font-family: "Ubuntu", Helvetica, sans-serif;
}

body {
	color: #141412;
	line-height: 1.2;
	margin: 0;
	background-color: #FFF;
}

a {
	color: #B1C800;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

a:visited {
	color: #A7BA00;
}

a:focus {
	outline: thin dotted;
}

a:active,a:hover {
	color: #C0D600;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	clear: both;
	font-family: "Source Sans Pro", Georgia, serif;
	line-height: 1.3;
	/*font-weight: 400;*/
	color: #69747a;
}

h1 {
	font-size: 50px;
	margin: 60px 0;
	margin-right: -15px;
	text-align: center;
}

h2 {
	font-size: 40px;
	margin: 12px 0;
	text-align: center;
}

h3 {
	font-size: 28px;
	margin: 10px 0;
	text-align: center;
}

h4 {
	font-size: 20px;
	margin: 8px 0;
}

h5 {
	font-size: 16px;
	margin: 6px 0;
}

h6 {
	font-size: 14px;
	margin: 4px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0;
	padding: 10px;
	text-align: justify;
}

code,kbd,pre,samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

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

blockquote {
	font-size: 16px;
	font-style: italic;
	font-weight: 300;
	margin: 0px;
	text-align: justify;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,ol,ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
}

li>ul,li>ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}

svg


















:not









 









(
:root









 









)
{
overflow


















:









 









hidden


















;
}
figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,input {
	line-height: normal;
}

button,html input[type="button"],input[type="reset"],input[type="submit"]
	{
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],input[disabled] {
	cursor: default;
}

input[type="checkbox"],input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
	background-color: #EBE8E8;
	border: 1px solid #B1C800;
	color: #B1C800;
}

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

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	width: 98%;
	margin: 1%;
}

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

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border: 1px solid #555555;
	padding: 6px;
	vertical-align: middle;
	width: 25%;
	height: 200px;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background: url(images/dotted-line.png) repeat center top;
	background-size: 4px 4px;
	border: 0;
	height: 1px;
	margin: 0 0 24px;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
.genericon:before,.menu-toggle:after,.featured-post:before,.date a:before,.entry-meta .author a:before,.format-audio .entry-content:before,.comments-link a:before,.tags-links a:first-child:before,.categories-links a:first-child:before,.edit-link a:before,.attachment .entry-title:before,.attachment-meta:before,.attachment-meta a:before,.comment-awaiting-moderation:before,.comment-reply-link:before,.comment-reply-login:before,.comment-reply-title small a:before,.bypostauthor>.comment-body .fn:before,.error404 .page-title:before
	{
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,.attachment .entry-header:after,.site-footer .widget-area:after,.entry-content:after,.page-content:after,.navigation:after,.nav-links:after,.gallery:after,.comment-form-author:after,.comment-form-email:after,.comment-form-url:after,.comment-body:after
	{
	clear: both;
}

.clear:before,.clear:after,.attachment .entry-header:before,.attachment .entry-header:after,.site-footer .widget-area:before,.site-footer .widget-area:after,.entry-content:before,.entry-content:after,.page-content:before,.page-content:after,.navigation:before,.navigation:after,.nav-links:before,.nav-links:after,.gallery:before,.gallery:after,.comment-form-author:before,.comment-form-author:after,.comment-form-email:before,.comment-form-email:after,.comment-form-url:before,.comment-form-url:after,.comment-body:before,.comment-body:after
	{
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,input,textarea,select {
	border: 2px solid #d4d0ba;
	font-family: inherit;
	padding: 5px;
}
.contact-form select {
    margin-bottom: 13px;
    max-width: 98%;
    width: 300px;
}

input,textarea {
	color: #141412;
}

input:focus,textarea:focus {
	outline: 0;
}

/* Buttons */
button,input[type="submit"],input[type="button"],input[type="reset"] {
	background: #B1C800;
	border: none;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	margin: 15px;
	font-size: 20px;
}

button:hover,button:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:focus,input[type="button"]:focus,input[type="reset"]:focus
	{
	background: #555555;
	outline: none;
}

button:active,input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active
	{
	background: #555555;
}

.post-password-required input[type="submit"] {
	padding: 7px 24px 4px;
	vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
	padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #7d7b6d;
}

:-moz-placeholder {
	color: #7d7b6d;
}

::-moz-placeholder {
	color: #7d7b6d;
}

:-ms-input-placeholder {
	color: #7d7b6d;
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,.entry-summary img,.comment-content img,.widget img,.wp-caption
	{
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"]
	{
	height: auto;
}

img.size-full,img.size-large,img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,iframe,object,video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

figure.wp-caption.alignleft,img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text,.entry-caption,.gallery-caption {
	color: #220e10;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft+ul,.wp-caption.alignleft+ol {
	list-style-position: inside;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
.site {
	margin: 0 auto;
	width: 100%;
}

.site-main {
	position: relative;
	padding-top: 50px;
	min-height: 750px;
}

.site-main .sidebar-container {
	/*height: 0;*/
	position: absolute;
	/*top: 40px;*/
	width: 100%;
	z-index: 1;
}

.site-main .sidebar-inner {
	margin: 0 auto;
	max-width: 1040px;
}

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

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */
.site-header {
	position: relative;
}

.site-header .home-link {
	color: #141412;
	display: block;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 230px;
	padding: 0 20px;
	text-decoration: none;
	width: 100%;
}

.site-header .site-title:hover {
	text-decoration: underline;
}

.site-header .widget_search {
	margin-bottom: 0px;
	margin-top: 5px;
	right: 295px;
	position: absolute;
}

.site-title {
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 58px 0 10px;
}

.site-description {
	font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
	margin: auto;
	width: 32%;
	padding: 0;
	font-size: 18px;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
.main-navigation {
	clear: both;
	margin: 0 auto;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,div.nav-menu>ul {
	margin: 0;
	padding: 0;
	margin-left: -300px;
	transition-property: margin;
	transition-duration: 0.6s;
	text-align: left;
}

.nav-menu li {
	display: inline;
	position: relative;
}

.nav-menu li a {
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
	font-size: 25px;
}

.nav-menu li:hover>a,.nav-menu li a:hover,.nav-menu li:focus>a,.nav-menu li a:focus
	{
	color: #fff;
	opacity: 1;
	background-color: #000;
	border-left: 5px solid #2893D0;
}

.nav-menu .sub-menu,.nav-menu .children {
	background-color: rgba(0, 0, 0, 0.9);
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: 98px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,.nav-menu ul ul a:hover,ul.nav-menu ul a:focus,.nav-menu ul ul a:focus
	{
	background-color: #000;
}

ul.nav-menu li:hover>ul,.nav-menu ul li:hover>ul,ul.nav-menu .focus>ul,.nav-menu .focus>ul
	{
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item>a,.nav-menu .current_page_ancestor>a,.nav-menu .current-menu-item>a,.nav-menu .current-menu-ancestor>a
	{
	color: #aaa;
}

.menu-toggle {
	text-align: left;
	color: #fff;
}

.menu-toggle>img {
	padding: 0 5px;
}

/* Navbar */
.navbar {
position: absolute;
top: 0px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#menu-header {
	width: 120px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #555;
	height: 50px;
}

#menu-header:hover {
	background-color: #B1C800;
}

#menu-header>h3 {
	margin: 0;
	height: 50px;
	line-height: 50px;
}

.site-header .search-form {
	position: absolute;
	right: -15px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}

/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
.hentry {
	padding: 40px 0;
}

.entry-header,.entry-content,.entry-summary,.entry-meta {
	margin: 0 auto;
	width: 100%;
}

.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta
	{
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */
.sidebar .entry-header .entry-meta {
	padding: 0;
}

article {
	border-bottom: 1px solid black;
}

.entry-thumbnail img {
	display: block;
	margin: 0 auto 10px;
}

.blogContent>article>.entry-header {
	margin-bottom: 30px;
	height: 75px;
	background:
		url('images/blog/bandeauarticle.png')
		no-repeat center left #646464;
}

.contentArticle {
	overflow: hidden;
}

.entry-title {
	font-weight: normal;
	margin: 0px auto 5px;
	text-align: left;
	padding-left: 88px;
	display: inline-block;
	width: 100%;
	font-size: 25px;
	height: 70px;
}

.dateArticleBlog {
	display: inline-block;
	width: 100%;
	text-align: right;
	padding-right: 5px;
}

.entry-title a {
	color: #B1C800;
	text-transform: capitalize;
	font-size: 25px;
	line-height: 0.5 !important;
}

.entry-title a:hover {
	
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */
.entry-meta {
	clear: both;
	font-size: 14px;
}

.entry-meta a {
	color: #B1C800;
}

.entry-meta a:hover {
	color: #B1C800;
}

.entry-meta>span {
	margin-right: 20px;
	display: block;
}

.entry-meta>span:last-child {
	margin-right: 0;
}

.featured-post:before {
	content: "\f308";
	margin-right: 2px;
}

.entry-meta .date a:before {
	content: "\f303";
}

.comments-link a:before {
	content: "\f300";
	margin-right: 2px;
	position: relative;
	top: -1px;
}

.entry-meta .author a:before {
	content: "\f304";
	position: relative;
	top: -1px;
}

.categories-links a:first-child:before {
	content: "\f301";
}

.tags-links a:first-child:before {
	content: "\f302";
	position: relative;
	top: -1px;
}

.edit-link a:before {
	content: "\f411";
	position: relative;
	top: -1px;
}

.single-author .entry-meta .author,.sticky.format-standard .entry-meta .date,.sticky.format-audio .entry-meta .date,.sticky.format-chat .entry-meta .date,.sticky.format-image .entry-meta .date,.sticky.format-gallery .entry-meta .date
	{
	display: none;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */
.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	text-align: justify;
	width: 70%;
}

.entry-content a,.comment-content a {
	color: #B1C800;
}

.entry-content a:hover,.comment-content a:hover {
	color: #ea9629;
}

.entry-content blockquote {
	font-size: 24px;
}

.entry-content blockquote cite,.entry-content blockquote small {
	font-size: 16px;
}

.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
	margin-left: -60px;
}

.entry-content img.alignright,.entry-content .wp-caption.alignright {
	margin-right: -60px;
}

footer.entry-meta {
	margin-top: 24px;
}

.format-standard footer.entry-meta {
	margin-top: 0;
}

/* Page links */
.page-links {
	clear: both;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 2.2;
	margin: 20px 0;
	text-transform: uppercase;
}

.page-links a,.page-links>span {
	background: #fff;
	border: 1px solid #fff;
	padding: 5px 10px;
	text-decoration: none;
}

.format-status .entry-content .page-links a,.format-gallery .entry-content .page-links a,.format-chat .entry-content .page-links a,.format-quote .entry-content .page-links a,.page-links a
	{
	background: #e63f2a;
	border: 1px solid #e63f2a;
	color: #fff;
}

.format-gallery .entry-content .page-links a:hover,.format-audio .entry-content .page-links a:hover,.format-status .entry-content .page-links a:hover,.format-video .entry-content .page-links a:hover,.format-chat .entry-content .page-links a:hover,.format-quote .entry-content .page-links a:hover,.page-links a:hover
	{
	background: #fff;
	color: #e63f2a;
}

.format-status .entry-content .page-links>span,.format-quote .entry-content .page-links>span
	{
	background: none;
}

.page-links .page-links-title {
	background: transparent;
	border: none;
	margin-right: 20px;
	padding: 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,.hentry .mejs-container .mejs-controls {
	background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
	{
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ea9629;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total
	{
	background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current
	{
	border-radius: 0;
}

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */
.gallery {
	margin-bottom: 20px;
	margin-left: -4px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1.gallery-size-medium,.gallery-columns-1.gallery-size-thumbnail,.gallery-columns-2.gallery-size-thumbnail,.gallery-columns-3.gallery-size-thumbnail
	{
	display: table;
	margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item
	{
	text-align: center;
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n)
	{
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1)
	{
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.3;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 2px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
	width: 100%;
}

.gallery-caption:before {
	box-shadow: 0 -10px 15px #000 inset;
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption
	{
	display: none;
}

/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside {
	background-color: #f7f5e7;
}

.blog .format-aside:first-of-type,.single .format-aside:first-of-type,.format-aside+.format-aside,.format-aside+.format-link,.format-link+.format-aside
	{
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-aside .entry-meta {
	margin-top: 0;
}

.format-aside blockquote {
	font-size: 100%;
	font-weight: normal;
}

.format-aside cite {
	font-size: 100%;
	text-transform: none;
}

.format-aside cite:before {
	content: "\2014";
	margin-right: 5px;
}

/* Audio */
.format-audio {
	background-color: #db572f;
}

.format-audio .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-audio .entry-content:before {
	content: "\f109";
	float: left;
	font-size: 64px;
	position: relative;
	top: 4px;
}

.format-audio .entry-content a,.format-audio .entry-meta a,.format-audio .entry-content a:hover,.format-audio .entry-meta a:hover
	{
	color: #fbfaf3;
}

.format-audio .audio-content {
	background: url(images/dotted-line.png) repeat-y left top;
	background-size: 4px 4px;
	float: right;
	padding-left: 35px;
	width: 80%;
	width: -webkit-calc(100% - 85px);
	width: calc(100% - 85px);
}

.format-audio .wp-audio-shortcode {
	height: 30px !important; /* Override mediaelement.js style */
	margin: 20px 0;
	max-width: 400px !important; /* Override mediaelement.js style */
}

.format-audio audio {
	max-width: 100% !important; /* Avoid player width overflow. */
}

/* Chat */
.format-chat {
	background-color: #eadaa6;
}

.format-chat .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-chat .entry-meta a,.format-chat .entry-content a {
	color: #722d19;
}

.format-chat .entry-meta .date a:before {
	content: "\f108";
	margin-right: 2px;
}

.format-chat .entry-meta .author {
	display: none;
}

.format-chat .chat {
	margin: 0;
}

.format-chat .chat .chat-timestamp {
	color: #722d19;
	float: right;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 10px 0;
}

.format-chat .chat .fn {
	font-style: normal;
}

/* Gallery */
.format-gallery {
	background-color: #fbca3c;
}

.format-gallery .entry-header {
	margin-bottom: 15px;
}

.format-gallery .entry-title {
	font-size: 50px;
	font-weight: 400;
	margin: 0;
}

.format-gallery .entry-meta a,.format-gallery .entry-content a {
	color: #722d19;
}

/* Image */
.format-image .entry-title {
	font-size: 28px;
	font-weight: bold;
}

.format-image .categories-links,.format-image .tags-links {
	display: none;
}

/* Link */
.format-link {
	background-color: #f7f5e7;
}

.blog .format-link:first-of-type,.single .format-link:first-of-type {
	box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-link .entry-header,.format-link .entry-content p:last-child {
	margin-bottom: 0;
}

.format-link .entry-title {
	color: #ca3c08;
	display: inline;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin-right: 20px;
}

.format-link .entry-title a {
	color: #B1C800;
}

.format-link div.entry-meta {
	display: inline;
}

/* Quote */
.format-quote {
	background-color: #210d10;
}

.format-quote .entry-content,.format-quote .entry-meta {
	color: #f7f5e7;
}

.format-quote .entry-content blockquote {
	font-size: 28px;
	margin: 0;
}

.format-quote .entry-content a,.format-quote .entry-meta a,.format-quote .linked
	{
	color: #e63f2a;
}

.format-quote .entry-content cite a {
	border-bottom: 1px dotted #fff;
	color: #fff;
}

.format-quote .entry-content cite a:hover {
	text-decoration: none;
}

.format-quote blockquote small,.format-quote blockquote cite {
	display: block;
	font-size: 16px;
}

.format-quote blockquote {
	font-style: italic;
	font-weight: 300;
	padding-left: 75px;
	position: relative;
}

.format-quote blockquote:before {
	content: '\201C';
	font-size: 140px;
	font-weight: 400;
	line-height: .8;
	padding-right: 25px;
	position: absolute;
	left: -15px;
	top: -3px;
}

.format-quote .entry-meta .author {
	display: none;
}

/* Status */
.format-status {
	background-color: #722d19;
	padding: 0;
}

.format-status .entry-content,.format-status .entry-meta {
	padding-left: 35px;
	position: relative;
}

.format-status .entry-content a {
	color: #eadaa6;
}

.format-status .entry-meta a {
	color: #f7f5e7;
}

.sidebar .format-status .entry-content,.sidebar .format-status .entry-meta
	{
	padding-left: 95px;
}

.format-status .entry-content:before,.format-status .entry-meta:before {
	background: url(images/dotted-line.png) repeat-y left bottom;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	left: 10px;
	top: 0;
	width: 1px;
}

.sidebar .format-status .entry-content:before,.sidebar .format-status .entry-meta:before
	{
	left: 70px;
}

.format-status .categories-links,.format-status .tags-links {
	display: none;
}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
	background-position: left top;
}

.format-status .entry-content {
	color: #f7f5e7;
	font-size: 24px;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 30px;
	padding-top: 40px;
	position: relative;
}

.format-status .entry-content p:first-child:before {
	background-color: rgba(0, 0, 0, 0.65);
	content: "";
	height: 3px;
	margin-top: 13px;
	position: absolute;
	left: 4px;
	width: 13px;
}

.sidebar .format-status .entry-content>p:first-child:before {
	left: 64px;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

.format-status .entry-meta {
	margin-top: 0;
	padding-bottom: 40px;
}

.format-status .entry-meta .date a:before {
	content: "\f105";
}

/* Video */
.format-video {
	background-color: #db572f;
}

.format-video .entry-content a,.format-video .entry-meta a,.format-video .entry-content a:hover,.format-video .entry-meta a:hover
	{
	color: #fbfaf3;
}

.format-video .entry-title {
	font-size: 50px;
	font-weight: 400;
}

.format-video .entry-meta {
	color: #220e10;
}

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */
.attachment .hentry {
	background-color: #e8e5ce;
	margin: 0;
	padding: 0;
}

.attachment .entry-header {
	margin-bottom: 0;
	max-width: 1040px;
	padding: 30px 0;
}

.attachment .entry-title {
	display: inline-block;
	float: left;
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
}

.attachment .entry-title:before {
	content: "\f416";
	font-size: 32px;
	margin-right: 10px;
}

.attachment .entry-meta {
	clear: none;
	color: inherit;
	float: right;
	max-width: 604px;
	padding: 9px 0 0;
	text-align: right;
}

.hentry.attachment:not (.image-attachment ) .entry-meta {
	max-width: 104px;
}

.attachment footer.entry-meta {
	display: none;
}

.attachment-meta:before {
	content: "\f307";
}

.full-size-link a:before {
	content: "\f402";
}

.full-size-link:before {
	content: none;
}

.attachment .entry-meta a,.attachment .entry-meta .edit-link:before,.attachment .full-size-link:before
	{
	color: #ca3c08;
}

.attachment .entry-content {
	background-color: #fff;
	max-width: 100%;
	padding: 40px 0;
}

.image-navigation {
	margin: 0 auto;
	max-width: 1040px;
	position: relative;
}

.image-navigation a:hover {
	text-decoration: none;
}

.image-navigation .nav-previous,.image-navigation .nav-next {
	position: absolute;
	top: 50px;
}

.image-navigation .nav-previous {
	left: 0;
}

.image-navigation .nav-next {
	right: 0;
}

.image-navigation .meta-nav {
	font-size: 32px;
	font-weight: 300;
	vertical-align: -4px;
}

.attachment .entry-attachment,.attachment .type-attachment p {
	margin: 0 auto;
	max-width: 724px;
	text-align: center;
}

.attachment .entry-attachment .attachment {
	display: inline-block;
}

.attachment .entry-caption {
	text-align: left;
}

.attachment .entry-description {
	margin: 20px auto 0;
	max-width: 604px;
}

.attachment .entry-caption p:last-child,.attachment .entry-description p:last-child
	{
	margin: 0;
}

.attachment .site-main .sidebar-container {
	display: none;
}

.attachment .entry-content .mejs-audio {
	max-width: 400px;
	margin: 0 auto;
}

.attachment .entry-content .wp-video {
	margin: 0 auto;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */
.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a {
	color: #aaa;
}

.navigation a:hover {
	color: #B1C800;
	text-decoration: none;
}

.paging-navigation {
	padding: 40px 0;
}

.paging-navigation .nav-links {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .paging-navigation .nav-links {
	max-width: 1040px;
	padding: 0 376px 0 60px;
}

.paging-navigation .nav-next {
	padding: 13px 0;
}

.paging-navigation a {
	font-size: 22px;
	font-style: italic;
	font-weight: 300;
}

.paging-navigation .meta-nav {
	background-color: #555555;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
	
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

.paging-navigation a:hover .meta-nav {
	background-color: #B1C800;
	text-decoration: none;
}

.post-navigation {
	background-color: #EBE8E8;
	color: #ca3c08;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	padding: 20px 0;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
	padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */
.author-info {
	margin: 0 auto;
	max-width: 604px;
	padding: 30px 0 10px;
	text-align: left; /* gallery & video post formats */
	width: 100%;
}

.author.sidebar .author-info {
	max-width: 1040px;
	padding: 30px 376px 10px 60px;
}

.single .author-info {
	padding: 50px 0 0;
}

.author-avatar .avatar {
	float: left;
	margin: 0 30px 30px 0;
}

.single-format-status .author-description {
	color: #f7f5e7;
}

.author-description .author-title {
	clear: none;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 8px;
}

.author-link {
	color: #ca3c08;
	margin-left: 2px;
}

.author.archive .author-link {
	display: none;
}

/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */
.archive-header {
	background-color: #e8e5ce;
}

.archive-title,.archive-meta {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.archive-meta {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	margin-top: -15px;
	padding: 0 0 11px;
}

.sidebar .archive-meta {
	padding-right: 316px;
}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */
.page-header {
	background-color: #e8e5ce;
}

.page-title {
	font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

.page-content {
	margin: 0 auto;
	max-width: 604px;
	padding: 40px 0;
	width: 100%;
}

.sidebar .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding: 40px 376px 40px 60px;
}

/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */
.error404 .page-header {
	background-color: #fff;
}

.error404 .page-title {
	line-height: 0.6;
	margin: 0;
	padding: 300px;
	position: relative;
	text-align: center;
	width: auto;
}

.error404 .page-title:before {
	color: #e8e5ce;
	content: "\f423";
	font-size: 964px;
	line-height: 0.6;
	overflow: hidden;
	position: absolute;
	left: 7px;
	top: 28px;
}

.error404 .page-wrapper {
	background-color: #e8e5ce;
}

.error404 .page-header,.error404 .page-content {
	margin: 0 auto;
	max-width: 1040px;
	padding-bottom: 40px;
	width: 100%;
}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */
.comments-title,.comment-list,.comment-reply-title,.must-log-in,.comment-respond .comment-form,.comment-respond iframe
	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 604px;
	width: 100%;
}

.sidebar .comments-title,.sidebar .comment-list,.sidebar .must-log-in,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form
	{
	max-width: 1040px;
	padding-left: 60px;
	padding-right: 376px;
}

.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-list,.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list>li:after,.comment-list .children>li:before {
	background: url(images/dotted-line.png) repeat left top;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list>li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;
}

.comment-author {
	float: left;
	max-width: 74px;
}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,.comment-author .url,.comment-reply-link,.comment-reply-login
	{
	color: #B1C800;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;
}

.no-avatars .comment-metadata,.no-avatars .comment-content,.no-avatars .comment-list .reply
	{
	width: 100%;
}

.bypostauthor>.comment-body .fn:before {
	content: "\f408";
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,.comment-awaiting-moderation,.comment-content,.comment-list .reply
	{
	float: right;
	width: 79%;
	width: -webkit-calc(100% - 124px);
	width: calc(100% - 124px);
	word-wrap: break-word;
}

.comment-meta,.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	content: "\f414";
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,.comment-reply-login:before {
	content: "\f412";
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	background-color: #EBE8E8;
	padding: 30px 0;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	content: "\f406";
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,.sidebar .comment-list .comment-respond .comment-form
	{
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,.comment-form .comment-form-email,.comment-form .comment-form-url
	{
	margin-bottom: 8px;
}

.comment-form [for="author"],.comment-form [for="email"],.comment-form [for="url"],.comment-form [for="comment"]
	{
	float: left;
	padding: 5px 0;
	width: 120px;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]
	{
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	background-color: #f7f5e7;
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}

.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}

/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */
.site-main .mu_register {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}

.mu_alert {
	margin-top: 25px;
}

.site-main .mu_register input[type="submit"],.site-main .mu_register #blog_title,.site-main .mu_register #user_email,.site-main .mu_register #blogname,.site-main .mu_register #user_name
	{
	font-size: inherit;
	width: 270px;
}

.site-main .mu_register input[type="submit"] {
	width: auto;
}

/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */
.site-main .widget-area {
	float: right;
	width: 300px;
}

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */
.widget {
	background-color: rgba(247, 245, 231, 0.7);
	font-size: 14px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	margin: 0 0 24px;
	word-wrap: break-word;
}

.widget .widget-title {
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0;
	color: #555;
}

.widget ul,.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	text-align: left;
}

.widget_recent_entries_content>ul>li {
	padding-bottom: 40px;
}

.widget .children li:last-child {
	padding-bottom: 0;
}

.widget li>ul,.widget li>ol {
	margin-left: 20px;
}

.widget a {
	color: #B1C800;
}

.widget a:hover {
	color: #C0D600;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,.widget_rss li>cite {
	color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,.widget_calendar td {
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}

.widget_calendar caption {
	font-size: 14px;
	margin: 0;
}

.widget_calendar th,.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	display: block;
}

.widget_calendar a:hover {
	background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad,.site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */
.site-footer {
	background-color: #242424;
	color: #B1C800;
	font-size: 14px;
	text-align: center;
	position: relative;
	bottom: 0px;
	z-index: 1000;
	width: 100%;
}

.widget-area.mansory {
	display: block;
}

.textwidget {
	margin-top: 15px;
}

.site-footer .widget-area,.sidebar .site-footer {
	text-align: left;
}

.site-footer a {
	color: #fff;
	padding: 0 5px;
}

.site-footer .sidebar-container {
	background-color: #242424;
	padding: 5px 0 0;
}

.site-footer>.sidebar-container>.masonry {
	/*width: 50%;*/
	margin: auto;
	/*height: auto !important;*/
	background-image:
		url('images/background/logobugmini.png');
	background-repeat: no-repeat;
	background-position: 98% 5px;
	background-size: 45px 45px;
	/*min-width: 600px;*/
	min-height: 60px;
	max-height: 52%;
	line-height: 52px;
}

.site-footer>.sidebar-container>.masonry>aside {
	display: inline;
	position: static !important;
	width: auto;
	float: unset;
	line-height: 52px;
}

#search-2>form {
	display: inline;
}

.site-footer .widget-area {
	margin: 0 auto;
	max-width: 1040px;
	width: 100%;
}

.sidebar .site-footer .widget-area {
	max-width: 724px;
	position: relative;
	left: -158px;
}

.site-footer .widget {
	background: transparent;
	color: #fff;
	float: left;
	margin-right: 20px;
	width: 245px;
}

.sidebar .site-footer .widget {
	width: 228px;
}

.sidebar .site-footer .widget:nth-of-type(4),.sidebar .site-footer .widget:nth-of-type(3)
	{
	margin-right: 0;
}

.site-footer .widget-title,.site-footer .widget-title a,.site-footer .wp-caption-text
	{
	color: #fff;
}

.site-info {
	margin: 0 auto;
	max-width: 1040px;
	padding: 30px 0;
	width: 100%;
}

#wpstats {
	display: block;
	margin: -10px auto 0;
}

/********************************
			Bittle
********************************/
/*Front Page*/
#baniere {
	-moz-box-shadow: inset 0 0 10px #555;
	-webkit-box-shadow: inset 0 0 10px #555;
	box-shadow: inset 0 0 10px #555;
}

#baniere>img {
	width: 100%;
}

#logo {
	width: 25%;
	min-width: 300px;
	max-width: 430px;
}

#description {
	text-align: center;
	background-color: #FFF;
	overflow: hidden;
}

#description,#IVplan,#headerContent {
	position: fixed;
	top: 75px;
	right: 0;
	left: 0;
}

#description {
	height: 100%;
}

#VplanL {
	position: fixed;
	right: 76%;
	width: 425px;
	top: 10%;
}

#VplanR {
	position: fixed;
	top: 10%;
	width: 569px;
	left: 74%;
}

#IVplanL {
	position: fixed;
	left: 0px;
	width: 668px;
	top: 14%;
}

#IVplanR {
	position: fixed;
	top: 14%;
	right: 0px;
	width: 468px;
}

#IIIplanL {
	position: fixed;
	right: 68%;
	width: 690px;
	top: 16%;
}

#IIIplanR {
	position: fixed;
	width: 585px;
	top: 16%;
	left: 73%;
}

#IVplan {
	position: relative;
	top: 14%;
	height: 447px;
	background-image:
		url('images/header/4emeplan.png');
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: 1920px auto;
}

#IIplanL {
	position: fixed;
	width: 282px;
	top: 21%;
	right: 70%;
}

#IIplanR {
	position: fixed;
	width: 282px;
	left: 67%;
	top: 21%;
}

#IIplanBisL {
	position: fixed;
	right: 81%;
	width: 600px;
	top: 22%;
}

#IIplanBisR {
	position: fixed;
	left: 81%;
	width: 600px;
	top: 22%;
}

#IplanL {
	position: fixed;
	width: 393px;
	top: 21%;
	right: 76%;
}

#IplanR {
	position: fixed;
	width: 491px;
	top: 25%;
	left: 72%;
}

#headerContent {
	margin-bottom: 50px;
	text-align: center;
}

#transitionFonction {
	width: 100%;
	margin-top: -70px;
}

#buttonPre {
	position: fixed;
	width: 100%;
	margin-top: 12px;
}

#tryIt,#demo {
	background-color: #38C5CE;
	/*width: 30%;
	max-width: 200px;*/
	width: 25%;
	max-width: 320px;
}

#tryIt,#demo,#login {
	margin: 5px;
	margin-top: 1.5%;
	box-shadow: 0px 0px 10px 0px rgba(182, 182, 182, 1);
}

#tryIt:hover,#demo:hover {
	background-color: #555;
}

#login {
	width: 23%;
	max-width: 460px;
}

#linkLogin { /*display: block;*/
	max-width: 260px;
	margin: auto;
}

.buttonCloud>h3 {
	margin: 0;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	font-family: "Ubuntu", Helvetica, sans-serif;
}

.buttonCloud>p {
	padding-top: 0;
	font-size: 15px;
	padding: 0 0 10px 0;
	color: #72797E;
}

#reseauxSociaux {
	text-align: center;
}

#reseauxSociauxNav {
	text-align: right;
	margin-right: 5px;
}

#topFonctionnlite {
	background-image:
		url('images/fonctionnalites/topgrey-new.png');
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 1920px auto;
	position: relative;
	z-index: 1;
	height: 598px;
	width: 100%;
	margin-top: 470px;
	text-align: center;
	overflow: hidden;
}

#topFonctionnliteImg {
	width: 537px;
	margin: auto;
	position: relative;
	left: 322.80px;
}

#fonctionnalites {
	background-image:
		url('images/fonctionnalites/botbug-new.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 1920px auto;
	position: relative;
	z-index: 1;
	background-color: #EBEAE8;
	overflow: hidden;
	top: -1px;
}

#greenCloudBG {
	background-image:
		url('images/tarifs/cloudgreenpara.png');
	background-repeat: repeat-x;
	background-position: top;
	background-size: 1920px auto;
	position: relative;
	width: 100%;
	height: 600px;
}

#textIntro {
	width: 38%;
	text-align: justify;
	margin: auto;
	height: 250px;
	margin-top: 150px;
	color: #6a757b;
	font-size: 16px;
	padding: 30px;
}

#principale {
	padding-top: 50px;
}

.contentFunction {
	width: 64%;
}

#secondaire {
	margin-right: 5%;
	margin-left: 5%;
	text-align: center;
}

#listConnecteur {
	text-align: center;
}

.connecteurUnique {
	display: inline-block;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	margin: 5px;
}

.connecteurUnique>img {
	position: relative;
	top: -50px;
}

.connecteurUnique>h4 {
	top: 25px;
	position: relative;
	font-size: 18px;
}

.connecteurUnique>img:hover,.connecteurUnique>img:active {
	opacity: 0.1;
}

#listGraphique {
	margin: 10px;
}

.graphique {
	display: inline-block;
	width: 25%;
}

.graphique>img {
	width: 75px;
	height: 75px;
	margin-top: -5px;
}

.graphiqueDescription {
	display: inline-block;
	vertical-align: middle;
	width: 54%;
}

.graphiqueDescription>h4 {
	margin: 0;
	padding-left: 10px;
}

.graphiqueDescription>p {
	padding-top: 0;
}

#tarifBGTop {
	height: 247px;
	background:
		url('images/tarifs/topcloudtarif.png')
		repeat-x scroll center top transparent;
	position: relative;
	z-index: 2;
}

#tarifBGBottom {
	height: 140px;
	background:
		url('images/tarifs/bottomcloudtarif.png')
		repeat-x center center;
	position: relative;
	z-index: 2;
}

#tarifs {
	background-color: #3EC1CB;
	background-position: center 0px;
	background-size: 2400px 100%;
	background-repeat: repeat-x;
	min-height: 420px;
	text-align: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#tarifs>p {
	width: 55%;
	max-width: 800px;
	text-align: left;
	margin: auto;
	color: #fff;
	font-size: 18px;
}

#tarifs>h2 {
	color: #fff;
	margin: 0;
}

#allTarifs {
	background-image:
		url('http://www.bittle-solutions.com/Apache/wordpress/wp-content/themes/bittle/images/tarifs/cloudGlobal.png');
	background-position: center 0px;
	/*background-size: 1980px auto;*/
	background-repeat: repeat-x;
	min-height: 500px;
	top: -120px;
	position: relative;
}

#detailComplet {
	width: 100%;
	text-align: center;
	position: relative;
	background-image:
		url('images/tarifs/cloudbackabo.png');
	background-repeat: no-repeat;
	background-position: center 65px;
	margin-bottom: 50px;
}

#detailComplet>img {
	display: block;
	margin: auto;
	margin-top: 10px;
}

.detailsTarifs {
	position: relative;
	width: 200px;
}

#iMOverTheWindows {
	position: absolute;
	width: 4000px;
	left: -2000px;
	margin-left: 50%;
	text-align: center;
}

#filConteneur {
	width: 1920px;
	margin: auto;
	position: relative;
	top: 120px;
	left: -60px;
}

.filConteneurPortable {
	display: none;
}

#filMidGauche {
	top: 35px;
	position: relative;
	z-index: 2;
	left: 60px;
}

#filMidDroite {
	top: 37px;
	position: relative;
	left: 5px;
}

#filDroite {
	z-index: 4;
	position: relative;
	left: -10px;
	top: 0px;
}

#filGauche {
	position: relative;
	left: 70px;
}

#Xpress {
	width: 220px;
	left: 0px;
	top: 156px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}

#Pro {
	width: 220px;
	z-index: 1;
	left: -15px;
	top: 162px;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}

#Enterprise {
	top: 156px;
	left: -35px;
	z-index: 3;
	width: 220px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}

#aProposDeNous {
	background: linear-gradient(#A6CB0F, #C7DE69);
	background: -webkit-linear-gradient(#A6CB0F, #C7DE69);
	background-color: #C7DE69;
	margin-top: -130px;
	position: relative;
	z-index: 0;
}

#homeSidebar>.widget {
	background-color: #69747A;
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	padding: 10px;
	margin-bottom: 0;
}

#homeSidebar>.widget>h3,#homeSidebar>.widget>ul {
	background-color: #FFF;
	padding: 5px;
}

#homeSidebar>.widget>h3 {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#homeSidebar>.widget>ul {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.blogIndex>#homeSidebar>.widget>.widget-title {
	color: #B1C800;
	background-color: #646464;
	border-radius: 0;
	text-align: right;
}

#aboutUsLink {
	border-radius: 20px;
	color: #fff;
}

#aboutUsLink>h4,#aboutUsLink>p>strong {
	color: #A6CE38;
}

#aboutUsLink>p {
	text-align: justify;
}

#aboutUsImg {
	width: 620px;
}

#suivantsuccessStory>.suivant>img,#aboutUsLink>.precedent>img {
	width: 30px;
}

#societeLinkImg {
	width: 100%;
	background-image:
		url('images/about/societe1.png');
	background-position: center 0px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#societeLinkImg>img {
	width: 100%;
}

#aboutUsAside {
	position: relative;
	top: 60px;
	background-color: #FFF;
	box-shadow: 1px 0px 10px #555;
	transition-property: left;
	transition-duration: 0.8s;
	width: 60%;
}

#aboutUsAside>h4 {
	color: #A6CE38;
	text-transform: uppercase;
}

#aboutUsImg {
	position: relative;
}

#homeSidebar {
	text-align: center;
	color: #555;
	width: 64%;
	margin: 0 auto -365px;
}

.blogContent {
	display: inline-block;
	width: 62%;
	text-align: left;
	min-width: 500px;
}

.blogIndex>#homeSidebar {
	display: inline-block;
	width: 24%;
	padding-top: 30px;
	margin: 0;
	vertical-align: top;
	text-align: left;
}

.blogIndex>#homeSidebar>.widget {
	width: 92%;
	background-color: transparent;
}

#twitter_timeline-2 {
	top: -20px;
	position: relative;
	padding-top: 40px !important;
}

#twitter-widget-0 {
	padding-top: 5px;
}

#bottomActu {
	width: 64%;
	margin: 0 auto 0;
	background-color: #69747A;
	position: relative;
	padding: 10px 20px 0;
}

#bottomActu>div {
	display: inline-block;
	width: 49%;
}

#twitterActu>img {
	width: 44px;
}

#twitterActu {
	text-align: right;
}

.widget_recent_entries_content {
	height: 650px;
	border-top-left-radius: 30px;
}

.widget_recent_entries_content>ul {
	height: 575px;
	overflow-y: scroll;
}

.widget_rss {
	height: 200px;
}

.widget_successstory_widget {
	position: relative;
	bottom: 650px;
	left: 25%;
	height: 331px;
	border-top-right-radius: 30px;
}
#press1erPlan {
	background-image:
		url('images/press/1erplan.png');
	background-repeat: no-repeat;
	background-position: center;
  position:absolute;
  left:0;
  top:530px;
  z-index:11;
  width:100% ;
  height:176px;
}
#press2emePlan {
	background-image:
		url('images/press/2emeplan.png');
	background-repeat: no-repeat;
	background-position: center;
   position:absolute;
  left:-350px;
  top:510px;
  z-index:9;
  width:100%;
  height:87px;
}
#press3emePlan {
	background-image:
		url('images/press/3emeplan.png');
	background-repeat: no-repeat;
	background-position: center;
   position:absolute;
  left:0;
  top:390px;
  z-index:8;
  width:100%;
  height:191px;
}
#press4emePlan {
	background-image:
		url('http://www.bittle-solutions.com/Apache/wordpress/wp-content/themes/bittle/images/press/4emeplan.png');
	background-repeat: no-repeat;
	background-position: center;
  position:absolute;
  left:100px;
  top:220px;
  z-index:6;
  width:100%;
  height:251px;
}
#medias #press4emePlan{
  top:140px;
}
#medias #press3emePlan{
  top:310px;
}
#medias #press2emePlan{
  top:430px;
}
#medias #press1erPlan{
  top:450px;
}

#membres {
	background-image:
		url('images/about/bittle.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	background-attachment: fixed;
	padding-top: 100px;
	overflow: hidden;
  position:relative;
}
#medias #membres{
padding-top:20px;
padding-bottom:0px;
}
#medias h4{color:#a6cf39;}
#podium {
	background-image:
		url('images/about/backactu.png');
	background-repeat: repeat-x;
	background-position: center 233px;
	background-size: 2400px auto;
	padding-bottom: 200px;
	margin-top: -20px;
}

.menuHeader {
	text-align: center;
	width: 52%;
	margin: auto;
	border-bottom: 1px solid #555;
	margin-bottom: 50px;
	min-width: 600px;
}

.menuHeader>h3 {
	display: inline-block;
	margin-bottom: 0px;
}

.menuHeader>h3 {
	padding: 10px 20px;
	color: #555;
	text-transform: uppercase;
	font-weight: bold;
}

.menuHeader>h3.active {
	border: none !important;
	color: #B1C800 !important;
}

#videoTitle {
	width: 33%;
}

#tdbTitle {
	margin-left: -4px;
	width: 33%;
}
#casclientsTitle {
	margin-left: -4px;
	width: 33%;
}

.headerPartenaire>h4,.headerSuccessStory>h4,.headerPresse>h4 {
	display: inline;
	padding-left: 10px;
}

.headerPartenaire>img,.headerSuccessStory>img,.headerPresse>img {
	width: 75px;
	height: 75px;
	border-radius: 100%;
	border: 1px solid #555555;
}

#partenaire,#successStory,#presse {
	text-align: center;
	padding: 0 10px;
}

#visiblepartenaire,#visiblesuccessStory,#visiblepresse {
	min-height: 300px;
}

#contactUs {
	background-color: #fff;
	position: relative;
}

#greenBgCloud {
	top: -214px;
	position: relative;
}

#whiteCloud {
	background-image:
		url('images/background/Nbackplanet.png');
	background-repeat: repeat-x;
	background-position: center 0;
	background-size: 1980px auto;
	text-align: center;
	position: relative;
	padding-top: 10.7%;
	overflow-y: visible;
	overflow-x: hidden;
	padding-bottom: 60px;
	min-height: 500px;
}

#blueCloudRight,#blueCloudLeft {
	position: relative;
	z-index: 0;
	height: auto;
	min-height: 100px;
	top: -110px;
	margin-bottom: -70px;
}

#smallBlueCloud {
	text-align: center;
	position: relative;
	z-index: 2;
	float: left;
	top: -190px;
	margin-bottom: -16%;
}

.marginCloud {
	width: 30%;
	display: inline-block;
	height: 230px;
}

#cloudCentral>p {
	padding: 140px 70px 0px;
}

#cloudCentral {
	background-image:
		url('images/map/smallBlueCloud.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 100;
	display: inline-block;
	text-align: center;
	color: #fff;
	line-height: 18px;
	width: 500px;
	height: 350px;
	margin-top: -100px;
}

#cloudCentral>h4 {
	width: 50%;
	margin: auto;
}

#underCloud {
	height: 380px;
}

#arrowsSup {
	background-image:
		url('images/map/flecheblanchecloud.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 483px 297px;
	height: 297px;
	width: 483px;
	max-width: 600px;
	margin: -5% auto auto;
	position: relative;
}

#support {
	position: relative;
}

.cloudbg {
	width: 100%;
}

#greenbg {
	
}

#cartes {
	background-image:
		url('images/map/planet.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 3000px 986px;
	padding-top: 6%;
	text-align: center;
	position: relative;
	z-index: 1;
	margin-top: -260px;
}

#iframeMap {
	
}

#contact {
	overflow: hidden;
	text-align: center;
	position: relative;
	z-index: 3;
	background-image:
		url('images/contact/GlobalBack.png');
	background-repeat: repeat-x;
	background-position: center 120px;
	background-size: 1920px auto;
	margin-top: -570px;
	padding-top: 410px;
	top: 214px;
}

.divAvion {
	display: inline;
	margin: auto;
}

.contactI {
	position: relative;
	/*top: 250px;*/
	margin-bottom: -162px;
}

.contactAvion {
	max-width: 80%;
	/*top: 300px;*/
	position: relative;
	margin-bottom: -274px;
	left: 50px;
	display: block;
}

.contactEnvellope {
	position: relative;
	width: 172px;
	margin-bottom: -139px;
	/*top: 255px;*/
	margin-left: 1200px;
}

.contactWhiteCloud {
	max-width: 100%;
	margin-bottom: -379px;
	padding-top: 1%;
	position: relative;
	/*top: 300px;*/
	z-index: 1;
}

.contactNuage {
	position: relative;
	/*top: 400px;*/
	max-width: 85%;
	z-index: 0;
	margin-bottom: -290px;
}

#avion {
	text-align: center;
}

#avionImg {
	max-width: 80%;
	padding-left: 9%;
	padding-right: 7%;
	margin-bottom: -208px;
	z-index: 2;
	position: relative;
	/*top: 50px;*/
}

#envellopeForm {
	position: relative;
	z-index: 2;
	margin-bottom: -200px;
}

#divEnvelopeBack {
	background-image:
		url('http://www.bittle-solutions.com/Apache/wordpress/wp-content/themes/bittle/images/background/minienveloppebkg.png');
	background-repeat: no-repeat;
	background-position: center 150px;
	background-size: 45%;
	/*min-height: 130px;*/
	margin-bottom: -15%;
}

#envellopeForm {
	bottom: 120px;
	background-image:
		url('images/contact/Nenveloppe.png');
	background-size: 1920px auto;
	background-position: center bottom;
	background-repeat: repeat-x;
}

#envelopesImg {
	width: 710px;
}

#envelopesFrontImg {
	width: 660px;
	padding-left: 0.5%;
	padding-bottom: 0px;
	position: relative;
	z-index: 100;
	bottom: 240px;
	min-width: 465px;
	right: 5px;
}

#formulaireNewsletter {
	text-align: center;
	width: 60%;
	margin: auto;
}

#formulaireNewsletter>form>input {
	margin-bottom: 15px !important;
	margin-left: 10px !important;
}

#envelopesPaperImg {
	transition-property: transform;
	transition-duration: 0.5s;
	background-color: #F9F5D7;
	position: relative;
	z-index: 1;
	width: 610px;
	text-align: left;
	padding: 10px;
	padding-bottom: 0px;
	min-width: 450px;
	box-shadow: 0px 0px 10px 0px rgba(182, 182, 182, 1);
	padding-bottom: 100px;
	top: -80px;
	margin: auto auto -300px;
	min-height: 550px;
}

#envelopesPaperImgPosted {
	transition-property: transform;
	transition-duration: 0.5s;
	background-color: #F9F5D7;
	position: relative;
	z-index: 1;
	width: 610px;
	text-align: left;
	padding: 10px;
	padding-bottom: 0px;
	min-width: 450px;
	box-shadow: 0px 0px 10px 0px rgba(182, 182, 182, 1);
	padding-bottom: 100px;
	top: -80px;
	margin: auto auto -300px;
	min-height: 550px;
}

#envelopesPaperImg>form>aside {
	display: inline-block;
	vertical-align: top;
}

#infoMessage {
	width: 40%;
}

#votreMessage {
	width: 59%;
}

#envelopesPaperImg:hover {
	transform: translateY(-340px);
	/*margin-bottom: -20%; probleme version mobile*/
}

#envelopesPaperImgPosted:hover {
	/*transform: translateY(-340px);*/
	/*margin-bottom: -20%; probleme version mobile*/
	
}

.inputContact {
	border: none;
	background-color: #F9F5D7;
	width: 57%;
}

.contactImg {
	margin-bottom: -560px;
}

#site-navigation {
	position: fixed;
	background-color: #242424;
	width: 100%;
	z-index: 1000;
	height: 50px;
	top: 0;
}

.nav-menu {
	position: fixed;
	width: 300px;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.9);
	border-bottom: 1px solid #555;
	margin-bottom: 5px;
	opacity: 0.9;
}

#buttons-app {
	position: fixed;
	left: 123px;
	top: 0;
}

#divco {
	float: left;
	position: fixed;
	background-color: #555;
	padding: 10px;
	display: none;
}

#buttonReference {
	background-color: #69747A;
	width: 30%;
	border-radius: 20px;
	position: relative;
	min-width: 150px;
}

#references {
	background-color: #69747A;
	width: 64%;
	margin: auto;
	border-radius: 30px;
	padding: 1px;
	margin-bottom: 20px;
}

#referencesWhite {
	margin: 10px;
	background-color: #fff;
	border-radius: 20px;
	height: 300px;
	overflow: hidden;
}

#referencesWhite img {
	max-width: 150px;
	max-height: 100px;
	margin: 5px 15px;
	font-size: 16px;
}

.small-button {
	padding: 10px 20px;
	margin: 0px 0px;
	line-height: 30px;
	display: inline-block;
	border: none;
	border-radius: 0;
	background-color: #555;
}

.small-button:hover {
	background-color: #B1C800;
}

#language>ul {
	/*padding: 2px;*/
	/*margin-top: 0;*/
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
}

#language>ul>li {
	line-height: 20px;
}

#language {
	display: inline-block;
	vertical-align: top;
	background-color: #242424;
	padding: 0px 2px;
	border-radius: 20px;
}

.flag {
	height: 30px;
	margin: 2px;
}

#carte {
	display: inline-block;
	width: 90%;
}

#iframeVideo {
	text-align: center;
}

#lecteur {
	display: inline-block;
	width: 70%;
height:600px;
}

#close {
	width: 5%;
	float: left;
	z-index: 10;
	cursor: pointer;
	position: relative;
	left: 91%;
	margin-right: -60px;
	top: 32px;
}

.margesTB {
	padding: 25px 0 25px 0;
}

.hidden {
	display: none !important;
	/*la classe hidden doit � tout prix �tre cach� m�me si l'objet poss�de d�j� un display block et/ou inline*/
	text-align: justify;
	opacity: 0;
}

.active {
	color: #555555 !important;
	border: 1px solid #B1C800 !important;
	/*Pareil ici on ecrase la border d�j� existante*/
}

.iconeRS {
	width: 50px;
	height: 50px;
	margin: 2%;
}

.iconeRSNav {
	width: 30px;
	height: 30px;
}

.inNavbar {
	line-height: 50px;
}

.principaleComplet {
	width: 49%;
	min-width: 400px;
	display: inline-block;
	vertical-align: top;
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom: 30px;
}

.principaleComplet>.attachment-post-thumbnail {
	width: 75px;
	height: 75px;
	padding: 1%;
}

.principaleComplet>h3 {
	display: inline;
}

.principaleComplet>.entry-content {
	text-align: justify;
	display: inline;
}

.secondaireThumbnail {
	padding-bottom: 20px;
}

.secondaireComplet>.attachment-thumbnail,.secondaireThumbnail>.attachment-thumbnail,.secondaireThumbnail>.twoThumbnails>.thumbnailSecondaire>.attachment-thumbnail,.secondaireThumbnail>.twoThumbnails>.thumbnailSecondaireBlue>.attachment-post-thumbnail
	{
	width: 120px;
	height: 120px;
}

.twoThumbnails>.thumbnailSecondaire,.twoThumbnails>.thumbnailSecondaireBlue
	{
	display: inline-block;
	position: relative;
}

.twoThumbnails>.thumbnailSecondaire {
	z-index: 2;
}

.twoThumbnails>.thumbnailSecondaireBlue {
	bottom: 120px;
}

.twoThumbnails {
	width: 120px;
	height: 120px;
	display: inline-block;
}

.fonctionnaliteeSecondaire {
	text-align: justify;
	min-height: 240px;
	margin: 0px 14.5%;
	background-color: #fff;
	border-radius: 20px;
	padding: 20px;
}

.fonctionnaliteeSecondaire p {
	font-size: 18px;
}

.fonctionnaliteeSecondaire>h3 {
	text-align: center;
}

#greenCloudBack {
	margin-bottom: -170px;
	margin-top: 10px;
	position: relative;
}

#greenCloudFront {
	position: relative;
}

#moveToLeftBack {
	left: -150px;
}

#moveToRightBack {
	right: -100px;
}

.transition {
	width: 100%;
	background-image:
		url('images/tarifs/refletTarifs.png');
	background-size: 1920px auto;
	margin-top: 15px;
	background-position: center 130px;
	background-repeat: repeat-x;
	overflow: hidden;
	padding-top: 280px;
	margin-bottom: -250px;
}

.transitionContent {
	margin: auto;
	padding-bottom: 50px;
	position: relative;
	top: 0;
}

.supportContent {
	margin-top: -110px;
	max-width: 600px;
	width: 95%
}

.tarifComplet {
	display: inline-block;
	vertical-align: top;
	border-radius: 10px;
	margin-bottom: 80px;
	top: 240px;
	position: relative;
}

.tarifsHeaders {
	background-color: #68737a;
	height: 80px;
	margin: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tarifsHeaders>h2 {
	line-height: 80px;
	margin: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #69747A;
	font-size: 35px;
}

.tarifContent {
	margin-top: -1px;
	text-align: center;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom: 15px solid #69747A;
}

.tarifContent>h4 {
	font-size: 30px;
	color: #68737A;
	margin: 0;
	word-break: break-all;
}

.tarifXpress>.couleur,.tarifXpress>.tarifContent {
	color: #69747A;
	background-color: #26DDEB;
	border-right: 8px solid #69747A;
	border-left: 8px solid #69747A;
}

.tarifXpress>.bgcouleur {
	background-color: #4EC6C7;
}

.tarifXpress>.triangleHeader {
	
}

.tarifPro>.couleur,.tarifPro>.tarifContent {
	color: #69747A;
	background-color: #66DE7E;
	border-right: 8px solid #69747A;
	border-left: 8px solid #69747A;
}

.tarifPro>.bgcouleur {
	background-color: #59C99B;
}

.tarifEnterprise>.couleur,.tarifEnterprise>.tarifContent {
	color: #69747A;
	background-color: #CEFF4D;
	border-right: 8px solid #69747A;
	border-left: 8px solid #69747A;
}

.tarifEnterprise>.bgcouleur {
	background-color: #B1C700;
}

.triangleHeaderImg {
	display:block;
	margin-bottom: -1px;
	width: 220px;
	height: 121px;
}
.triangleHeaderImgMob {
	display:none;
	margin-bottom: -1px;
	width: 220px;
	height: 121px;
}


#Xpress * .triangleHeaderImg {
	background:
		url('images/tarifs/bluepricetop.png');
}

#Pro * .triangleHeaderImg {
	background:
		url('images/tarifs/vertbluepricetop.png');
}

#Enterprise * .triangleHeaderImg {
	margin-bottom: -2px;
	background:
		url('images/tarifs/yellowpricetop.png');
}

.fonctions>ul {
	padding: 0;
	margin: 0;
	list-style: circle;
	list-style-position: inside;
	padding-left: 5px;
}

.fonctions>ul>li {
	font-size: 15px;
	color: #68737A;
	text-align: center;
}

.fonctions>ul>li,.fonctions>p {
	transition-property: color;
	transition-duration: 0.6s;
}

.descriptionFonction {
	display: block;
	background-color: #a7cf3a;
	position: absolute;
	text-align: left;
	z-index: 9999999999999999;
	/*left:250px;*/
	width: 200px;
	margin-left: -60px;
	margin-top: 15px;
	padding: 10px;
	border-radius: 25px;
}

.functionDesc, .fonctions>ul>li:hover>.functionDesc{
	display: none;
	text-align: left;
  color:#7d7b6d !important;
	/* 	margin: 0 20px; */
}

.tarifXpress>.fonctions>p:hover,.tarifXpress>.fonctions>ul>li:hover {
	color: #4EC6C7;
}

.tarifPro>.fonctions>p:hover,.tarifPro>.fonctions>ul>li:hover {
	color: #59C99B;
}

.tarifEnterprise>.fonctions>p:hover,.tarifEnterprise>.fonctions>ul>li:hover
	{
	color: #B1C700;
}

.footerTarif {
	height: 110px;
	margin: -2px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.couleurPrix {
	position: relative;
}

.bigPrix {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 40px;
	top: 40px;
}

.littlePrix {
	top: 20px;
}

.tarifXpress>.footerTarif>.couleurPrix {
	color: #26DDEB;
}

.tarifPro>.footerTarif>.couleurPrix {
	color: #66DE7E;
}

.tarifEnterprise>.footerTarif>.couleurPrix {
	color: #CEFF4D;
}

.tarifXpress>.footerTarif {
	background-image:
		url('images/tarifs/bottomprice220.png');
	background-size: 100%;
}

.tarifPro>.footerTarif {
	background-image:
		url('images/tarifs/bottomprice220.png');
	background-size: 100%;
}

.tarifEnterprise>.footerTarif {
	background-image:
		url('images/tarifs/bottomprice220.png');
	background-size: 100%;
}

.pointeur {
	cursor: pointer;
}

 .membreComplet,.mediaComplet {
	display: inline-block;
	width: 20%;
	text-align: left;
	padding-bottom: 20px;
	vertical-align: top;
	height: 600px;
	background-color: #69747A;
	margin: 0 1%;
	padding: 20px;
	border-radius: 20px;
	color: #fff;
	overflow: auto;
  z-index:10;
}

#membres .membreComplet,#membres .mediaComplet {
	display: inline-block;
	width: 450px;
	text-align: left;
	padding-bottom: 20px;
	vertical-align: top;
	height: 450px;
	background-color: #69747A;
	margin: 0;
	padding: 20px;
	border-radius: 100%;
	color: #fff;
	overflow: hidden;
  position:relative;
  line-height:450px;
}
#membres .membreFiche {
    display: inline-block;
    line-height: 18px;
    margin-bottom: 50px;
    vertical-align: middle;
}
#medias #membres .membreFiche{padding:0 10px;}
#membres .membreComplet p,#membres .mediaComplet p{
margin:0 20px;
font-size:16px; 
}
#membres .membreComplet blockquote p,#membres .mediaComplet blockquote p{
font-size:16px;
}

#membres #firstmembre.membreComplet p,#membres #lastmembre.membreComplet p,#medias #firstmedia .membreDescription blockquote,#medias #lastmedia .membreDescription blockquote{
  margin:0 20px;
  font-size:12px;
  line-height:13px;
}
#membres #firstmembre.membreComplet blockquote p,#membres #lastmembre.membreComplet blockquote p,#membres #firstmedia.mediaComplet blockquote p,#membres #lastmedia.mediaComplet blockquote p{ margin:0px;}
#membres #firstmembre > blockquote,#lastmembre > blockquote,#membres #firstmedia > blockquote,#lastmedia > blockquote{
margin-top:0px;
}

#membres #firstmembre,#membres #lastmembre,#membres #firstmedia,#membres #lastmedia{
	width: 300px;
	height: 300px;
  margin-top:-60px;
  z-index:5;
  line-height: 320px;
}
#membres .membreHeader {
display:block;
margin:auto;
text-align:center !important;
}
#membres #paginationmembre,#membres #paginationmedia {
    position: relative;
    height: 70px;
    width:100%;
}
#membres #suivantmembre,#membres #suivantmedia{
position:absolute;
height:22px;
width:100%;
top:-180px;
right:-250px;
z-index:99;
}

#membres #precedentmembre,#membres #precedentmedia{
position:absolute;
height:22px;
width:100%;
top:-180px;
left:-250px;
z-index:99;
}

#membres h2{color:#FFF;}
.membreComplet strong,.mediaComplet strong {
	color: #B1C800;
	text-align: right;
}

.membreComplet>h4,.mediaComplet>h4 {
	margin-bottom: 0px;
}

.membreComplet>img,.mediaComplet>img {
	margin: auto;
	display: block;
	max-width: 150px;
	max-height: 100px;
	border-radius: 30px;
}

.membreCompletAboutUs,.mediaCompletAboutUs {
	display: inline-block;
	width: 75%;
	text-align: left;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #69747A;
	margin: 0 1%;
	padding-top: 20px;
	border-radius: 20px;
	color: #fff;
	margin: 10px 0;
}

.membreHeaderAboutUs>h3 {
	color: #fff;
}

.membreHeaderAboutUs {
	text-align: center;
}

.jobs {
	padding-left: 20px;
}

.jobs>h4 {
	color: #fff;
}

.linksRs {
	width: 100%;
	text-align: center;
}

.thumbnailObj {
	width: 200px;
	height: 200px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: left;
}

.pouet {
	display: inline-block;
	position: absolute;
	z-index: -1;
	background-color: #fff;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}

.thumbnailLeft {
	display: inline-block;
	position: absolute;
	z-index: -1;
	background-color: #fff;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

.membreHeader {
	text-align: center;
	/*height: 100px;*/
	margin-bottom: 8px;
  min-height:50px;
}

.membreHeader>img {
	vertical-align: center;
}

.membreHeader>h3,.membreHeader>h4 {
	margin: 0;
}

.promotion {
	
}

.carteComplete {
	width: 250px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background-color: #14A1BF;
	margin: 70px 2.5% 2%;
	border: 8px solid #fff;
	border-radius: 10px;
	padding: 0;
	transition-property: transform;
	transition-duration: 0.5s;
	min-height: 340px;
}

#blankMap {
	width: 100%;
	height: 270px;
}

.carteComplete:hover {
	transform: translateY(-35px);
}

.carteComplete>h4,.carteComplete>p {
	color: #fff;
}

.carteComplete>p {
	padding: 1px;
	min-height: 60px;
}

.carteComplete>img {
	display: block;
	margin: 0;
	cursor: pointer;
	margin: auto;
}
/*Page emploi & press*/
#emploi {
	text-align: center;
}

.emploiComplet,.presseComplet,.partenaireComplet {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 2%;
	background-color: #E4F1C3;
	min-height: 300px;
	padding: 5px;
}

.emploiInfo {
	text-align: left;
}

.emploiContent {
	text-align: left;
}

.emploiComplet>h3 {
	font-size: 24px;
}

span {
	font-weight: bold;
}

.iconeShare {
	display: inline;
}

.shareThis>img,.iconeShare>a>img {
	width: 30px;
}

.presseHeader,.presseHeader>img,.presseHeader>h3,.partenaireHeader,.partenaireHeader>img,.partenaireHeader>h3
	{
	display: inherit;
}

.presseHeader>img,.partenaireHeader>img {
	width: 75px;
	height: 75px;
	border-radius: 100%;
	border: 1px solid #555;
}
/* Pagination */
.pagination {
	color: #555555;
	text-align: center;
	margin-top: 20px;
}

.suivant,.precedent {
	cursor: pointer;
}

.suivant>img,.precedent>img {
	width: 50px;
}

.precedent>img {
	transform: rotate(180deg);
	mozTransform: rotate(180deg);
	msTransform: rotate(180deg);
	webkitTransform: rotate(180deg);
	oTransform: rotate(180deg);
}

td>p {
	margin: 0;
	padding: 0;
	text-align: center;
}
/*#contact-form-15301{
		margin-top:50px;
}*/
#contact-form-15874>form,#contact-form-15301>form,#contact-form-15885>form,#contact-form-25393>form
	{
	text-align: center;
}

#contact-form-15874>form>div,#contact-form-15301>form>div,#contact-form-15885>form>div,#contact-form-25393>form>div
	{
	display: inline-block;
	width: 290px;
}  
#contact-form-25393>form>div<textarea{
	width: 500px !important;
} 
.contact-form textarea {
	height: 150px !important;
}

/*ressources*/
#IVplanLVid {
	position: fixed;
	right: 75%;
}

#IVplanRVid {
	position: fixed;
	left: 78%;
}

#IIIplanLVid {
	position: fixed;
	right: 81%;
	top: 140px;
}

#IIIplanRVid {
	position: fixed;
	left: 79%;
	top: 160px;
}

#IIplanLVid {
	position: fixed;
	right: 71%;
	top: 180px;
}

#IIplanRVid {
	position: fixed;
	left: 69%;
	top: 218px;
}

#IplanLVid {
	position: fixed;
	right: 70.5%;
}

#IplanRVid {
	position: fixed;
	left: 63%;
	top: 130px;
}

#IVplanLCcm {
	position: fixed;
	left: 80%;
	top: 70px;
}

#IIIplanLCcm {
	position: fixed;
	right: 70%;
	top: 140px;
}

#IIIplanRCcm {
	position: fixed;
	left: 67%;
	top: 160px;
}

#IIIplanLCcm {
	position: fixed;
	right: 74%;
	top: 129px;
}

#IIplanLCcm {
	position: fixed;
	right: 73%;
	top: 129px;
}

#IIplanRCcm {
	position: fixed;
	left: 61%;
	top: 110px;
}

#IplanLCcm {
	position: fixed;
	right: 61.5%;
	top: 160px;
}

#IplanRCcm {
	position: fixed;
	left: 66%;
	top: 160px;
}
#IVplanLBig {
	position: fixed;
	left: 80%;
	top: 110px;
}

#IIIplanLBig {
	position: fixed;
	right: 70%;
	top: 140px;
}

#IIIplanRBig {
	position: fixed;
	left: 67%;
	top: 160px;
}

#IIIplanLBig {
	position: fixed;
	right: 85%;
	top: 155px;
}

#IIplanLBig {
	position: fixed;
	right: 56%;
	top: 213px;
}

#IIplanRBig {
	position: fixed;
	left: 63%;
	top: 235px;
}

#IplanLBig{
	position: fixed;
	right: 71.5%;
	top: 10px;
}

#IplanRBig {
	position: fixed;
	left: 69%;
	top: 160px;
}
#contentHeader {
	position: fixed;
	text-align: center;
	top: 50px;
	width: 100%;
}

#LogoRessources {
	margin: auto;
	max-width: 600px;
	width: 20%;
}

#Bigdatalogo {
	width: 374px;
	height: 264px;
	display: inline-block;
	vertical-align: middle;
	background:
		url('images/bigdata/bulle.png')
		no-repeat center center;
	text-align: center;
	padding-left: 6px;
	padding-right: 16px;
}

#asideEtiquette {
	width: 374px;
	height: 204px;
	display: inline-block;
	vertical-align: middle;
	background:
		url('images/autre/bulle.png')
		no-repeat center center;
	text-align: center;
	padding-left: 6px;
	padding-right: 16px;
}

#asideEtiquette>h1 {
	line-height: 100px;
}

#asideEtiquette>.ccm {
	line-height: 50px;
}

#EtiquetteRessources {
	width: 49%;
}

#topInterne {
	height: 136px;
	background:
		url('images/autre/top.png')
		repeat-x center center;
	background-size: 1920px auto;
	position: relative;
	margin-top: 190px;
}

.pageSocieteContent>#topInterne {
	margin-top: 240px;
	margin-bottom: -40px;
}

.blogIndex,#AboutUs,#ressource,#commentcamarche {
	position: relative;
	background:
		url('images/autre/bkgbot.png')
		repeat-x scroll center bottom/1920px auto #fff;
	min-height: 1500px;
	text-align: right;
	padding-bottom: 325px;
}

.ressourcesPri {
	
}

.celluleVideo>h3 {
	font-size: 20px;
text-shadow: 1px 1px #FFF;
color: #69747a;
background-color: white;
margin-top: 0px;
position: relative;
top: -150px;}

#video,#tdb,#casclients {
	width: 55.5%;
	margin: auto;
	min-width: 600px;
	text-align: center;
}

#video>table {
	margin: 0;
}

.celluleVideo,.celluleTdb,.celluleCasClients {
	height: 160px;
	margin: 0 2% 20px;
	display: inline-block;
	vertical-align: top;
	border: 2px solid #BDBDBD;
}

.celluleVideo {
	width: 20.5%;
}

.celluleTdb,.celluleCasClients {
	width: 28%;
	color: #555;
}

.celluleTdb:hover,.celluleCasClients:hover {
	color: #B1C800 !important;
}

.celluleTdb>h3,.celluleCasClients>h3 {
	color: inherit;
}
.celluleCasClients>h3 {background:#fff;}
/* navigation */
#navigationHP {
	width: 75px;
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 100;
}

#navigationHP>a {
	background-color: transparent;
}

.cercleNav {
	margin: 5px 0;
	height: 50px;
	width: 50px;
	background-color: #555;
	-webkit-border-radius: 100px;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 10px 0px #B6B6B6;
	box-shadow: 0px 0px 10px 0px #B6B6B6;
	margin-left: 25px;
}

#nav1 {
	background:
		url('images/navigation/cote1.png')
		no-repeat center center;
	background-size: 100%;
}

#nav2 {
	background:
		url('images/navigation/cote2.png')
		no-repeat center center;
	background-size: 100%;
}

#nav3 {
	background:
		url('images/navigation/cote3.jpg')
		no-repeat center center;
	background-size: 100%;
}

#nav4 {
	background:
		url('images/navigation/cote4.jpg')
		no-repeat center center;
	background-size: 100%;
}

/**************************************
			Fonctionnalit�s
**************************************/
.imgFunction,.imgFunction>img,.imgFunction>h3,.fullFunction,.functionText,.functionText>p,.fullFunction>img,.functionText>h4
	{
	display: inline-block;
}

.imgFunction,.fullFunction {
	position: relative;
}

.right>.functionText {
	border-radius: 20px 0 0 20px;
}

.left>.functionText {
	border-radius: 0 20px 20px 0;
	margin-left: 200px;
}

.functionText {
	/*width:68%;*/
	/*height: 200px;*/
	/*background-color: #fff;*/
	text-align: left;
	overflow-y: auto;
	padding: 20px;
	font-size: 18px;
}

.fullFunction.right .functionText {
	padding-right: 200px;
}

.functionText>h4 {
	/*margin: 0 5px ;*/
	margin: 0;
	font-size: 26px;
	color: #3FC2CC;
	padding-bottom: 10px;
}

.fullFunction>img {
	vertical-align: top;
}

.functionText>p {
	padding-top: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.fullFunction {
	text-align: justify;
	/*height: 200px;*/
	width: 100%;
	background-color: #ffffff;
	min-height: 200px;
}

.fullFunction.right {
	border-radius: 20px 200px 200px 20px;
}

.fullFunction.left {
	border-radius: 200px 20px 20px 200px;
}

.imgFunction {
	cursor: pointer;
}

.vignetteOpen {
	stroke: red;
}

.thumbnailObj {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.left>.thumbnailObj {
	left: 0;
}

.right>.thumbnailObj {
	right: 0;
}

.thumbnailObj>img,.imgFunction>img,.fullFunction>img {
	width: 200px;
	height: 200px;
}

.thumbnailObj>img {
	background-color: #fff;
}

.right>.thumbnailObj>img {
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
}

.left>.thumbnailObj>img {
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}

.imgFunction>h3 {
	background-color: #fff;
	padding: 10px;
}

.right>h3 {
	margin-right: -10px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.left>h3 {
	margin-left: -10px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
/* POSITIONNEMENT FONCTIONS*/
#forcethumbnailFunction0,#thumbnailFunction0 {
	margin-left: 210px;
}

#forcefullFunction0,#fullFunction0 {
	
}

#forcethumbnailFunction1,#thumbnailFunction1 {
	margin-right: 50px;
}

#forcefullFunction1,#fullFunction1 {
	
}

#forcethumbnailFunction2,#thumbnailFunction2 {
	margin-left: 135px;
}

#forcefullFunction2,#fullFunction2 {
	
}

#forcethumbnailFunction3,#thumbnailFunction3 {
	margin-left: 30px;
}

#forcefullFunction3,#fullFunction3 {
	
}

#forcethumbnailFunction4,#thumbnailFunction4 {
	margin-left: 10px;
}

#forcefullFunction4,#fullFunction4 {
	
}

#forcethumbnailFunction5,#thumbnailFunction5 {
	margin-left: 270px;
}

#forcefullFunction5,#fullFunction5 {
	
}

.fullFunction.right.hidden,.imgFunction.right {
	text-align: right;
}

.fullFunction.left.hidden,.imgFunction.left {
	text-align: left;
}

.functions>div {
	display: inline-block;
}

.big {
	width: 100%;
	text-align: center;
	opacity: 1;
	margin-bottom: 20px;
	/*height: 225px;*/
}

.imgFunction {
	height: 225px;
}

.medium {
	width: 60%;
	height: 220px;
}

.small {
	width: 30%;
	vertical-align: top;
	position: relative;
}

.hidden {
	display: none !important;
}

.visible>div {
	opacity: 1;
	margin-top: 0;
	/*	transition-property: opacity;
	transition-duration: 1.5s;	*/
}

.hidden>div {
	opacity: 0;
	/*	transition-property: opacity;
	transition-duration: 1.5s;*/
}

.top>.invisible {
	opacity: 0;
	margin-top: 210px;
	/*transition-property: opacity margin;
	transition-duration: 1.5s;*/
}

.bottom>.invisible {
	opacity: 0;
	margin-top: -410px;
	/*transition-property: opacity margin;
	transition-duration: 1.5s;*/
}

.top>.open {
	top: 220px;
}

.bottom>.open {
	bottom: 220px;
}

.middle.open {
	right: 30%;
}

.right.open {
	right: 60%;
}

.top {
	
}

.bottom {
	
}

.section {
	width: 100%;
	position: static;
	top: 60px;
	min-height: 100%;
}

.textFunc {
	text-align: justify;
}

#blank {
	height: 2600px;
}

.littleBlank {
	height: 160px !important;
	transition-property: height;
	transition-duration: 0.3s;
}

.pageSocieteContent {
	
}

#AboutUs {
	position: relative;
	background-color: #FFF;
	padding: 0 20% 300px;
	text-align: left;
}

#AboutUs>h3,#commentcamarche>div>h3 {
	text-align: left;
	border-bottom: 1px solid #000;
	margin-top: 40px;
}

#AboutUs>h3:first-letter,#commentcamarche>div>h3:first-letter {
	color: #a6cf39;
}

#nosClients {
	text-align: center;
	height: 300px;
	overflow: hidden;
}

#nosClients img {
	margin: 0 5%;
	padding-bottom: 10px;
}

#IIIplanLSoc {
	position: fixed;
	right: 72%;
	top: 140px;
}

#IIIplanRSoc {
	position: fixed;
	left: 79%;
	top: 160px;
}

#IIplanLSoc {
	position: fixed;
	right: 65%;
	top: 90px;
}

#IIplanRSoc {
	position: fixed;
	left: 70%;
	top: 129px;
}

#IplanLSoc {
	position: fixed;
	right: 65.5%;
	top: 290px;
}

#IplanRSoc {
	position: fixed;
	left: 59%;
	top: 290px;
}

#contentHeaderInside {
	text-align: center;
	/*width: 50%;*/
	margin: auto;
	position: relative;
}

.balle {
	width: 70% !important;
	right: 120px;
}

#ParcourSociete {
	width: 100%;
}

#membresBittle {
	text-align: center;
}

.primary-image,.secondary-image {
	width: 30%;
	display: inline-block;
	margin: auto;
}

.primary-image>img,.secondary-image>img {
	max-width: 250px;
	width: 80%;
	margin: auto;
}

.primary-image {
	margin-right: -30%;
}

.secondary-image {
	opacity: 1;
}

.secondary-image:hover {
	opacity: 0 !important;
}

#VplanBlog {
	position: fixed;
	top: 120px;
	left: 30%;
}

#IVplanLBlog {
	position: fixed;
	right: 80%;
}

#IVplanRBlog {
	position: fixed;
	left: 74%;
	top: 80px;
}

#IIIplanLBlog {
	position: fixed;
	right: 74%;
	top: 70px;
}

#IIIplanRBlog {
	position: fixed;
	left: 74%;
	top: 100px;
}

#IIplanBlog {
	position: fixed;
	left: 31%;
	top: 115px;
}

#IplanLBlog {
	position: fixed;
	right: 78.5%;
}

#IplanRBlog {
	position: fixed;
	left: 70%;
	top: 50px;
}
/*
#commentcamarche>article {
	width: 820px;
	margin: auto;
}
*/

#commentcamarche #firstmembre,
#commentcamarche #lastmembre{
	transform: scale(0.8);
	opacity: 0.8;
}

.nothingHere {
	text-align: center;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@
-ms-viewport {
	width: device-width;
}

@
viewport {
	width: device-width;
}

@media ( max-width : 1599px) {

	.site {
		border: 0;
	}
  .textIntro{
      width:55%;
  }
  #AboutUs {
	padding: 0 10px 300px;
  }
}


@media ( max-width : 999px) {
#membres .membreComplet,#membres .mediaComplet{
display:block;
margin:auto;
}
  #AboutUs {
	padding: 0 30px 300px;
  }
#membres #suivantmembre {
    right: -280px;
    top: -550px;
    }
    #membres #suivantmedia {
    right: -280px;
    top: -470px;
    }
#membres #precedentmembre {
    left: -280px;
     top: -550px;
    }
    
#membres #precedentmedia {
    left: -280px;
     top: -470px;
    }    
#membres #firstmembre,#membres #lastmembre,#membres #firstmedia,#membres #lastmedia{
margin-top:0;
}
#press1erPlan {

  z-index:4;
    left:0;
    top:800px;
}
#press2emePlan {
  z-index:3;
    left:-300px;
    top:780px;
}
#press3emePlan {
  z-index:2;
    left:0;
    top:650px;
  }
#press4emePlan {
  z-index:1;
  left:0;
  top:450px;
}

	.blogContent {
		width: 75%;
	}
	.blogContent * .entry-content {
		width: 100%;
	}
	#filConteneur {
		display: none;
	}
	.filConteneurPortable {
		display: inline;
	}
	#filPortableTop {
		display: none;
		position: relative;
		top: 190px;
		margin-bottom: -190px;
	}
	#filPortableMiddle {
		display: none;
		position: relative;
		top: 115px;
	}
	#filPortableBottom {
		display: none;
	}
	#Xpress {
		display: block;
		margin-right: auto;
		margin-left: auto;
		top: 135px !important;
	}
	#Pro {
		display: block;
		margin-right: auto;
		margin-left: auto;
		top: 170px;
	}
	#Enterprise {
		display: block;
		top: 210px;
		margin-right: auto;
		margin-left: auto;
	}
.triangleHeaderImg {
	display:none;
}
.triangleHeaderImgMob {
	display:block;
}


	#Xpress * .triangleHeaderImgMob {
		background:
			url('images/tarifs/bluepricetop-mob.png');
		width: 350px;
		height: 230px;
		left: -70px;
		position: relative;
	}
	#Pro * .triangleHeaderImgMob {
		background:
			url('images/tarifs/greenpricetop-mob.png');
		width: 350px;
		height: 230px;
		left: -70px;
		position: relative;
	}
	#Enterprise * .triangleHeaderImgMob {
		background:
			url('images/tarifs/yellowpricetop-mob.png');
		width: 350px;
		height: 230px;
		left: -70px;
		position: relative;
	}
	#detailComplet {
		margin-top: 670px;
	}
	#allTarifs {
		margin-bottom: -520px;
	}
	.tarifComplet {
		display: inline-block;
		width: 85%;
		margin-bottom: 15px;
	}
	.footerTarif {
		background-image:
			url('images/tarifs/bottomprice350.png')
			!important;
		background-size: 100% auto;
	}
	.sidebar img.alignleft,.sidebar .wp-caption.alignleft {
		margin-left: 0;
	}
	.sidebar img.alignright,.sidebar .wp-caption.alignright {
		margin-right: 0;
	}
	.error404 .page-header {
		margin-left: auto;
		max-width: 604px;
		width: 100%;
	}
	.archive-header,.search .page-header,.archive .page-header,.blog .page-header,.error404 .page-content,.search .page-content,.archive .page-content,.attachment .entry-header,.attachment .entry-content,.post-navigation .nav-links,.sidebar .site-info,.site-footer .widget-area
		{
		padding-left: 20px;
		padding-right: 20px;
	}
	.error404 .page-title {
		font-size: 24px;
		padding: 180px;
	}
	.error404 .page-title:before {
		font-size: 554px;
	}
	.attachment .image-navigation {
		max-width: 724px;
	}
	.image-navigation .nav-previous,.image-navigation .nav-next {
		position: static;
	}
	.site-main .widget-area {
		margin-right: 60px;
	}
	.sidebar .entry-header,.sidebar .entry-content,.sidebar .entry-summary,.sidebar .entry-meta,.sidebar .comment-list,.sidebar .comment-reply-title,.sidebar .comment-navigation,.sidebar .comment-respond .comment-form,.sidebar .featured-gallery,.sidebar .post-navigation .nav-links,.author.sidebar .author-info
		{
		max-width: 604px;
		padding-left: 0;
		padding-right: 0;
	}
	.sidebar .site-info,.search.sidebar .page-content,.blog.sidebar .page-content,.attachment .entry-header,.sidebar .comments-title
		{
		max-width: 604px;
	}
	.sidebar .archive-meta,.attachment .entry-header,.search.sidebar .page-content,.blog.sidebar .page-content,.sidebar .site-info,.sidebar .comments-title,.sidebar .no-comments
		{
		padding-left: 0;
		padding-right: 0;
	}
	.attachment .entry-meta {
		float: left;
		text-align: left;
		width: 100%;
	}
	.attachment .entry-content {
		max-width: 100%;
		padding: 40px 0;
	}
	.format-status .entry-content {
		padding-top: 40px;
	}
	.format-status .entry-meta {
		padding-bottom: 40px;
	}
	.sidebar .format-status .entry-content,.sidebar .format-status .entry-meta
		{
		padding-left: 35px;
	}
	.sidebar .format-status .entry-content:before,.sidebar .format-status .entry-meta:before
		{
		left: 10px;
	}
	.sidebar .format-status .entry-content p:first-child:before {
		left: 4px;
	}
	.sidebar .paging-navigation .nav-links {
		padding: 0 60px;
	}
	.site-main .sidebar-container {
		height: auto;
		margin: 0 auto;
		max-width: 604px;
		position: relative;
		top: 20px;
	}
	.site-main .widget-area {
		float: none;
		margin: 0;
		width: 100%;
	}
	.sidebar .site-footer .widget-area {
		max-width: 100%;
		left: 0;
	}

	/*************************************
			Bittle
	*************************************/
	/*Front Page*/
	#buttons-app {
		z-index: -1;
		position: fixed;
		right: 0px;
		left: auto;
		top: 50px;
		width: 100%;
		background-color: #242424;
		padding: 5px 0;
	}
	#wpadminbar {
		top: 250px !important;
	}
	.small-button {
		width: 32.5%;
		font-size: 13px;
	}
	#reseauxSociauxNav {
		position: fixed;
		text-align: right;
		/*background-color: #242424;*/
		/*width: 50%;*/
		right: 0px;
	}
	#headerContent {
		margin-bottom: 0;
		/*top: 75px;*/
	}
	#IplanR,#IplanL,#IIplanR,#IIplanL,#IIIplanL,#VplanL {
		display: none;
	}
	#tplan {
		background-position: center 200px;
	}
	#textIntro {
		width: 55%;
		xmargin-left: 1%;
		/*margin-top: 130px;*/
	}
	.thumbnailLeft {
		border-top-left-radius: 0 !important;
		border-bottom-left-radius: 0 !important;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
	}
	#blueCloudRight,#blueCloudLeft {
		width: 49%;
	}
	#moveToLeftBack {
		left: 0;
	}
	#moveToRightBack {
		right: 0;
		top: -265px;
	}
	#moveToRight {
		top: -172px;
	}
	#greenCloudFront {
		margin-bottom: -100px;
	}
	#greenCloudBack {
		margin-bottom: -310px;
	}
	#membres {
		padding-top: 100px;
	}
	#homeSidebar {
		width: 100%;
		margin: auto;
	}
	.margesTB {
		padding: 25px 0px 50px;
	}
	#menu-header>h3 {
		line-height: 30px;
	}
	.iconeRS {
		width: 40px;
		height: 40px;
	}
	.site-main {
		padding-top: 100px;
	}
	.contactWhiteCloud {
		margin: 0 auto -60%;
		width: 100%;
		background-size: 76% auto;
	}
	.site-description {
		width: 70%;
	}
	.principaleComplet {
		display: inline;
	}
	.contentFunction {
		width: 95%;
		/*padding-right: 155px;*/
	}
	.secondaireComplet>.attachment-thumbnail,.secondaireThumbnail>.attachment-thumbnail
		{
		width: 64px;
		height: 64px;
		margin-top: 20px;
	}
	.membreComplet,.mediaComplet {
		padding: 20px;
		height: auto;
	}
	.membreComplet p,.mediaComplet p {
		font-size: 18px;
		text-align: right;
	}
	.membreComplet blockquote p,.mediaComplet blockquote p {
		text-align: center;
	}
	.membreComplet>img,.mediaComplet>img {
		width: 200px;
		display: inline-block;
	}
	.membreHeader {
		min-height: 0px;
		display: inline-block;
		vertical-align: middle;
		text-align: left !important;
		margin-right: 10px;
		height: auto;
		margin: 0px 0px;
	}
	.principaleComplet>.attachment-post-thumbnail,.principaleComplet>h3 {
		display: block;
		margin: auto;
	}
	#tarifBGTop {
		background:
			url('images/tarifs/topcloud.png')
			repeat-x scroll center top transparent;
	}
	#homeSidebar>.widget {
		display: inline;
	}
	#tarifs {
		background-color: #3EC1CB;
		background-image: none;
		margin-top: -70px;
	}
	#tarifs>p {
		width: 80%;
	}
	#greenbg {
		padding-top: 14%;
	}
	#homeSidebar>.widget {
		padding: 0;
		margin-bottom: 10px;
		border-radius: 0px;
	}
	.widget_recent_entries_content {
		border-top-right-radius: 30px !important;
		border-top-left-radius: 30px !important;
	}
	#twitter_timeline-2 {
		top: -11px;
	}
	#successstory_widget-2 {
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		border-top-right-radius: 0px !important;
		position: relative;
		bottom: 30px;
		left: 0px;
		margin-bottom: -30px !important;
	}
	#bottomActu {
		margin-bottom: 250px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding-left: 5px;
		padding-right: 5px;
		width: 99%;
		margin-top: -10px;
	}
	#newsletterActu>a,#twitterActu>a {
		color: #FFF;
	}
	#bottomActu>div {
		vertical-align: top;
	}
	#greenBgCloud {
		margin-top: -10%;
	}
	.marginCloud {
		width: 0;
		height: 0;
	}
	#aProposDeNous {
		background-image: linear-gradient(#A6CF39, #C7DE69);
		margin-top: -120px;
	}
	.membreComplet,.mediaComplet {
		display: inline-block;
		text-align: center;
		width: 85%;
		min-height: 0;
		margin-bottom: 20px;
	}
	.widget_successstory_widget,#bottomActu {
		position: static;
		max-width: 600px;
		padding-bottom: 20px;
	}
	#podium {
		margin-top: -25px;
		background-position: center bottom;
		padding-bottom: 5px;
	}
	#homeSidebar>.widget>h3,#homeSidebar>.widget>ul,#successStory {
		width: 96%;
		margin: auto;
		height: auto;
	}
	#homeSidebar>.widget {
		display: block;
		width: 99%;
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
		height: auto;
		padding-top: 10px;
	}
	#smallBlueCloud {
		line-height: 100px;
		height: 100px;
		/*top: -330px;*/
		margin-bottom: initial;
	}
	#whiteCloud {
		/*padding-top: 160px;
		margin-bottom: -330px;*/
		overflow-x: visible;
		padding-top: initial;
		padding-bottom: initial;
		min-height: 0;
		top: 80px;
	}
	#cloudCentral {
		/*margin-top: -150px;*/
		
	}
	#arrowsSup {
		min-height: 143px;
	}
	#blueCloudRight,#blueCloudLeft {
		top: auto;
	}
	#underCloud {
		margin-bottom: 60px;
	}
	#cartes {
		/*padding-top: initial;*/
		margin-top: initial;
	}
	.supportContent {
		
	}
	.carteComplete {
		width: 96%;
		display: block;
		max-width: 500px;
		margin: 20px auto;
		transition-duration: 0.1s;
	}
	.carteComplete:hover {
		transform: translateY(-5px);
	}
	.carteComplete>img {
		width: 75px;
	}
	.carteComplete>img {
		width: 200px;
	}
	#avionImg {
		width: 70%;
	}
	#envelopesImg {
		width: 50%;
		height: 300px;
		bottom: -200px;
		min-width: 508px;
		position: relative;
		left: 0;
	}
	#envelopesFrontImg {
		width: 49%;
		bottom: 160px;
		left: -2px;
	}
	#envelopesPaperImg {
		width: 48%;
		top: -200px;
		height: 740px;
		font-size: 12px;
	}
	.contact-form textarea {
		height: 100px !important;
	}
	#envelopesPaperImg:hover {
		transform: translateY(0px);
	}
	#divEnvelopeBack {
		background-size: 65% auto;
	}
	#envellopeForm {
		bottom: 0;
		margin-bottom: 0;
		margin-top: 150px;
	}
	#contact {
		margin-top: -760px;
	}
	.fonctionnaliteeSecondaire {
		margin: 0;
	}
	.functionText {
		width: 70% !important;
		/*min-height: 200px;*/
		height: unset;
	}
	.functionText>p {
		padding: 0;
	}
	/*Fonctionnalites*/
	.fullFunction.right { /*border-radius: 20px 200px 200px 20px;*/
		
	}
	.fullFunction.right>img {
		position: static;
	}
	#fullFunction0,#thumbnailFunction0,#fullFunction1,#thumbnailFunction1,#fullFunction2,#thumbnailFunction2,#fullFunction3,#thumbnailFunction3,#fullFunction4,#thumbnailFunction4,#fullFunction5,#thumbnailFunction5
		{ /*float: none;
		
		left: -0px;
		min-width: unset;
		max-width: unset;
		text-align: right;
		margin:0;*/
		margin: 0;
		width: 100%;
	}
	.imgFunction h3 {
		position: relative;
		margin-right: 50%;
		left: 216px;
		top: 27%;
		float: right;
	}
	.imgFunction img {
		position: absolute;
		left: 537px;
		right: 0;
		margin: auto;
	}
	.fullFunction,.fullFunction.right,.fullFunction.left {
		padding: 20px;
		margin: 20px;
		border-radius: 20px;
		width: auto;
	}
	.fullFunction.right .functionText,.fullFunction.left .functionText {
		padding-right: 0px;
	}
	.left>.functionText {
		margin: 0;
		float: left;
	}
	.thumbnailObj {
		float: left;
		position: relative;
	}
	#forcefullFunction0,#fullFunction0 {
		
	}
	#forcefullFunction1,#fullFunction1 {
		
	}
	#forcefullFunction2,#fullFunction2 {
		
	}
	#forcefullFunction3,#fullFunction3 {
		
	}
	#forcefullFunction4,#fullFunction4 {
		
	}
	#forcefullFunction5,#fullFunction5 {
		
	}
	.left>.thumbnailObj,.right>.thumbnailObj {
		right: 0;
		/*left: initial;*/
		left: 531px;
	}
	.left>.functionText {
		border-radius: 20px 0px 0px 20px;
	}
	.left>.thumbnailObj>img {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		border-top-right-radius: 100px;
		border-bottom-right-radius: 100px;
	}

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
		padding: 10px;
	}
	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}
	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}
	.toggled-on .nav-menu,.toggled-on .nav-menu>ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}
	.toggled-on li,.toggled-on .children {
		display: block;
	}
	.toggled-on .nav-menu li>ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}
	.toggled-on .nav-menu li>ul a {
		width: auto;
	}
	.toggled-on .nav-menu li:hover>a,.toggled-on .nav-menu .children a {
		background-color: transparent;
	}
	.toggled-on .nav-menu li a:hover,.toggled-on .nav-menu ul a:hover {
		background-color: #555555;
		color: #fff;
	}
	ul.nav-menu,div.nav-menu>ul {
		display: none;
	}
	.functions>div { /*text-align: right;*/
		
	}
	.thumbnailObj>img,.imgFunction>img,.fullFunction>img {
		width: 125px; /*height: 125px;*/
		z-index: 10;
	}
	.fullFunction.left,.imgFunction.left {
		direction: rtl;
	}
	.left>h3 {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		/*margin-right: -6px;*/
	}
	.thumbnailObj {
		position: absolute;
		width: 125px;
		height: 200px;
		background-color: #FFF;
		border-radius: 0px 100px 100px 0px;
	}
	#topFonctionnliteImg {
		opacity: 0;
	}
	#topFonctionnlite {
		background-image:
			url('images/fonctionnalites/topgrey-new-mobile.png');
		background-size: 999px auto;
		height: 457px;

		/*background-position: top right;*/
	}
	#fonctionnalites {
		background-image:
			url('images/portable/backbugnail.png');
		background-size: 999px auto;
		/*background-position: right top;*/
	}
	/*
	#thumbnailFunction0 {right: 0px; margin-left: 375px;}
	#thumbnailFunction1 {right: 0px; margin-left: 430px;}
	#thumbnailFunction2 {left: -0px; margin-left: 246px;}
	#thumbnailFunction3 {left: -0px; margin-left: 388px;}
	#thumbnailFunction4 {left: -0px; margin-left: 390px;}
	#thumbnailFunction5 {left: -0px; margin-left: 446px;}
	*/
	.imgFunction,.fullFunction {
		/*float: none !important;text-align:left !important;left: 0 !important;min-width: 0 !important;width: auto!important;*/
		
	}
	.functionText {
		direction: ltr;
		text-align: left !important;
		padding-left: 10px;
	}
	.thumbnailObj>img { /*top: 35px;*/
		position: relative;
	}
	.secondaireThumbnail {
		padding-bottom: 0;
	}
	#topTarifsPortable,#bottomTarifsPortable {
		display: inline !important;
		position: relative;
		z-index: 2;
	}
	#content {
		overflow: hidden;
	}
	#cartes {
		background-size: 3000px 100%;
	}
	#lecteur {
		display: inline-block;
		width: 70%;
		height:300px;
	}
}

@media ( max-width : 720px) { /*-DEBUT @media 767*/

	/* Collapse oversized image and pulled images after iPad breakpoint. */
	.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}
	.entry-content img.alignright,.entry-content .wp-caption.alignright {
		margin-right: 0;
	}
	.attachment .image-navigation,.attachment .entry-attachment .attachment
		{
		max-width: 604px;
		padding: 0;
		width: 100%;
	}
	.gallery-caption {
		display: none;
	}
	/*******************
			Bittle
	*******************/
	.transition {
		background-size: 767px auto;
		padding-top: 75px;
		background-image:
			url('images/portable/refletTarifs.png');
	}
	#cartes {
		background-image:
			url('images/portable/map.png');
		background-size: 767px 100%;
		/*margin-top: -12%;*/
		padding-bottom: 20%;
		margin-bottom: 2%;
	}

	/*Page Emploi*/
	.emploiComplet {
		width: 100%;
		vertical-align: top;
		padding: 10px;
	}

	/*-FIN @media 767*/
	.contentFunction {
		padding-right: 0;
	}
	.site-title {
		font-size: 30px;
	}
	#content .entry-header,#content .entry-content,#content .entry-summary,#content footer.entry-meta,#content .featured-gallery,.search.sidebar .page-content,.blog.sidebar .page-content,.sidebar .post-navigation .nav-links,.paging-navigation .nav-links,#content .author-info,.comments-area .comments-title,.comments-area .comment-list,.comments-area .comment-navigation,.comment-respond,.sidebar .site-info,.sidebar .paging-navigation .nav-links
		{
		padding-left: 20px;
		padding-right: 20px;
	}
	#content .format-status .entry-content,#content .format-status .entry-met
		{
		padding-left: 35px;
	}
	.top {
		margin-bottom: 10px;
	}
	.bottom {
		margin-top: 10px;
	}
	#content .featured-gallery {
		padding-left: 24px;
	}
	.gallery-columns-1 .gallery-item {
		margin-right: 0;
		width: 100%;
	}
	.entry-title,.format-chat .entry-title,.format-image .entry-title,.format-gallery .entry-title,.format-video .entry-title
		{
		font-size: 22px;
		font-weight: bold;
	}
	.format-quote blockquote,.format-status .entry-content {
		font-size: 18px;
	}
	.format-quote blockquote small,.format-quote blockquote cite {
		font-size: 13px;
	}
	.error404 .page-title {
		padding: 40px 0 0;
	}
	.error404 .page-title:before {
		content: normal;
	}
	.comment-author {
		margin-right: 30px;
	}
	.comment-author .avatar {
		height: auto;
		max-width: 100%;
	}
	.comment-metadata,.comment-content,.comment-list .reply {
		width: 70%;
		width: -webkit-calc(100% -     104px);
		width: calc(100% -     104px);
	}
	.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]
		{
		width: -webkit-calc(100% -     120px);
		width: calc(100% -     120px);
	}
	.comment-form textarea {
		height: 80px; /* Smaller field for mobile. */
	}

	/* Audio */
	.format-audio .entry-content:before {
		display: none;
	}
	.format-audio .audio-content {
		background-image: none;
		float: none;
		padding-left: 0;
		width: auto;
	}
	#fonctionnalites {
		background-image: none;
	}
	#topFonctionnlite {
		background-position: 0px;
		margin-top: 400px;
	}
	#textIntro {
		width: 80%;
    margin-top:180px;
	}
	#buttonPre a {
		display: block;
	}
	#buttonPre button {
		min-width: 150px;
		width: auto;
		max-width: initial;
	}
	#buttonPre br {
		display: none;
	}
	.rst-mail,.rst-linkedin,.rst-google,.rst-youtube,.rst-rss,.rst-bittle {
		display: none;
	}

	/* Barre de recherche */
	.site-footer .widget_search {
		display: none !important;
	}
	.site-header .widget_search {
		margin-bottom: 0px;
		margin-top: 5px;
		right: 110px;
		position: absolute;
		display: inline-block !important;
		background-color: transparent;
	}
	.site-header .widget_search form {
		position: relative;
		right: 0;
	}

	/* Fonctionnalit� */
	#thumbnailFunction0,#thumbnailFunction1,#thumbnailFunction2,#thumbnailFunction3,#thumbnailFunction4,#thumbnailFunction5
		{
		margin: auto;
		width: auto;
	}
	.imgFunction h3 {
		position: relative;
		margin-right: -12px;
		left: auto;
		top: auto;
		float: inherit;
	}
	.imgFunction img {
		position: relative;
		left: auto;
		right: auto;
		margin: auto;
	}
	.left>.thumbnailObj,.right>.thumbnailObj {
		right: 0;
		left: auto;
	}
	.fullFunction.right .functionText,.fullFunction.left .functionText {
		padding-right: 105px;
		width: 100% !important;
	}
	#navigationHP {
		display: none;
	}
	#IIIplanR,#VplanR {
		display: none;
	}
	.buttonCloud>h3 {
		font-size: 22px;
	}
	#contactUs {
		top: 80px;
	}
}

@media ( max-width : 500px) {
	#contentHeaderInside{
		margin-top: 75px;	
	}
 #topFonctionnlite {
		background-position: 0px;
		margin-top: 450px;
	}
	#textIntro {
		margin-top: 170px;
		xfont-size: 16px;
	}
	#content .entry-content {
		padding-left: 5px;
		padding-right: 5px;
	}
	.entry-content {
		width: 90%;
	}
	#logo {
		min-width: 260px;
	}
	.fullFunction,.fullFunction.hidden {
		display: inline-block !important;
		opacity: 1;
	}
	.fullFunction.hidden>div {
		opacity: 1;
	}
	.imgFunction {
		display: none !important;
	}
	.graphiqueDescription>h4 {
		display: none;
	}
	#envelopesPaperImg {
		height: 628px;
		font-size: 12px;
	}
	#envelopesImg {
		width: 100%;
		height: 300px;
		bottom: -200px;
		min-width: 508px;
		position: relative;
		left: 0;
		min-width: 0px;
	}
	#envelopesFrontImg {
		width: 100%;
		bottom: 160px;
		left: -2px;
		min-width: 0px;
	}
	#envelopesPaperImg {
		width: 98%;
		top: -300px;
		height: 740px;
		font-size: 12px;
		min-width: 0px;
	}
	#contact-form-15301>form>div,#contact-form-15885>form>div {
		display: inline-block;
		width: 100%;
	}
	#AboutUs {
		padding: 0 5% 300px;
	}
	.balle {
		right: 0px;
	}
	#cloudCentral {
		height: auto;
		width: 80%;
		margin-top: initial;
		background-size: 100%;
		background-image: none;
	}
	#cloudCentral>p {
		padding: 30px 20px;
		background-color: #03abc0;
		border-radius: 30px;
		border: 8px solid #fff;
	}
	#arrowsSup {
		background-size: 100%;
		margin: auto;
		margin-top: 25px;
		width: auto;
	}
	#smallBlueCloud {
		top: -125px;
	}

	/*
	#blueCloudRight, #blueCloudLeft{
		z-index: 5;
	}
	*/
	/*
	#whiteCloud{
		margin-bottom: -340px;
		padding-top: 220px;
	}
	*/
	.supportContent {
		width: 95%;
	}
	#contactUs {
		top: 0;
	}
}

@media ( max-width : 670px) {
	.blogContent {
		width: 100%;
		min-width: 0px;
	}
	.blogContent * .entry-title a {
		font-size: 15px;
	}
	.blogIndex>#homeSidebar {
		width: 100%;
	}
}

@media ( max-width :600px) {
	#video,#tdb,#casclients {
		min-width: 0px;
		width: 100%;
	}
	.celluleVideo,.celluleTdb,.celluleCasClients {
		width: 150px;
	}
	.celluleVideo,.celluleTdb,.celluleCasClients {
		margin-right: 2px;
	}
	.celluleVideo h3,.celluleTdb h3,.celluleCasClients h3 {
		font-size: 18px;
	}
	.menuHeader {
		min-width: 0px;
		width: 100%;
	}
	#videoTitle,#tdbTitle,#casclientsTitle {
		font-size: 20px;
	}
}

@media ( max-width :355px) {
	#asideEtiquette {
		left: -20px;
		width: 90%;
	}
	#asideEtiquette h1 {
		font-size: 40px;
	}
	#lecteur {
	display: inline-block;
	width: 70%;
height:200px;
}
	
}
/* Mobile devices 
@media (max-width: 650px) {
	.gallery {
		margin-left: 0;
	}

	.gallery .gallery-item,
	.gallery-columns-2.gallery-size-thumbnail .gallery-item {
		max-width: none;
		width: 49%;
		width: -webkit-calc(50% - 4px);
		width:         calc(50% - 4px);
	}

	.gallery-columns-1.gallery-size-medium,
	.gallery-columns-1.gallery-size-thumbnail,
	.gallery-columns-2.gallery-size-thumbnail,
	.gallery-columns-3.gallery-size-thumbnail {
		display: block;
	}

	.gallery-columns-1 .gallery-item,
	.gallery-columns-1.gallery-size-medium .gallery-item,
	.gallery-columns-1.gallery-size-thumbnail .gallery-item {
		text-align: center;
		width: 98%;
		width: -webkit-calc(100% - 4px);
		width:         calc(100% - 4px);
	}

	.gallery-columns-3 .gallery-item:nth-of-type(3n),
	.gallery-columns-5 .gallery-item:nth-of-type(5n),
	.gallery-columns-7 .gallery-item:nth-of-type(7n),
	.gallery-columns-9 .gallery-item:nth-of-type(9n) {
		margin-right: 4px;
	}

	.gallery br {
		display: none;
	}

	.gallery .gallery-item:nth-of-type(even) {
		margin-right: 0;
	}

	.comment-author {
		margin: 0 0 5px;
		max-width: 100%;
	}

	.comment-author .avatar {
		display: inline;
		margin: 0 5px 0 0;
		max-width: 20px;
	}

	.comment-metadata,
	.comment-content,
	.comment-list .reply {
		width: 100%;
	}
		
}
*/

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print , ( -o-min-device-pixel-ratio : 5/4) , (
		-webkit-min-device-pixel-ratio : 1.25) , ( min-resolution : 120dpi) {
	/*.site-header .search-field {
		background-image: url(images/search-icon-2x.png);
	}*/
	.format-audio .audio-content,.format-status .entry-content:before,.format-status .entry-meta:before,.comment-list>li:after,.comment-list .children>li:before
		{
		background-image: url(images/dotted-line-2x.png);
	}
}

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel="bookmark"]:link:after,footer a[rel="bookmark"]:visited:after
		{
		content: " [" attr(href) "] "; /* Show URLs */
	}
	.site {
		max-width: 98%;
	}
	.site-header {
		background-image: none !important;
	}
	.site-header .home-link {
		max-width: none;
		min-height: 0;
	}
	.site-title {
		color: #000;
		font-size: 21pt;
	}
	.site-description {
		font-size: 10pt;
	}
	.author-avatar,.site-footer,.comment-respond,.comments-area .comment-edit-link,.comments-area .reply,.comments-link,.entry-meta .edit-link,.page-links,.site-content nav,.widget-area,.main-navigation,.navbar,.more-link
		{
		display: none;
	}
	.entry-header,.entry-content,.entry-summary,.entry-meta {
		margin: 0;
		width: 100%;
	}
	.page-title,.entry-title {
		font-size: 21pt;
	}
	.entry-meta,.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.entry-content img.alignleft,.entry-content .wp-caption.alignleft {
		margin-left: 0;
	}
	.entry-content img.alignright,.entry-content .wp-caption.alignright {
		margin-right: 0;
	}
	.format-image .entry-content .size-full {
		margin: 0;
	}

	/* Remove colors from post formats */
	.hentry {
		background-color: #fff;
	}

	/* Comments */
	.comments-area>li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.comment-metadata {
		float: none;
	}
	.comment-author .fn,.comment-reply-link,.comment-reply-login {
		color: #333;
	}
}

#wpadminbar {
	top: 50px !important;
	z-index: 1;
}

.site-footer * #search-3,.site-footer * #search-2 {
	display: none;
}

.formSubscribe {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background:
		url('images/forms/formulaireline.png');
	background-repeat: repeat-y;
	max-width: 634px;
	background-size: contain;
}

.formSubscribeTop {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background:
		url('images/forms/formulairetop.png');
	height: 127px;
	background-position: bottom;
	background-repeat: no-repeat;
	max-width: 634px;
	background-size: contain;
}

.formSubscribeBot {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	background:
		url('images/forms/formulairebot.png');
	height: 127px;
	background-repeat: no-repeat;
	max-width: 634px;
	background-size: contain;
}

.formSubscribe article {
	border: 0px;
}

.formSubscribe * .entry-content
{
text-align: center;
	width:100%;
	padding-left:30px;
}
.flip{
-moz-transform: scaleY(-1); /* For Mozilla Firefox */
-o-transform: scaleY(-1);   /* For Opera */
-webkit-transform: scaleY(-1); /* For Safari, Google chrome */
 
/* For IE */
filter: FlipV;
-ms-filter: "FlipV";
}


.devPartners, .devPartners:visited, .devPartners:hover{
    background-color:#B1C800;
    color : white;
    border: 2px solid;
    border-radius: 10px;
    font-size:30px;
   padding:15px;
	text-decoration:none;
  
}

#Xpress  .littlePrix {
display:none;
}
#buttonReference:hover{
 background-color:#B8B8B8;
}


#divco2 {
	/* float: left; */
	position: relative;
	background-color: #555;
	padding: 10px;
	display: none;
	width: 22%;
	min-width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
	border-radius: 5px;
}

#totalMembreContent{
margin-top: 30px;
margin-bottom: 30px;
}

.playVid{
opacity: 0.3;
width: 100%;
display: block;
/* float: left; */
/* position: relative; */
/* top: -10px; */
max-height: 150px;
height: 100%;
margin: auto auto auto auto;
background-image: url('images/Ressources/video.png');
max-width: 143px;
/* background-position: top; */
background-size: contain;
background-repeat: no-repeat;
}
.openMetier{
text-align: center; 
color: #a6ce39; 
cursor: pointer;
margin-bottom:20px;
}
.openMetier:hover{
text-align: center; 
color: #555; 
cursor: pointer;
}
/*gravity form*/
.gform_wrapper .medium,.gform_wrapper .small,.gform_wrapper .big{width:auto;height:auto;z-index:150;}
.gform_wrapper .gform_footer{text-align:center;}
.gform_wrapper{margin:0 !important;z-index:150;position:relative;display:block;}
.gform_wrapper > form > .gform_body{ text-align: center; z-index:150;}
.gform_wrapper .top_label input.medium,.gform_wrapper .top_label select.medium {
    font-size: 15px !important;
    height: 35px !important;
    padding: 5px !important;
    width: 260px !important;
}
#topInterne > #newsletterActu {
    padding: 90px 5px;
    text-align: center;
}