/*
Theme Name: MB Diffusion 2
Author: Pierre Charlot
Description: Theme Wordpress personnalisé pour la société MB Diffuision - 2014
Version: 1.0

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * 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 - Fonts
 * 10.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
 * ----------------------------------------------------------------------------
 */

@import "css/lib/animate.css" screen;
@import "css/compiled/index.css" screen;
* {
    -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%;
}
html, button, input, select, textarea {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
}

/*//////////////////////Couleur de selection personnalisé///////*/
::-moz-selection { /* Pour firefox */
background:#d7e1e1;
color:#1873b1;
}
::selection { /* Pour les autres */
    background: #d7e1e1;
    color: #1873b1;
}
body {
    line-height: 1.5;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    color: #4b575f !important;
}
@font-face {
    font-family: 'helvetica_ce_35_thinregular';
    src: url('fonts/helvetica_neue_ce_35_thin_0-webfont.eot');
    src: url('fonts/helvetica_neue_ce_35_thin_0-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica_neue_ce_35_thin_0-webfont.woff') format('woff'), url('fonts/helvetica_neue_ce_35_thin_0-webfont.ttf') format('truetype'), url('fonts/helvetica_neue_ce_35_thin_0-webfont.svg#helvetica_ce_35_thinregular') format('svg');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_ce_35_thinitalic';
    src: url('fonts/helvetica_neue_ce_36_thin_italic_0-webfont.eot');
    src: url('fonts/helvetica_neue_ce_36_thin_italic_0-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica_neue_ce_36_thin_italic_0-webfont.woff') format('woff'), url('fonts/helvetica_neue_ce_36_thin_italic_0-webfont.ttf') format('truetype'), url('fonts/helvetica_neue_ce_36_thin_italic_0-webfont.svg#helvetica_ce_35_thinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {
    color: #000;
    font-weight: 700;
}
a:visited {
    color: #1d577f;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    color: #ea9629;
    outline: 0;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: Bitter, Georgia, serif;
    line-height: 1.3;
}
h1 {
    font-family: helvetica_ce_35_thinregular, "Trebuchet MS", arial;
    font-size: 27px;
    color: #1d577f;
    padding-top: 0;
    margin-bottom: 10px;
}
h2 {
    font-family: helvetica_ce_35_thinitalic;
    font-size: 25px;
    color: #5e5e5e;
}
h3 {
    font-family: "Trebuchet MS", arial;
    font-weight: lighter;
    font-size: 18px;
    color: #1d577f;
    padding-top: 0;
    margin-bottom: 10px;
    margin-top: 0px;
}
h4 {
    font-size: 20px;
    margin: 25px 0;
}
h5 {
    font-size: 18px;
    margin: 30px 0;
}
h6 {
    font-size: 16px;
    margin: 36px 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 {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
    text-align: justify;
    color: #4b575f;
    margin: 0!important;
}
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: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}
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 {
    list-style-type: square;
}
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;
}
 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: none;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
    font-size: 12px;
}
caption {
    font-size: 16px;
    margin: 20px 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border: none;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
hr {
    background: url(images/bg-separation.gif) repeat-x center;
    height: 7px;
    padding-bottom: 35px;
    padding-top: 35px;
    border: none;
}
#page {
    background: url(images/bg-body-page.gif) repeat-x top;
}
.home #page {
    background: url(images/bg-body.gif) repeat-x top;
}
/**
 * 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 {
}
input, textarea {
    color: #141412;
}
input:focus, textarea:focus {
    border: 2px solid #c3c0ab;
    outline: 0;
}
/* Buttons */
button, input[type="submit"], input[type="button"], input[type="reset"] {
}
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 {
    outline: none;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
    padding: 10px 24px 11px;
}
.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 {
}
.wp-caption.alignleft {
}
figure.wp-caption.alignright, img.alignright {
    margin: 5px;
}
.wp-caption.alignright {
    margin: 5px;
}
img.aligncenter {
    margin: 5px auto;
}
img.alignnone {
}
.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;
}
.col940 {
    width: 940px;
}
.col460 {
    width: 460px;
}
.col220 {
    width: 220px;
}
.col140 {
    width: 140px;
}
.pr10 {
    padding-right: 10px;
}
.pr20 {
    padding-right: 20px;
}
.pb10 {
    padding-bottom: 10px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mt-date {
    margin-top: 10px;
}
.borderb01 {
    border-bottom: #f2f4f5 solid thin;
}
.border-date {
    border-bottom: #fff solid thin;
}
.floatleft {
    float: left;
}
.floatright {
    float: right;
}
.clearboth {
    clear: both;
}
.h70 {
    height: 70px;
}
.push {
    padding-bottom: 150px;
    clear: both;
}
/**
 * 2.1 Icones
 * ----------------------------------------------------------------------------
 */
 
[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    height: 24px;
 *margin-right: .3em;
    margin-right: 10px;
    line-height: 24px;
    vertical-align: text-top;
    background-image: url("images/sprites-footer.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.icon-footer-aa {
    background-position: 0 -24px;
    width: 131px;
}
.icon-footer-mz {
    background-position: 0 0;
    width: 164px;
}
.icon-footer-www {
    background-position: 0 -48px;
    width: 24px;
}
.icon-footer-gp {
    background-position: -24px -48px;
    width: 24px;
}
.icon-footer-fb {
    background-position: -48px -48px;
    width: 24px;
}
.icon-footer-tw {
    background-position: -72px -48px;
    width: 24px;
}
.icon-footer-aa, .icon-footer-mz, .icon-footer-www, .icon-footer-gp, .icon-footer-fb, .icon-footer-tw {
    opacity: 0.7;
    margin-top: 10px;
}
.icon-footer-aa:hover, .icon-footer-mz:hover, .icon-footer-www:hover, .icon-footer-gp:hover, .icon-footer-fb:hover, .icon-footer-tw:hover {
    opacity: 1;
    cursor: pointer;
}
[class^="icon-chiffre-"], [class*=" icon-chiffre-"] {
    display: inline-block;
    height: 34px;
    width: 34px;
 *margin-right: .3em;
    margin-left: 10px;
    line-height: 34px;
    vertical-align: text-top;
    background-image: url("images/sprites-chiffres.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
.icon-chiffre-world {
    background-position: 0 0;
}
.icon-chiffre-stats {
    background-position: -34px 0;
}
.icon-chiffre-transport {
    background-position: -68px 0;
}
.icon-chiffre-pub {
    background-position: -102px 0;
}
.icon-chiffre-visiteurs {
    background-position: -136px 0;
}
.icon-chiffre-vue {
    background-position: -170px 0;
}
.icon-chiffre-caddie {
    background-position: -204px 0;
}
.icon-chiffre-bureau {
    background-position: -238px 0;
}
.icon-chiffre-fr {
    background-position: -272px 0;
}
.icon-chiffre-ir {
    background-position: -306px 0;
}
/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {
    margin: 0 auto;
    width: 100%;
}
.site-main {
    position: relative;
}
.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 {
    margin: 0 auto;
    max-width: 980px;
    padding: 0;
    background-size: 940px auto!important;
    background: none!important;
}
#cElementMenu {
    background: url(images/bg-menu.png) top left no-repeat;
    height: 90px;
    margin: 0 auto;
    padding: 0;
    width: 940px;
}
#cElementMenu ul {
    float: right;
    height: 17px;
    margin-left: 0;
    margin-top: 35px;
    padding: 0;
}
#cElementMenu li {
    border-right: thin solid #60a7d6;
    display: block;
    float: left;
    height: 17px;
    padding-left: 10px;
    padding-right: 10px;
}
#cElementMenu li:last-child {
    border-right: none;
    padding-right: 0px;
}
#cElementMenu li a {
    display: block;
    line-height: 16px;
    color: #d7e1e1;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#cElementMenu li a:hover {
    color: #FFF;
}
#cElementMenu .menuActif {
    text-decoration: none;
}
#cElementLanguage {
    height: 25px;
    width: 940px;
    margin: 0 auto;
}
#cElementLanguage a {
    float: right;
}
#cElementLanguage a img {
    margin: 4px;
}
#cElementLanguage ul {
    list-style-type: none;
    margin: 0;
}
#cElementLanguage ul li {
    float: left;
    margin: 0 5px;
}
/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */
.entry-header, .entry-content, .entry-summary, .entry-meta {
    margin: 0 auto;
    max-width: 940px;
    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;
}
.entry-thumbnail img {
    display: block;
    margin: 0 auto 10px;
}
.entry-title {
    font-weight: normal;
    margin: 0 0 5px;
}
.entry-title a {
    color: #141412;
}
.entry-title a:hover {
    color: #ea9629;
}
/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
    clear: both;
    font-size: 14px;
}
.entry-meta a {
    color: #bc360a;
}
.entry-meta a:hover {
    color: #bc360a;
}
.entry-meta > span {
    margin-right: 20px;
}
.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
 * ----------------------------------------------------------------------------
 */

