/*
Theme Name: Sparkling
Theme URI: http://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, portfolio, design, art, photography, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready, compatible with WPML and is available in Spanish, French, Dutch, Polish, Russian, German, Brazilian Portuguese, Portuguese (Portugal), Persian (Iranian language), Romanian, Turkish, Bulgarian, Japanese, Lithuanian, Czech, Ukrainian, Traditional Chinese and Italian. Sparkling is a free WordPress theme with premium functionality and design. Now theme is optimized to work with bbPress, Contact Form 7, Jetpack and other popular free and premium plugins.
Version: 1.8.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Widgets
7. Buttons
8. Infinite Scroll
8. Custom Styles
9. Navigation
10. Comments
11. Attachment styling
12. Gallery
13. Footer
14. Social icons
15. Call For Action
*/

/* =Global

Mon gris de base: #414141   <<<<<<-------

----------------------------------------------- */
body {
  color: #fbfbfb; /* changement de couleur du texte  */
  background-color: #F2F2F2;
  word-wrap: break-word;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  font-size: 14px;
}

.footer-inner { margin-top: 30px; margin-bottom: 30px;} /* pour espacer le footer */
.site-content { margin-top:80px; }

a { color :#E800A8; } /* à cause du changement de déclaration html j'ai perdu toutes les couleurs indivs*/
a:hover { color :#fff; }

p { color:#fbfbfb; text-align:justify; margin-bottom:12px; } /* pour texte articles */

/*@media (max-width:767px){ div.navbar-header{ display:blockinline; } div.socialisation{ display:block;} }
.monlogo { margin:-13px 0 0 -5px; }*/

audio.ideesaudio { margin-top:8px; margin-bottom:8px; display: block;
    margin-left: auto;
    margin-right: auto;
}

audio { width:80%; }

.pourside { background-color:#414141;
			padding: 16px; /*j'ai changé le padding -bottom*/
    		/*margin-bottom: 10px;
			border-bottom: #FFF solid 1px; plus besoin*/ }
.well .pourside { text-align:left; }
.pourside img {
		/*margin-top:10px; viré marge hte */
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
        /*filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);*/
}
.pourside a img:hover {
		-webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
		
		filter: saturate(200%);
		-webkit-filter: saturate(200%);
        -moz-filter: saturate(200%);
        -o-filter: saturate(200%);
        -ms-filter: saturate(200%);
		
		 filter: hue-rotate(-40deg);
        -webkit-filter: hue-rotate(-40deg);
        -moz-filter: hue-rotate(-40deg);
        -o-filter: hue-rotate(-40deg);
        -ms-filter: hue-rotate(-40deg);
        /*filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);*/
}

.voygrotte{ border-top: 1px solid #CCC; padding-top:20px; margin-top:-10px; }

/* les colonnes dans les articles */
.colonade { 
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
	column-count:2; 
	color:#F9F9F9; 
}

/* ancien système */
.columns{ margin-top:20px; }
.column{ float:left; text-align:justify;  }
.columns .column:first-child{ margin-left:0;}
.columns .twocol{ width:48.5%; margin-bottom: 20px; }
.columns .column{ margin-left:3%;}
.clear { clear: both; }


/*css liste grotte sidebar */
.zeliste{ margin: 14px 0 20px 0; }
.anneegrotte { background-color: #CCC; color: #414141; line-height:20px; border-radius:12px; }
.grottesduneannee a { text-transform: uppercase; }
.anneegrotte h1 { color: #414141; line-height:20px; margin-left:10px; }
.anneegrotte:hover { background-color: #F33201; }

.anneecourt { background-color: #CCC; color: #414141; line-height:20px; border-radius:12px; }
.anneecourt h1 { color: #414141; line-height:20px; margin-left:10px; }
.anneecourt:hover { background-color: #2492FF; }

.anneebilan { background-color: #CCC; color: #414141; line-height:20px; border-radius:12px; }
.anneebilan h1 { color: #414141; line-height:20px; margin-left:10px; }
.anneebilan:hover { background-color: #E800A8; }


div.post-inner-content { 
	-moz-box-shadow: 9px 7px 17px 0px #656565;
	-webkit-box-shadow: 9px 7px 17px 0px #656565;
	-o-box-shadow: 9px 7px 17px 0px #656565;
	box-shadow: 9px 7px 17px 0px #656565; } /* ombre pour les articles */

.toggle-box { display: none; } /* cache les checkbox */

.toggle-box + label { /* affiche une annee par ligne */
  cursor: pointer;
  display: block;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px;
}

.toggle-box + label + div { /* cache les div */
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div { display: block; } /* ouvre la div quand on clic */

.toggle-box + label:before {
  background-color: #4F5150;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
  float: right;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before { content: "\2212"; }
.toggle-box:checked + label.anneegrotte:before { background-color: #F33201; }
.toggle-box:checked + label.anneecourt:before { background-color: #2492FF; }
.toggle-box:checked + label.anneebilan:before { background-color: #E800A8; }


/* LES COULEURS DES LIENS   mon orange par défaut de merde: fd450c */


/* page d'accueil */
.home a, .home .entry-title a:hover, .blog a,
.home .comments-link a:hover, .home .comments-link:hover,
.home .navbar-default .navbar-nav > li > a:hover, mtune a.plusdinfos { color: #E800A8; }
.home a:hover, .blog a:hover{ color: #ccc; }
.home div.post-inner-content, .blog div.post-inner-content{ border: #ccc solid 1px; }
.home .dropdown-menu > li > a:hover, div.pagination a:hover, .home div.pagination a:hover,
.blog .dropdown-menu > li > a:hover, .blog div.pagination a:hover { background-color: #E800A8; } /* couleur fond menu nivo 2 */
.home div.pagination span.current { background-color: #FF55D0; } /* version plus clair */


/* BILAN */
.bilan a, .bilan .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mbilan .comments-link a:hover, .mbilan .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mbilan .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.bilan .navbar-default .navbar-nav > li > a:hover, .bilan a.plusdinfos { color :#E800A8; } /* couleur survol menu nivo 1 en single */
.mbilan div.post-inner-content, .bilan div.post-inner-content { border: #E800A8 solid 1px; }  /* couleur contour article page et single */
.mbilan .dropdown-menu > li > a:hover, .bilan .dropdown-menu > li > a:hover, .mbilan div.pagination a:hover, .mbilan button.btn-default:hover { background-color: #E800A8; } /* couleur fond menu nivo 2 */



/* GROTTE */
.mgrotte a, .grotte a, .mgrotte .entry-title a:hover, .grotte .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mgrotte .comments-link a:hover, .mgrotte .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mgrotte .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.grotte .navbar-default .navbar-nav > li > a:hover, .mgrotte a.plusdinfos { color :#F33201; } /* couleur survol menu nivo 1 en single */
.mgrotte div.post-inner-content, .grotte div.post-inner-content { border: #F33201 solid 1px; }  /* couleur contour article page et single */
.mgrotte .dropdown-menu > li > a:hover, .grotte .dropdown-menu > li > a:hover, .mgrotte div.pagination a:hover, .mgrotte button.btn-default:hover { background-color: #F33201; } /* couleur fond menu nivo 2 */
.mgrotte .dropdown-menu>.active>a, .grotte .dropdown-menu>.menu-item-5256>a, 
.mgrotte div.pagination span.current { color: #fff; background-color: #f36947; } /* couleur fond menu nivo 2 sur lequel on est en page et single */ 

/* VOYAGE GROTTE */
.mvoyagegrotte a, .grotte a, .mvoyagegrotte .entry-title a:hover, .grotte .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mvoyagegrotte .comments-link a:hover, .mvoyagegrotte .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mvoyagegrotte .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.grotte .navbar-default .navbar-nav > li > a:hover, .mvoyagegrotte a.plusdinfos { color :#F33201; } /* couleur survol menu nivo 1 en single */
.mvoyagegrotte div.post-inner-content, .grotte div.post-inner-content { border: #F33201 solid 1px; }  /* couleur contour article page et single */
.mvoyagegrotte .dropdown-menu > li > a:hover, .grotte .dropdown-menu > li > a:hover, .mvoyagegrotte div.pagination a:hover, .mvoyagegrotte button.btn-default:hover { background-color: #F33201; } /* couleur fond menu nivo 2 */
.mvoyagegrotte .dropdown-menu>.active>a, .grotte .dropdown-menu>.menu-item-5256>a, 
.mvoyagegrotte div.pagination span.current { color: #fff; background-color: #f36947; } /* couleur fond menu nivo 2 sur lequel on est en page et single */ 

/* TOUTES LES IDEES */
.msonson a, .sonson a, .msonson .entry-title a:hover, .sonson .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.msonson .comments-link a:hover, .msonson .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.msonson .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.sonson .navbar-default .navbar-nav > li > a:hover, .msonson a.plusdinfos { color :#B5B900; } /* couleur survol menu nivo 1 en single */
.msonson div.post-inner-content, .sonson div.post-inner-content { border: #B5B900 solid 1px; }  /* couleur contour article page et single */
.msonson .dropdown-menu > li > a:hover, .sonson .dropdown-menu > li > a:hover, .msonson div.pagination a:hover { background-color: #B5B900; } /* couleur fond menu nivo 2 */
.msonson .dropdown-menu>.active>a, .sonson .dropdown-menu>.menu-item-5266>a, 
.msonson div.pagination span.current { color:#FFFFFF; background-color: #d0d263; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* CRITIQUEMAN */
.mcritique a, .critique a, .mcritique .entry-title a:hover, .critique .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mcritique .comments-link a:hover, .mcritique .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mcritique .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.critique .navbar-default .navbar-nav > li > a:hover, .mcritique a.plusdinfos { color :#79D718; } /* couleur survol menu nivo 1 en single */
.mcritique div.post-inner-content, .critique div.post-inner-content { border: #79D718 solid 1px; }  /* couleur contour article page et single */
.mcritique .dropdown-menu > li > a:hover, .critique .dropdown-menu > li > a:hover, .mcritique div.pagination a:hover { background-color: #79D718; } /* couleur fond menu nivo 2 */
.mcritique .dropdown-menu>.active>a, .critique .dropdown-menu>.menu-item-5266>a, 
.mcritique div.pagination span.current { color:#FFFFFF; background-color: #79D718; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* NIKUBIK NEWS */
.mnikunews a, .nikunews a, .mnikunews .entry-title a:hover, .nikunews .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mnikunews .comments-link a:hover, .mnikunews .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mnikunews .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.nikunews .navbar-default .navbar-nav > li > a:hover, .mnikunews a.plusdinfos { color : #9B53F5; } /* couleur survol menu nivo 1 en single */
.mnikunews div.post-inner-content, .nikunews div.post-inner-content { border: #9B53F5 solid 1px; }  /* couleur contour article page et single */
.mnikunews .dropdown-menu > li > a:hover, .nikunews .dropdown-menu > li > a:hover, .mnikunews div.pagination a:hover { background-color: #9B53F5; } /* couleur fond menu nivo 2 */
.mnikunews .dropdown-menu>.active>a, .nikunews .dropdown-menu>.menu-item-5266>a, 
.mnikunews div.pagination span.current { color:#FFFFFF; background-color: #9B53F5; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* TUNE TOI */
.mtune a, .tune a, .mtune .entry-title a:hover, .tune .entry-meta a:hover,  /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mtune .comments-link a:hover, .mtune .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mtune .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.tune .navbar-default .navbar-nav > li > a:hover, .mtune a.plusdinfos { color :#c101ea; } /* couleur survol menu nivo 1 en single */
.mtune div.post-inner-content, .tune div.post-inner-content{ border: #c101ea solid 1px; }  /* couleur contour article page et single */
.mtune .dropdown-menu > li > a:hover, .tune .dropdown-menu > li > a:hover, .mtune div.pagination a:hover { background-color: #c101ea; } /* couleur fond menu nivo 2 */
.mtune .dropdown-menu>.active>a, .tune .dropdown-menu>.menu-item-5257>a, 
.mtune div.pagination span.current { color: #fff; background-color: #d058ea; } /* couleur fond menu nivo 2 sur lequel on est en page et single */

/* WEST COAST RAMPAGE */
.mwest a, .west a, .mwest .entry-title a:hover, .west .entry-meta a:hover,  /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mwest .comments-link a:hover, .mwest .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mwest .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.west .navbar-default .navbar-nav > li > a:hover, .mwest a.plusdinfos { color :#0bf30b; } /* couleur survol menu nivo 1 en single */
.mwest div.post-inner-content, .west div.post-inner-content { border: #0bf30b solid 1px; }  /* couleur contour article page et single */
.mwest .dropdown-menu > li > a:hover, .west .dropdown-menu > li > a:hover, .mwest div.pagination a:hover { background-color: #0bf30b; } /* couleur fond menu nivo 2 */
.mwest .dropdown-menu>.active>a, .west .dropdown-menu>.menu-item-5257>a, 
.mwest div.pagination span.current { color: #fff; background-color: #7df585; } /* couleur fond menu nivo 2 sur lequel on est en page et single */

/* SONSON */
.msonson a, .sonson a, .msonson .entry-title a:hover, .sonson .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.msonson .comments-link a:hover, .msonson .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.msonson .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.sonson .navbar-default .navbar-nav > li > a:hover, .msonson a.plusdinfos { color :#B5B900; } /* couleur survol menu nivo 1 en single */
.msonson div.post-inner-content, .sonson div.post-inner-content { border: #B5B900 solid 1px; }  /* couleur contour article page et single */
.msonson .dropdown-menu > li > a:hover, .sonson .dropdown-menu > li > a:hover, .msonson div.pagination a:hover { background-color: #B5B900; } /* couleur fond menu nivo 2 */
.msonson .dropdown-menu>.active>a, .sonson .dropdown-menu>.menu-item-5266>a, 
.msonson div.pagination span.current { color:#FFFFFF; background-color: #d0d263; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* CHIEN */
.mchien a, .chien a, .mchien .entry-title a:hover, .chien .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mchien .comments-link a:hover, .mchien .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mchien .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.chien .navbar-default .navbar-nav > li > a:hover, .mchien a.plusdinfos { color :#c15300; } /* couleur survol menu nivo 1 en single */
.mchien div.post-inner-content, .chien div.post-inner-content { border: #c15300 solid 1px; }  /* couleur contour article page et single */
.mchien .dropdown-menu > li > a:hover, .chien .dropdown-menu > li > a:hover, .mchien div.pagination a:hover { background-color: #c15300; } /* couleur fond menu nivo 2 */
.mchien .dropdown-menu>.active>a, .chien .dropdown-menu>.menu-item-5267>a, 
.mchien div.pagination span.current { color:#FFFFFF; background-color: #E48843; } /* couleur fond menu nivo 2 sur lequel on est page et single*/
a#margelle { margin-top: 60px; }

/* RAMIROU */
.mramirou a, .ramirou a, .mramirou .entry-title a:hover, .ramirou .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mramirou .comments-link a:hover, .mramirou .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mramirou .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.ramirou .navbar-default .navbar-nav > li > a:hover, .mramirou a.plusdinfos { color :#ECB380; } /* couleur survol menu nivo 1 en single */
.mramirou div.post-inner-content, .ramirou div.post-inner-content { border: #ECB380 solid 1px; }  /* couleur contour article page et single */
.mramirou .dropdown-menu > li > a:hover, .ramirou .dropdown-menu > li > a:hover, .mramirou div.pagination a:hover { background-color: #ECB380; } /* couleur fond menu nivo 2 */
.mramirou .dropdown-menu>.active>a, .ramirou .dropdown-menu>.menu-item-5268>a, 
.mramirou div.pagination span.current { color:#FFFFFF; background-color: #f7cea9; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* courts métrages*/
.mcourts a, .court a, .mcourts .entry-title a:hover, .court .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mcourts .comments-link a:hover, .mcourts .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mcourts .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.court .navbar-default .navbar-nav > li > a:hover, .mcourts a.plusdinfos { color :#2492FF; } /* couleur survol menu nivo 1 en single */
.mcourts div.post-inner-content, .court div.post-inner-content { border: #2492FF solid 1px; }  /* couleur contour article page et single */
.mcourts .dropdown-menu > li > a:hover, .court .dropdown-menu > li > a:hover, .mcourts div.pagination a:hover { background-color: #2492FF; } /* couleur fond menu nivo 2 */
.mcourts .dropdown-menu>.active>a, .court .dropdown-menu>.menu-item-5249>a, 
.mcourts div.pagination span.current { color:#FFFFFF; background-color: #5eaefe; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* tigre  */
.mtigre a, .tigre a, .mtigre .entry-title a:hover, .tigre .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mtigre .comments-link a:hover, .mtigre .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mtigre .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.tigre .navbar-default .navbar-nav > li > a:hover, .mtigre a.plusdinfos { color: #00EAD2; } /* couleur survol menu nivo 1 en single */
.mtigre div.post-inner-content, .tigre div.post-inner-content { border: #00EAD2 solid 1px; }  /* couleur contour article page et single */
.mtigre .dropdown-menu > li > a:hover, .tigre .dropdown-menu > li > a:hover, .mtigre div.pagination a:hover { background-color: #00EAD2; } /* couleur fond menu nivo 2 */
.mtigre .dropdown-menu>.active>a, .tigre .dropdown-menu>.menu-item-5276>a, 
.mtigre div.pagination span.current { color:#FFFFFF; background-color: #7aeee2; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* marathon  */
.marathon a, .marathon .entry-title a:hover, .marathon .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.marathon .comments-link a:hover, .marathon .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.marathon .navbar-default .navbar-nav > li > a:hover, .marathon a.plusdinfos { color :#CF34B0; } /* couleur survol menu nivo 1 en page et single */
.marathon div.post-inner-content { border: #CF34B0 solid 1px; }  /* couleur contour article page et single */
.marathon .dropdown-menu > li > a:hover, .marathon div.pagination a:hover { background-color: #CF34B0; } /* couleur fond menu nivo 2 */
.marathon .dropdown-menu>.active>a, .marathon .dropdown-menu>.menu-item-3937>a, 
.marathon div.pagination span.current { color:#FFFFFF; background-color: #de57c3; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* darasse */
.mdarasse a, .darasse a, .mdarasse .entry-title a:hover, .darasse .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mdarasse .comments-link a:hover, .mdarasse .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mdarasse .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.darasse .navbar-default .navbar-nav > li > a:hover, .mdarasse a.plusdinfos { color :#E80000; } /* couleur survol menu nivo 1 en single */
.mdarasse div.post-inner-content, .darasse div.post-inner-content { border: #E80000 solid 1px; }  /* couleur contour article page et single */
.mdarasse .dropdown-menu > li > a:hover, .darasse .dropdown-menu > li > a:hover, .mdarasse div.pagination a:hover { background-color: #E80000; } /* couleur fond menu nivo 2 */
.mdarasse .dropdown-menu>.active>a, .darasse .dropdown-menu>.menu-item-5277>a, 
.mdarasse div.pagination span.current { color:#FFFFFF; background-color: #ef3b3b; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* making of */
.mmaking a, .off a, .mmaking .entry-title a:hover, .off .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mmaking .comments-link a:hover, .mmaking .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mmaking .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.off .navbar-default .navbar-nav > li > a:hover, .mmaking a.plusdinfos { color :#01D857; } /* couleur survol menu nivo 1 en single */
.mmaking div.post-inner-content, .off div.post-inner-content { border: #01D857 solid 1px; }  /* couleur contour article page et single */
.mmaking .dropdown-menu > li > a:hover, .off .dropdown-menu > li > a:hover, .mmaking div.pagination a:hover { background-color: #01D857; } /* couleur fond menu nivo 2 */
.mmaking div.pagination span.current { background-color: #54FE98; } /* version plus clair */

/* photo  */
.mphoto a, .photo a, .mphoto .entry-title a:hover, .photo .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mphoto .comments-link a:hover, .mphoto .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mphoto .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.photo .navbar-default .navbar-nav > li > a:hover, .mphoto a.plusdinfos { color :#ffc000; } /* couleur survol menu nivo 1 en single */
.mphoto div.post-inner-content, .photo div.post-inner-content { border: #ffc000 solid 1px; }  /* couleur contour article page et single */
.mphoto .dropdown-menu > li > a:hover, .photo .dropdown-menu > li > a:hover, .mphoto div.pagination a:hover { background-color: #ffc000; } /* couleur fond menu nivo 2 */
.mphoto .dropdown-menu>.active>a, .photo .dropdown-menu>.menu-item-5281>a, 
.mphoto div.pagination span.current { color:#FFFFFF; background-color: #facd46; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* dessin  */
.mdessin a, .dessin a, .mdessin .entry-title a:hover, .dessin .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mdessin .comments-link a:hover, .mdessin .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mdessin .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.dessin .navbar-default .navbar-nav > li > a:hover, .mdessin a.plusdinfos { color :#5b7dfa; } /* couleur survol menu nivo 1 en single */
.mdessin div.post-inner-content, .dessin div.post-inner-content { border: #5b7dfa solid 1px; }  /* couleur contour article page et single */
.mdessin .dropdown-menu > li > a:hover, .dessin .dropdown-menu > li > a:hover, .mdessin div.pagination a:hover { background-color: #5b7dfa; } /* couleur fond menu nivo 2 */
.mdessin .dropdown-menu>.active>a, .dessin .dropdown-menu>.menu-item-5281>a, 
.mdessin div.pagination span.current { color:#FFFFFF; background-color: #7f9afc; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* 3d  */
.mtroisd a, .troisd a, .mtroisd .entry-title a:hover, .troisd .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mtroisd .comments-link a:hover, .mtroisd .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mtroisd .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.troisd .navbar-default .navbar-nav > li > a:hover, .mtroisd a.plusdinfos { color :#56cc00; } /* couleur survol menu nivo 1 en single */
.mtroisd div.post-inner-content, .troisd div.post-inner-content { border: #56cc00 solid 1px; }  /* couleur contour article page et single */
.mtroisd .dropdown-menu > li > a:hover, .troisd .dropdown-menu > li > a:hover, .mtroisd div.pagination a:hover { background-color: #56cc00; } /* couleur fond menu nivo 2 */
.mtroisd .dropdown-menu>.active>a, .troisd .dropdown-menu>.menu-item-5281>a, 
.mtroisd div.pagination span.current { color:#FFFFFF; background-color: #7fd640; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* eparpille  */
.meparpille a, .eparpille a, .meparpille .entry-title a:hover, .eparpille .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.meparpille .comments-link a:hover, .meparpille .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.meparpille .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.eparpille .navbar-default .navbar-nav > li > a:hover, .meparpille a.plusdinfos { color :#6f9f00; } /* couleur survol menu nivo 1 en single */
.meparpille div.post-inner-content, .eparpille div.post-inner-content { border: #6f9f00 solid 1px; }  /* couleur contour article page et single */
.meparpille .dropdown-menu > li > a:hover, .eparpille .dropdown-menu > li > a:hover, .meparpille div.pagination a:hover { background-color: #6f9f00; } /* couleur fond menu nivo 2 */
.meparpille .dropdown-menu>.active>a, .eparpille .dropdown-menu>.menu-item-5281>a, 
.meparpille div.pagination span.current { color:#FFFFFF; background-color: #93bd31; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

.eparpille div.post-inner-content p, .meparpille div.post-inner-content p { width: 70%; text-align:justify; } /* réduit la largeur des textes et aligne */

/* jukin */
.mjukin a, .jukin a, .mjukin .entry-title a:hover, .jukin .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mjukin .comments-link a:hover, .mjukin .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mjukin .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.jukin .navbar-default .navbar-nav > li > a:hover, .mjukin div.post-inner-content a.more-link, .mjukin a.plusdinfos { color :#1f9cae; } /* couleur survol menu nivo 1 en single */
.mjukin div.post-inner-content, .jukin div.post-inner-content { border: #1f9cae solid 1px; }  /* couleur contour article page et single */
.mjukin .dropdown-menu > li > a:hover, .jukin .dropdown-menu > li > a:hover, .mjukin div.pagination a:hover { background-color: #1f9cae; } /* couleur fond menu nivo 2 */
.mjukin .dropdown-menu>.active>a, .jukin .dropdown-menu>.menu-item-5287>a, 
.mjukin div.pagination span.current { color:#FFFFFF; background-color: #4bd0e3; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* .mjukin .well, .mjukin div.post-inner-content,    /*tout en noir
.jukin .well, .jukin div.post-inner-content, .mjukin .navbar.navbar-default { background-color:#000; } /* fond sidebar, article et menu navigation 
.mjukin p { color:#999999; text-align:justify; } /* texte article 
.mjukin div.post-inner-content a { color: #999; }
body.mjukin, body.jukin { background-color: #999;}
.well { border-radius:0px; }  */


/* nouvelle */
.mnouvelle a, .nouvelle a, .mnouvelle .entry-title a:hover, .nouvelle .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mnouvelle .comments-link a:hover, .mnouvelle .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mnouvelle .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.nouvelle .navbar-default .navbar-nav > li > a:hover, .mnouvelle a.plusdinfos { color :#7983cd; } /* couleur survol menu nivo 1 en single */
.mnouvelle div.post-inner-content, .nouvelle div.post-inner-content { border: #7983cd solid 1px; }  /* couleur contour article page et single */
.mnouvelle .dropdown-menu > li > a:hover, .nouvelle .dropdown-menu > li > a:hover, .mnouvelle div.pagination a:hover { background-color: #7983cd; } /* couleur fond menu nivo 2 */
.mnouvelle .dropdown-menu>.active>a, .nouvelle .dropdown-menu>.menu-item-5302>a, 
.mnouvelle div.pagination span.current { color:#FFFFFF; background-color: #a5adea; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

/* vunion lautred */
.mvunion a, .vunion a, .mvunion .entry-title a:hover, .vunion .entry-meta a:hover, /* changement couleur liens en page et single + couleur surlignage titre et date articles*/
.mvunion .comments-link a:hover, .mvunion .comments-link:hover, /* couleur survol Laisser un commentaire et la bulle */
.mvunion .navbar-default .navbar-nav > li > a:hover, /* couleur survol menu nivo 1 en page */
.vunion .navbar-default .navbar-nav > li > a:hover, .mvunion a.plusdinfos { color :#C12856; } /* couleur survol menu nivo 1 en single */
.mvunion div.post-inner-content, .vunion div.post-inner-content { border: #C12856 solid 1px; }  /* couleur contour article page et single */
.mvunion .dropdown-menu > li > a:hover, .vunion .dropdown-menu > li > a:hover, .mvunion div.pagination a:hover { background-color: #C12856; } /* couleur fond menu nivo 2 */
.mvunion .dropdown-menu>.active>a, .vunion .dropdown-menu>.menu-item-5302>a, 
.mvunion div.pagination span.current { color:#FFFFFF; background-color: #e06086; } /* couleur fond menu nivo 2 sur lequel on est page et single*/

.vunion, .mvunion { text-align:justify; }
.vunion div.post-inner-content p, .mvunion div.post-inner-content p { width: 450px; } /* pour centrer le p: margin-left: auto; margin-right: auto; */
/*.vunion div.post-inner-content, .mvunion div.post-inner-content { height: 450px; overflow:hidden; }*/

.banpage{ box-shadow: 0px 0px 20px #000000; background-color:#000; margin-bottom:50px; text-align: center; }

.more-link {  /* le lire la suite */
  display: inline-block;
  margin-top: 20px;
  float: none;
}
/* j'enlève les systemes du thème pour afficher le (suite...) 
.more-link {
  float: right;
  margin: 10px 0;
}

.more-link, 
.says {          
  display: none;
}*/

.comments-link { margin-top:10px; }
.postcom {display:none; }


/*.post-inner-content iframe, .post-inner-content embed, .post-inner-content object { overflow:visible; width: 150%; display: block; }
.entry-content { width: 66%; border-right:#CCC solid 1px; } 
.postcom { float:right; width: 33%; display:none; } /* commentaires dans les articles */

.socialisation { position:relative; display:inline; float:right; padding-top:18px; margin-right:-13px; }
.socialisation img { height:20px; width:20px; margin:10px; }
.lesboutons { list-style:none; }
.lesboutons li { float:left; line-height:40px; height:40px; margin-right:10px; }
.lesboutons li a { border-radius: 4px; background-color: #4B4B4B; margin-right:6px; display:inline-block; width:40px; }
.lesboutons ul li a { display:block; text-align:center; }

a.lienyou:hover {background-color:#cc181e; } /*youtube*/
a.lienface:hover {background-color:#45619d; } /*facebook*/
a.lienrss:hover {background-color:#eb9d43 ; } /*rss*/
a.liencontact:hover {background-color:#AD29B8 ; } /*contact*/

.lalistetitre { list-style-type: none; margin-top:6px; padding:0;}
.listetitre { border-bottom: 1px; margin-top:4px; }

.monfooter { margin-top:25px; }
.footy{ width:33%; display:inline-block; float:left; padding-right: 15px; padding-left:15px; }

.widget h3{ font-weight: 700; font-family: 'Roboto Slab', serif; font-size:24px; color:#fff; text-transform:inherit; margin-left:23px;}

.fluxrss { position: relative; display:inline-block; text-align: center; padding:15px; }
.fluxrss img { height:20px; width:20px; margin:10px; }

.contenuside { margin-bottom:20px; margin-top:0px; color:#414141; background-color:#CCCCCC; padding:4px; }
.contenuside h2 { margin-top:-6px;}

a {
  /* color: #CCC; */
  text-decoration: none;
  -webkit-transition: all 0.01s;
     -moz-transition: all 0.01s;
       -o-transition: all 0.01s;
          transition: all 0.01s;
}

a:hover,
a:focus {
  color: #fff;  /*---couleur surlignage texte par défaut----------*/
  text-decoration: none;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #fbfbfb; 
  font-weight: 700;
  font-family: 'Roboto Slab', serif;
}

h1,
.h1 {
  font-size: 28px;
}

h2,
.h2 {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 20px;
}

h4,
.h4 {
  font-size: 16px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 13px;
}

img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}

.posted-on { float:right; margin-top: 4px; font-size:13px; }

.form-search { 
	width:160px;
	padding-top: 21px;
	margin-left:0px;  /* marge à gauche du bouton recherche pour caler le menu */
	position: relative;
	display: inline;
	float: right;
}

/*@media (max-width:767px){form.form-search { margin: 0 auto; position: relative; display: inline; float: left; } div.socialisation { margin: 0 auto; float:left;} }*/

button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:  content-box;
  box-sizing:     content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;
}


/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

/* Clearing floats */
.clear:before,
.clear:after,
.gallery:before,
.gallery:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.home-widget-area:before {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.gallery:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.home-widget-area:before {
  clear: both;
}

/* =Content------------------------------------------------------ */

.sticky {
}
.hentry {
  margin: 0;
}
.byline,
.updated {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
  margin-right: 0;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.main-content-area {
  margin-top: 40px;
  margin-bottom: 40px;
}
/* =Post styling------------------------------------------------------ */
.entry-meta a {
  font-size: 13px;
  color: #fbfbfb; /* infos sous titre article */
}

.entry-meta a:hover { color: #999; } /* surlignage infos article: edition...ect */
.entry-meta {
  margin-bottom: 30px;
}
footer.entry-meta {
  margin-bottom: 0;
}
.page-header {
  margin-top: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.entry-meta .fa {
  font-size: 14px;
  margin-right: 3px;
}
.entry-meta span {
  margin-right: 10px;
}
.entry-title { 
  color: #fbfbfb;
  margin-bottom: 8px;
}
.entry-title a {  /* couleur titre articles */
  color: #fbfbfb;
}
.entry-title a:hover {  /* surlignage titre article*/
  color: #999;
}
.btn.btn-default.read-more {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  padding: 11px 13px;
}
.search .btn.btn-default.read-more {
  float: none;
}
hr.section-divider {
  border-color: #E8E8E8;
  margin-top: 50px;
  margin-bottom: 50px;
}
/* author */
.author-bio {
  clear: both;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
}
.author-bio .avatar {
  float: left;
}
.author-bio-content h4 {
  font-size: 14px;
  margin-top: 0;
}
.author-bio .author-bio-content {
  margin-left: 74px;
}
.secondary-content-box {
  padding-top: 0;
  padding-bottom: 0;
}
.single-view,
.blog-item-wrap {
  margin-bottom: 50px;
}
.post-inner-content {
  padding: 25px 30px;
  background-color: #414141; /* couleur fond articles */
  border: 1px solid #dadada;
  border-top: none;
}
.post-inner-content:first-child {
  border-top: 1px solid #dadada;;
}
.entry-title {
  margin-top: 0;
}

.comment-author .fn,
.author-bio h4,
.comment-reply-title {
  text-transform: uppercase;
  font-weight: 700;
}

/* =Singe Post/Page Pagination
----------------------------------------------- */
.page-links span {
  display: inline-block;
  color: #fff;
  background-color: #6F0 ; /* couleur ? */
  border-radius: 4px;
  padding: 2px 10px;
  margin-left: 2px;
}
.page-links a span {
  background-color: inherit;
  border: 1px solid #E8E8E8;
  color: #fff;                 /* couleur ? */
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
.page-links a:hover span {
  background-color: #fff;  /* couleur ? */
  border: 1px solid #ccc;
  color: #ccc;
}
.pagination .fa-chevron-left,
.pagination .fa-chevron-right {
  font-size: 12px;
}
.pagination li a {
  color: #ccc;
}
.pagination li:hover a {
  color: #fff;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  color: #FFF;
  background-color: #fff;
  border-color: #ccc;
}
.pagination>li>a,
.pagination>li>span {
  padding: 9px 14px;
  border-color: #dadada;
}
.bottom-pagination {
  text-align: center;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.single-featured {
  -webkit-transition: opacity 0.3s linear;
     -moz-transition: opacity 0.3s linear;
       -o-transition: opacity 0.3s linear;
          transition: opacity 0.3s linear;
  display: block;
  margin: auto;
}
.single-featured:hover {
  opacity: 0.8;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  width:900px;
  height:400px;
  width: 100%; /* pour que les iframe soient plus larges */
}

/* =Widgets
----------------------------------------------- */

/* Make sure select elements fit in widgets */
.widget select {
  max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
  display: none;
}
.widget ul li {
  list-style: none;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget ul {
  padding: 0;
  line-height: 18px;
  font-size: 14px;
}
.widget ul.nav.nav-tabs {
  padding: 0;
}
#secondary .widget {
  margin-bottom: 50px;
  color: #C1C0C0;
  overflow: hidden;
}
#secondary .widget:last-child {
  margin-bottom: 0px;
}
.tab-content ul li {
  list-style: none;
}
#secondary .widget_archive ul li:before,
#secondary .widget_categories ul li:before,
#secondary .widget_recent_comments ul li:before {
  font-family: fontawesome;
  margin-right: 10px;
}
#secondary .widget_archive ul li:before {
  content: '\f073';
}
#secondary .widget_categories ul li:before {
  content: '\f115';
}
#secondary .widget_recent_comments ul li:before {
  content: '\f0e5';
}
.well {
  /*background-color: #414141; J'ai viré le fond et la bordure de la sidebar*/
  /*border: 1px solid #DADADA;*/
  overflow: hidden;
  clear: both; 
  padding-bottom: 0px; /* enlève la marge du bas qui sépare normalement mes blocks dans la sidebare */
  text-align:justify;
}
#secondary .widget > h3 {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 0;
  color: #fbfbfb;
}
#secondary .widget a {
  color: #C1C0C0;
}
.widget ul ul {
  padding: 10px;
}
.widget #social ul li {
    border-bottom: 0;
}
.not-found-widget {
  margin-top: 30px;
}
@media (max-width: 767px) {
    #secondary {
        clear: both;
    }
}

/* Custom Category Widget */
.cats-widget ul li span {
  float: right;
}
/* Recent Post widgets */
.popular-posts-wrapper .post {
  float: left;
  clear: both;
  margin-bottom: 20px;
}
.popular-posts-wrapper .post .post-image {
  width: 60px;
  height: 60px;
  float: left;
  display: block;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #DADADA;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.popular-posts-wrapper .post .post-image img {
  border-radius: 4px;
  opacity: 1;
  -webkit-transition: opacity  0.1s;
     -moz-transition: opacity  0.1s;
       -o-transition: opacity  0.1s;
          transition: opacity  0.1s;
}
.popular-posts-wrapper .post .post-image img:hover {
  opacity: 0.6 !important;
}
.popular-posts-wrapper .post .post-content {
  margin-left: 80px;
}
.widget .post-content > span {
  display: block;
}
#secondary .widget .post-content a {
  color: #ccc;
}
#secondary .widget .post-content a:hover {
  color: #DADADA;
}
.widget .post-content span {
    font-size: 12px;
}
.tagcloud {
  margin-top: 25px;
}
.tagcloud a {
  padding: 6px 7px;
  margin-right: 0;
  margin-bottom: 4px;
  line-height: 100%;
  display: inline-block;
  color: #FFF !important;
  background-color: #DADADA;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px !important;
}
.tagcloud a:hover {
  background-color: #ccc;
  border-color: #ccc;
}

/* =Buttons
----------------------------------------------- */
.btn-default, .label-default {
  background-color: #666;  /* --------couleur fond bouton recherche------------- */
  border-color: #CCC;
  -webkit-transition: background-color 0.01s linear;
     -moz-transition: background-color 0.01s linear;
       -o-transition: background-color 0.01s linear;
          transition: background-color 0.01s linear;
}

#ecrituremenu{ border:none; margin: 5px 4px 0 20px; }
.btn-default:hover,
.label-default[href]:hover,
.label-default[href]:focus,
.btn-default:hover, .btn-default:focus,
.btn-default:active,
.btn-default.active,
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover {
  background-color: #414141; /* couleur de fond du bouton recherche */
}
.btn.btn-default:hover { }
.btn.btn-default {
  color: #ccc;
  text-transform: uppercase;
}
.input-group-btn:last-child>.btn {
  margin-left: 0;
}
button {
  background-color: #3C9; /* --------couleur fond je sais pas quoi------------- */
  border: none;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  padding: 5px 12px;
  -webkit-transition: background-color 0.01s linear;
     -moz-transition: background-color 0.01s linear;
       -o-transition: background-color 0.01s linear;
          transition: background-color 0.01s linear;
}
button:hover {
  background-color: #363636;
}
#subscription-toggle {
    float: right;
}
/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}
#infinite-handle span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 20px;
  background: transparent;
  border: 1px solid #DADADA;
  background: #fff;
  color: #ccc;
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
}
#infinite-handle span:hover {
  background-color: #fff;
  color: #fff;
}
/* =Custom Styles
----------------------------------------------- */
.site-branding {
  margin-top: 20px;
  margin-bottom: 20px;
}
.site-description {
  color: #777;
  font-weight: 200;
  font-size: 16px;
}
.page-template-page-homepage-php .carousel {
  margin-top: -20px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .pull-right {
    float: none !important;
  }
  .pull-left {
    float: none !important;
  }
  .flex-caption {
    display: none;
  }
}

/* =Navigation
----------------------------------------------- */

.post-navigation a,
.paging-navigation a {
  border: 1px solid #DADADA;
  background-color: #FFF;
  padding: 8px 14px;
  font-size: 12px;
  border-radius: 4px;
  display: block;
  margin: 0 0 1.5em;
  overflow: hidden;
}
.post-navigation a:hover,
.paging-navigation a:hover {  /* couleur surlignage liens sous articles en mode single */
  color: #999;
  background: #fff;
  text-decoration: none;
}
.paging-navigation {
  text-transform: uppercase;
}
.post-navigation .nav-previous,
.paging-navigation .nav-previous {
  float: left;
}
.post-navigation .nav-next,
.paging-navigation .nav-next  {
  float: right;
  text-align: right;
}

.single .nav-links {
    margin-top: 30px;
}
.nav>li>a {
  text-transform: uppercase;
}
.navbar.navbar-default {
  background-color: #363636;
  font-family: 'Open Sans', serif;
  font-weight: 500;
  position:relative;
  width:100%;
  z-index:1001;
  position:fixed;
  border-bottom:1px solid #CCC;
  
-moz-box-shadow: 5px 0px 10px 0px #656565;
-webkit-box-shadow: 5px 0px 10px 0px #656565;
-o-box-shadow: 5px 0px 10px 0px #656565;
box-shadow: 5px 0px 10px 0px #656565;
}

.collapse{ margin-left:50px; }  /* mon responsive design pour le menu */
.remplaceside{ display:none; }
.plusdinfos { display: none; }
a.anchor {
	display: block; 
	position: relative; 
	top: -108px; 
	visibility: hidden;  
}

@media (max-width:1199px){.collapse{ margin-left:15px;} .form-search{ width:116px; margin-right:-22px;} .nav>li>a { padding:5px 8px;} .fluxrss { padding:0;} }

@media (max-width:991px){
	.navbar > .container .navbar-brand{ margin-left:-10px; }
	.navbar.navbar-default{ box-shadow : none; border-bottom: 0px; }
	.remplaceside { 
		-moz-box-shadow: 0px 0px 10px 0px #656565;
		-webkit-box-shadow: 0px 0px 10px 0px #656565;
		-o-box-shadow: 0px 0px 10px 0px #656565;
		box-shadow: 0px 0px 10px 0px #656565;
	}
	.fluxrss { padding:30px; }
	.collapse{ margin-left:0px;} 
	.form-search{ width:80px; margin-right:2px;} 
	li a.lienyou{ display:none;} 
	li a.lienface{display:none;}  
	.lesboutons li {margin-right: 0px; margin-left:-25px;} 
	
	.banpage{ margin-bottom:20px; }
	
	.remplaceside{ display:block; background-color:#FFF; border-bottom: 1px solid #8c8a8a; padding:0px 20px 0 20px; } /* affiche info side en responsive */
	.remplaceside div.pourside{ margin-bottom: -24px; width:750px;}
	.remplaceside p{ color:#363636;}
	.pourside {  margin-right: auto; margin-left:auto;}
	.pourside h3{ color:#363636;}
	h3.voygrotte{ color:#cfcfcf;}
	.remplaceside p { margin-right: auto; margin-left: auto; padding-left:15px; padding-right:15px; }
	
	/* .remplaceside p { width:750px; } */
	.main-content-area{ margin-top:20px;}
	#reduit{ padding-top: 8px; margin-bottom:6px; margin-top: -6px; }
	.titrerespons { font-weight:bold; }
	
	#sidetexte { display:none; }
	#prog { display:none; }
	#responsiveaccueil { text-align:center; margin-top:-4px; margin-bottom:-20px; padding-top:10px; }
	#responsiveaccueil .plusdinfos { margin-top:2px; margin-bottom:4px; }
	.responsivedescrip{ font-size:12px; margin-top:-3px; text-align:center; }
	.accue{ text-align:center; margin-bottom:0; }
	.leprogramme{ display: inline-flex; margin:0 0 6px 0; }
	ul.leprogramme{ list-style:none; }
	li.progresponsive{ display:inline-block; border-right:1px solid #333; padding:4px; font-size:12px; font-weight:normal; }
	.progresponsive:last-child{ border-right:none; }
	.dateprog{ margin: 0; }
	/*span.dateprog{ display:block; } pour la version: tout sur une ligne */
	#couche{ font-style:italic; font-size:10px; margin:-2px 0 4px 0;}
	.single .remplaceside { display:none; }
	
	/* version simplifiée */
	ul.coteacote{ margin-left:0; }
	.coteacote{ list-style:none; }
	.coteacote li{ display:inline-block; margin-left:10px; }
	
	.widget-area{ text-align:center; margin-left:auto; margin-right:auto;  }
	div.well{ text-align:center; margin-left: auto; margin-right: auto; width:80%;}
	.widget-area img{ width:90%; }
	
	.pagination{ padding:10px 0 0; }
	.site-content{ padding:0 0 25px;}

	
	.plusdinfos { display:block; margin-top:-8px; margin-bottom:8px; font-size:12px; padding-left: 15px; }
	.plusdinfos a:hover { text-decoration: underline; }
	.linfo {  /* pour le cercle autour du +: width: 10px; height: 10px; line-height:8px; text-align:center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; */
		display: inline-block;
		margin-right:2px;
	}

}

@media (max-width:767px){ 
	.navbar > .container .navbar-brand{ margin-left:-10px; }
	div.socialisation{ display:none; } 
	.form-search{ display:none; } 
	.navbar > .container .navbar-brand { margin: -13px 40px; } 
	.collapse{ margin:60px 0 0 -175px; padding: 0 20px 0 20px; } 
	.main-content-area { margin-top:0;}  
	
	.site-content{ margin-top:50px; width:100%; margin-right: auto; margin-left: auto; }
	.remplaceside{ margin-bottom:30px; }
	#reduit{ margin-top: 0px; }
	.pourside{ width:100%; }
	.pourside p { padding-left:0; padding-right:0; }
	.plusdinfos { padding-left: 0px; }
	.remplaceside div.pourside{ width: 100%;}
	a.anchor { top: -82px; }
}

.navbar-default .navbar-nav > li > a {
  color: #F5F7FA;
  line-height: 40px;
  text-transform: uppercase;
  font-size: 12px;
}
.navbar > .container .navbar-brand {
  color: #DADADA;
  font-size: 20px;
  margin-left: 3px;
  font-family: 'Roboto Slab', serif;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  border-right: none;
  border-left: none;
}
.navbar {
  border-radius: 0;
}
.navbar-default {
  border: none;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ccc;  /* couleur surlignage menu nivo 1, serie, emission, film... */
  background-color: transparent;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #fff;
  background-color: #666;  /* couleur surlignage menu nivo 2, les catégories grotte, sonson... */
}
.dropdown-menu {
  font-size: 13px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #656D78;
}

/* ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } /* pour que les sous-menus se déroulent tout seul, mais ça fonctionne sans et ça faisait bugguer */

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #DADADA;
  }
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

@media (min-width: 767px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

@media (max-width: 650px) { .fluxrss { padding:20px; } }
@media (max-width: 610px) { .fluxrss { padding:10px; } }

@media (max-width: 480px) { .colonade { column-count:1; } .fluxrss{ display:none; } }

@media (max-width: 314px) {
.navbar > .container .navbar-brand{ margin:-12px 0 0 -8px; }
}

@media (max-width:261px){ 
	.navbar > .container .navbar-brand{ margin:-56px 0 0 -8px; }
}

.dropdown-menu > li > a {
  padding: 10px 15px;
  color: #636467;
}
.dropdown-menu,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  border: none;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #ccc;  /* couleur menu nivo 2 sur lequel on est */
  color: #fff;
}
.dropdown-menu .divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > .dropdown-menu {
  padding: 0;
}
.navbar-nav > li > a {
  padding-top: 18px;
  padding-bottom: 18px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav {
  float: right;
}
@media (max-width: 767px) {
  .nav.navbar-nav {
    float: none;
  }

  .navbar-default .navbar-nav > li > a {
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

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

.comment-content a {
  word-wrap: break-word;
}

.comments-link a { color:#fbfbfb; float:right; margin-left:6px; font-style:italic; } /*ajout pour lien commentaire*/
.comments-link { color:#fbfbfb; float:right; }

.comments-link a:hover { color:#ccc;} /* couleur survol Laisser un commentaire */
.comments-link:hover { color:#ccc; } /* et la bulle */

.bypostauthor {
}
#respond {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}
#respond > p, #respond p.comment-notes, p.logged-in-as {
  margin-bottom: 10px;
}

p.logged-in-as {
  padding-bottom: 0px;
}
.comment-list {
  margin-bottom: 40px !important;
  margin-left: 0px !important;
  padding-left: 0;
}
.comment-list,
.comment-list .children {
    list-style: none;
}

.comment-body p { color: #535353; } /* texte des commentaires sur fond blanc */
.comment-respond p { color:#666; }

.comment .comment-body {
  background-color: #FDFDFD;
  margin: 0;
  overflow: hidden;
  padding: 25px;
  margin-top: 2em;
  padding-left: 100px;
  position: relative;
  border: 1px solid #E8E8E8;
  border-bottom: 1px solid #DADADA;
  border-radius: 4px;
}
.comment-list .children {
  margin-left: 0px!important;
  padding-left: 40px;
  border-left: 1px solid #DADADA;
  background-repeat: no-repeat;
  background-position: left 20px;
}
.comment-list li.comment > div img.avatar {
  position: absolute;
  left: 29px;
  top: 29px;
}
#comment-form-title {
  font-size: 24px;
  padding-bottom: 10px;
}
.comment-author.vcard {
  font-size: 12px;
}
.vcard .avatar {
  position: absolute;
  left: 20px;
  top: 29px;
  border-radius: 2px;
}
.comment-metadata {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 10px;
}
.comment-reply-link {
  float: right;
}

.comment-reply-title { color:#414141; } /* changement couleur pour le titre et les textes dans les commentaires */
.comments-area { color:#414141; }
.comments-title { color:#414141; }

.form-allowed-tags code {
  word-wrap: break-word;
  white-space: inherit;
}
.comment-respond label {
  display: block;
  font-weight: normal;
}
.comment-respond .required {
  color: #C7254E;
}
#submit {
  font-size: 12px;
}
/* marge au dessus des boutons de navigation 'avant après' en mode single */
.comment-navigation,  
.single .nav-links {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
}
.comment-reply-title {
  font-size: 14px;
}
.comment-reply-link {
  /*background: #C1C0C0; change couleur bouton repondre dans formulaire commentaire */
  border: #C1C0C0;
  font-size: 10px;
  text-transform: uppercase;
}
@media(max-width:767px){
  .post-inner-content {
    padding: 20px 25px;
  }
  .comment-list .children {
    padding-left: 10px;
  }
}
/* =Attachment styling
----------------------------------------------- */
#image-navigation .nav-previous a,
#image-navigation .nav-next a{
  padding: 5px 20px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  display: block;
}
#image-navigation .nav-previous a:hover,
#image-navigation .nav-next a:hover{
  background-color: #fff;
  color: #999;
}
#image-navigation .nav-previous,
#image-navigation .nav-next {
  margin: 10px 0;
}

/* =Gallery
-------------------------------------------------------------- */
.gallery {
  margin-bottom: 20px;
}
.gallery-item {
  float: left;
  margin: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
}
.gallery-columns-1 .gallery-item {
  max-width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 48%;
  max-width: -webkit-calc(50% - 4px);
  max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
  max-width: 32%;
  max-width: -webkit-calc(33.3% - 4px);
  max-width:         calc(33.3% - 4px);
}
.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);
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: 100%;
}
.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 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;
}

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

#footer-area {
  background-color: #313233;
  color: #999;
}
#footer-area a {
  color: #DADADA;
}

/* #footer-area .footer-widget-area {
  padding: 40px 0 20px 0;  pour remonter le plugin photo gallery 
  overflow: hidden;    pour placer le plugin photo gallery dans mon footer 
}*/

#footer-area ul li {
  border-bottom: 1px solid #444;
}
#footer-area .site-info nav ul li {
  border-bottom: none;
}
.widgettitle {
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 25px;
  margin-top: 0;
  color: inherit;
}
#footer-area .widget ul li {
  list-style: none;
}
.footer-nav.nav > li {
  position: relative;
  display: inline-block;
}
.footer-nav.nav {
  float: left;
  margin-bottom: 2px;
}
.footer-widget {
  overflow: hidden;
}
.copyright {
  margin-top: 10px;
  margin-right: 20px; /* décalage du copyright vers la gauche */
  float: right;
  text-align: right;
}
#colophon {
  background-color: #1F1F1F;
  padding: 10px 0;
  border-top: 1px solid #3A3A3A;
}
.site-info a {
  color: #777;
}
.site-info a:hover {
  color: #999;
}
#footer-area a:hover {
  color: #fff;
}
.site-info {
  color: #999;
  font-size: 12px;
}
.footer-nav.nav > li > a:hover {
  background-color: transparent;
}
.scroll-to-top {
  background: #363636;
  background: rgba(100, 100, 100, 0.4);
  color: #FFF;
  bottom: 4%;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  width: 40px;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s linear;
     -moz-transition: background-color 0.3s linear;
       -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
  background: #ccc;
  opacity: .8;
}

@media (max-width: 768px) {
  .site-info, .copyright {
    text-align: center;
  }
  .footer-nav.nav, .copyright {
    float: none;
  }
}

/* =Social icons
----------------------------------------------- */
#secondary .widget .social-icons a {
  color: #fff;
}
.social-icons {
  position: relative;
  text-align: center;
}
#secondary .widget .social-icons {
  text-align: left;
}
.social-icons a {
  font-size: 18px;
  line-height: 40px;
  list-style: none;
  display: inline-block;
  text-align: center;
  height: 40px;
  width: 40px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 3px;
  background-color: #DADADA;
  -webkit-transition: background-color  0.5s;
     -moz-transition: background-color  0.5s;
       -o-transition: background-color  0.5s;
          transition: background-color  0.5s;
}
#footer-area .social-icons a {
  margin-right: 7px;
  background-color: #363636;
  color: #fff;
}

.social-icons a.facebook:hover {
  background-color: #4265b9 !important;
}
.social-icons a.twitter:hover {
  background-color: #55ACEE !important;
}
.social-icons a.dribbble:hover {
  background-color: #ea4c89 !important;
}
.social-icons a.flickr:hover {
  background-color: #ff0084 !important;
}
.social-icons a.googleplus:hover {
  background-color: #d62408 !important;
}
.social-icons a.skype:hover {
  background-color: #0bbff2 !important;
}
.social-icons a.pinterest:hover {
  background-color: #c31e26 !important;
}
.social-icons a.linkedin:hover {
  background-color: #005987 !important;
}
.social-icons a.vimeo:hover {
  background-color: #1bb6ec !important;
}
.social-icons a.tumblr:hover {
  background-color: #35506b !important;
}
.social-icons a.youtube:hover {
  background-color: #df3333 !important;
}
.social-icons a.instagram:hover {
  background-color: #F95B60 !important;
}
.social-icons a.rss:hover {
  background-color: #f39c12 !important;
}
.social-icons a.foursquare:hover {
  background-color: #2398C9 !important;
}
.social-icons a.soundcloud:hover {
  background-color: #F50 !important;
}
.social-icons a.github:hover {
  background-color: #4183C4 !important;
}
.fa-googleplus:before {
  content: "\f0d5";
}
.fa-vimeo:before {
  content: "\f194";
}

@media (max-width: 992px) {
  .site-branding {
    text-align: center;
  }
}

/* =Call For Action
----------------------------------------------- */
.cfa {
  padding: 30px 0px;
  background: #FFF;
  border-bottom: 1px solid #DADADA;
  text-align: center;
}
.cfa-text{
  font-size: 22px;
  color: #ccc;
  display: block;
  padding-top: 10px;
}
.cfa-button {
  background-color: transparent;
  color: #ccc;
  padding: 15px 30px;
  border-color: #ccc;
}
.cfa-button a {
  color: #ccc;
}
.cfa-button:hover {
  background-color: #fff;  /* couleur de ??? */
  color: #fff;
}
@media (max-width: 767px) {
  .cfa {
    padding: 0 0 20px;
  }
  .cfa-button {
    padding: 10px 16px;
    margin-top: 10px;
  }
}

/* =Elements when no javaScript is present
----------------------------------------------- */
#submit,
.tagcloud,
.comment-reply-link,
.widget_rss ul,
button[type=submit],
.postform,
table#wp-calendar {
  display: none;
}
.no-js #submit,
.no-js .tagcloud,
.no-js .comment-reply-link,
.no-js .widget_rss ul,
button[type=submit],
.no-js .postform,
.no-js table#wp-calendar {
  display: block;
}