.page-id-8 td {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}
.badge {
    width: 220px;
    height: 48px;
    border-left: #1873B1 solid 4px;
    background: #F2F4F5;
    margin-bottom: 10px;
    padding-top: 8px;
}
.badge .sup, #contenu-reel .badge .nosup {
    font-family: helvetica_ce_35_thinregular;
    /*padding-left:55px;*/
    font-size: 16px !important;
    margin-top: 0px !important;
}
.badge .sup {
    font-weight: bold;
    color: #1873B1 !important;
}
.badge .nosup {
    color: #4B575F !important;
}
.badge-adress {
    width: 216px;
    height: 185px;
    border-left: #1873B1 solid 4px;
    background: #F2F4F5;
    margin-bottom: 10px;
    padding-top: 12px;
}
.history-date {
    width: 70px;
    min-height: 70px;
    background-color: #f2f4f5;
    padding: 15px;
}
.history-date-year {
    font-family: helvetica_ce_35_thinregular;
    font-size: 18px;
    color: #1873b1;
}
.bg-aa {
    background: url(images/bg-date-history.gif) top no-repeat #F2F4F5;
    background-position: 0px 0;
}
.bg-mz {
    background: url(images/bg-date-history.gif) top no-repeat #F2F4F5;
    background-position: -70px 0;
}
.bg-aa-mz {
    background: url(images/bg-date-history.gif) top no-repeat #F2F4F5;
    background-position: -35px 0;
}
.bg-mb {
    background: url(images/bg-date-history.gif) top no-repeat #F2F4F5;
    background-position: -140px 0;
}
.bg-page {
    background: #f2f4f5;
}
.history-text {
    width: 350px;
    margin-left: 15px;
}
.history-text p {
    font-size: 11px !important;
    line-height: 13px !important;
}
.entry-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.entry-content a, .comment-content a {
}
.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 {
    float: left;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
    float: right;
}
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
 * ----------------------------------------------------------------------------
 */

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

/**
 * 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
 * ----------------------------------------------------------------------------
 */

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */



/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

/**
 * 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 Forms
 * ----------------------------------------------------------------------------
 */
form.wpcf7-form {
    width: 65%;
    margin: 0 auto;
    background: #f2f4f5;
    padding: 15px;
    border-left: #1873B1 solid 4px;
    color: #4b575f;
    font-size: 14px;
}
form p {
    font-size: 14px;
    color: #4b575f;
    margin-left: 2px;
    text-transform: capitalize;
}
form input[type="text"], input[type="email"], input[type="url"], form textarea {
    padding: 8px;
    border-radius: 0px;
    border: #d0d9d9 solid thin;
    width: 97%;
    margin-bottom: 15px !important;
    margin-top: 2px;
    color: #4b575f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
form select {
    padding: 8px;
    border-radius: 0px;
    border: #d0d9d9 solid thin;
    width: 97%;
    margin-bottom: 15px !important;
    margin-top: 2px;
}
/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */


/**
*5.14 Slider
 * ----------------------------------------------------------------------------
 */
 
 

/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */


/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

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


#globalFooter {
    background: #FFF;
    bottom: 0;
    width: 100%;
    z-index: 500;
    height: 75px;
}
#globalFooter a {
/*	color:#fff;*/
}
#cElementFooter {
    height: 75px;
    /*	height:100%;*/
    width: 100%;
    margin: 0 auto;
}
#cElementFooter footer {
    background-color: #d8e1e1;
    width: 100%;
}
#cElementFooter footer #contenu-footer {
    height: 45px;
    width: 940px;
    margin: 0 auto;
    clear: both;
}
#cElementFooter .adress {
    width: 940px;
    margin: 0 auto;
    clear: both;
}
#cElementFooter .adress p {
    text-align: center;
    color: #a6abae;
    font-family: helvetica, arial, 'lucida sans', 'lucida sans regular';
    font-size: 10px;
    line-height: 10px;
    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.
 */

/**
 * 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.html);
}
.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.html);
}
}

@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;
}
}

@media screen and (max-width: 320px){
.history-text {
    width: 210px;
    margin-bottom: 18px;
}

}

@media screen and (min-width:321px) and (max-width:425px) {
.history-text {
    width: 250px!important;
    margin-bottom: 18px;
}

}

@media screen and (min-width:426px) and (max-width:768px) {
.history-text {
    width: 300px!important;
    margin-bottom: 18px;
}

}

@media screen and (max-width: 768px) {
.home #page {
	    background: url(images/bg-body-page.gif) repeat-x top!important;
	}
	
.site-main {
    padding: 3%;
        margin-top: 95px;
}

.col220.mr20.mb20, .col220.mb20, .col460 {
	float:none!important;
	width:100%;
}

.col940, .badge {
    width: 100%;
}



#cElementMenu {
 width:100%;
 }

#cElementMenu ul {
	float:left;
    height: 17px;
    margin-left: 0;
    margin-top: 102px;
    padding: 0;
        width: 100%;
}

#cElementMenu li {
    border-bottom: thin solid #60a7d6;
    border-right: 0;
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

#feature_slider {
display:none;
}
 form.wpcf7-form {
    width: 100%;
    }

#cElementMenu li a {
    display: block;
    line-height: 19px;
    color: #60a7d6;
    font-size: 15px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
a:visited {
    color: #60a7d6;
}

[class^="icon-"], [class*=" icon-"] {
	display:none;
}

#contenu-footer {
    width: 100%!important;
}

.adress {
width:75%!important;
margin:auto;
}

.badge{
	padding:8px;
}

}