/*
Theme Name: RCJ
Theme URI: http://www.radiorcj.info/
Description: Theme RCJ
Author: Yohan Ziri
Version: 1.1
License: GNU General Public License
*/
@charset "iso-8859-1";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

* { padding:0; margin:0; border:0; }

body {
	font: normal 150% 'Montserrat';
	cursor: default;
	text-align: center;
	text-decoration: none;
	background-color:#ececec;
}

img, a img {
	border: 0 none;
}

.aligncenter {
	display: block;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	max-width:100%;
	height:auto;
}

.alignleft {
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	margin-left:0px;
	float:left;
	max-width:100%;
	height:auto;
}

.alignright {
	margin-top:5px !important;
	margin-bottom:5px !important;
	margin-right:0px !important;
	margin-left:10px !important;
	float:right !important;
	max-width:100%;
	height:auto;
}

.size-large{
	max-width:100%;
	height:auto;
}

.row{margin-top: 10px;}

/* --------------------------------------------------- */
/* ------------------|* SLIDESHOW *|------------------ */
/* --------------------------------------------------- */

.carousel {
	margin-bottom: 20px;
}

.carousel-caption {
	padding:10px 20px;
	left:0;
	bottom:0;
	z-index: 5;
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-align: left;
	line-height: 150%;
	background: rgba(56, 50, 54);
	background: rgba(56, 50, 54, 0.5);
}

.carousel-caption .carousel-title{
	font-size: 200%;
	line-height: 100%;
}

.carousel-caption a{
	text-decoration: none;
	color:#fff;
	line-height: 80%;
}

.carousel-indicators{
	width:15%;
	left: inherit;
	right:0;
	z-index:3;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;
	/*height:400px;*/
	max-height:400px;
}

.carousel-inner-app > .item > img,
.carousel-inner-app > .item > a > img {
	height:auto !important;
}

.carousel-inner-app .carousel-caption .carousel-title{
	font-size:80%;
}

.news p{
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	text-align: left;
}

.news p strong{
	font-size: 120%;
}

.news img{
	padding-right: 10px;
	float:left;
}

.news img.img-responsive{
	width:100%;
}

.news .row{
	padding-bottom:10px;
}

.btn-right{
	padding-top: 10px;
	padding-right:15px;
	height:60px;
	border:2px solid #fff;
	font-size: 105%;
	font-family: 'Montserrat', sans-serif;;
	text-align: right;
	text-transform: uppercase;
	background: url(img/btn-newsletter.png) no-repeat left center;
	display:block;
	text-decoration: none;
	color:#333;
}

.newsletter{
	background: url(img/btn-newsletter.png) no-repeat left center;
}

.podcast{
	background: url(img/btn-podcast.png) no-repeat 10px center;
}

.btn-right:hover{
	text-decoration: none;
}

.btn-right span{
	color:#e20025;
	font-size: 110%;
}

.button {
  display: inline-block;
  font-family: "Montserrat", "Trebuchet MS", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  padding: 0.8em 1.4em;
  padding-right: 4.7em;
  background: #009ed8;
  border: none;
  color: #fff !important;
  text-decoration:none !important;
  transition: 0.2s;
}

.button:before,
.button:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding-top: inherit;
  padding-bottom: inherit;
  width: 2.8em;
  content: "\00a0";
  font-family: "FontAwesome", sans-serif;
  font-size: 1.2em;
  text-align: center;
  transition: 0.2s;
  transform-origin: 50% 60%;
}

.button:before {
  background: rgba(0, 0, 0, 0.1);
}

.button:hover {
  background: #0079a5;
}

.button:active,
.button:focus {
  background: #002e3f;
  outline: none;
}

.button {
  min-width: 15em;
}

.arrow {
  background: #fe5f55;
}

.arrow:hover {
  background: #fe2f22;
}

.arrow:active,
.arrow:focus {
  background: #b90c01;
}

.arrow:after {
  content: ">";
}

.arrow:hover:after {
  -webkit-animation: bounceright 0.3s alternate ease infinite;
  animation: bounceright 0.3s alternate ease infinite;
}

@-webkit-keyframes bounceright {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(3px);
  }
}

/* --------------------------------------------------- */
/* ------------------|* CENTRE *|--------------------- */
/* --------------------------------------------------- */

.btn-video{
	width:50%;
	padding:2% 4%;
	background-color:#c1002a;
	color:#fff;
	display:block;
	text-align: left;
	text-decoration:none;
}

.btn-video:hover{
	color:#fff;
	text-decoration:none;
}

.videozone p{
	background-color: #ddd;
	font-size: 100%;
}

.videozone p.en_direct{
	background-color: inherit;
	color: #e20025;
	font-size: 120%;
	text-align: left;
	text-transform: uppercase;
}

.videozone p a{
	color:#333;
	text-decoration:none;
}


.bloc-video {
	width: 80%;
	margin: 20px auto;
	border: 50px solid #e9e8ea; 
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.btn-all-video{
	margin: 15px 0;
	height:30px;
	line-height:30px;
	background: #fff;
	text-align: center;
	color:#928e93;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-decoration: none;
	display: block;
}

.emission{
	height: 150px;
	margin:10px 0;
	border:3px #fff solid;
	display: block;
	padding:0px;
}

.emission .filtre-background{
	background-color: rgba(228,228,228,0.8);
	padding: 15px 30px 20px 20px;
	width:100%;
	height:100%;
}

.emission p{
	margin-left: 30px;
}

.emission p, .emission p a, .emission p a:hover{
	text-align: left;
	font-size: 110%;
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-decoration: none;
	color: #383135;
}

.emission p a span.emissiontitre{
	color: #e20025;
	font-size: 150%;
	text-transform: uppercase;
}

.emission p a span.presentateur{
	font-size: 90%;
}

.invite{
	height:100%;
	margin: 10px 0;
}

.invite a {
	display:block;
}

.invite img{
	width:100%;
	opacity:1;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	border: 2px solid #fff;
	display: block;
}

.invite:hover img{
	opacity: 0.5;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.invite:hover div.invite-info {
	display:block;
}

.invite-info{
	padding:0 10%;
	margin: 0;
	margin-left: 2px;
	width: 80%;
	height: 100%;
	background-image: url("img/btn-video.png");
	background-size: 50px 50px;
	background-position:center 15%;
	background-repeat: no-repeat;
	background-color: rgba(56, 50, 54);
	background-color: rgba(56, 50, 54, 0.5);
	position:absolute;
	bottom:0;
	display:none;
}

.invite-info .metier{
	font-size:70%;
	font-style: italic;
}

.invite-info p{
	width: 100%;
	padding-bottom:10%;
	padding-top:60%;
	margin:0;
	font-size:90%;
	font-weight:400;
	color:#ffffff;
}

.audio-recent .diffusion{
	display: block;
	height: 150px;
	margin: 10px 0;
	padding: 20px 20px;
	padding-bottom: 5px;
	background-color: #fff;
		text-align: left;
		font-size: 100%;
		font-family: "Montserrat", sans-serif;
}

.audio-recent .diffusion .emissiontitres{
	display: block;
	padding-bottom:10px;
}

.audio-recent .diffusion .emissioninfos{
	max-width: 80%;
	display: inline-block;
}

.audio-recent .diffusion p{
	font-size:70%;
}

.audio-recent .diffusion .button-ecouter{
	display: block;
	margin: 4px 10px 10px 0px;
	width: 46px;
	height: 46px;
	float: left;
}

.audio-recent .diffusion a.emissiontitre{
	text-align: right;
	color:#e20026;
	text-transform: uppercase;
	font-size: 80%;
	line-height: 80%;
	text-decoration: none;
}

.audio-recent .diffusion a.diffusiontitre{
	text-align: right;
	font-weight: 700;
	font-size: 100%;
	line-height: 80%;
	text-decoration: none;
	color:#000;
}

.audio-recent .diffusion span.categorietitre{
	text-align: right;
	font-weight: 700;
	font-size: 80%;
	line-height: 80%;
	text-decoration: none;
	color:#a4a0a4;
}

.button-ecouter{
	background: inherit;
	background-image: url("img/btn-sound.png");
	background-size: 46px 46px;
	width:46px;
	height: 46px;
}

.singlecontent .button-ecouter{
	background-repeat: no-repeat;
	background-position: 2px;
	background-size: 42px 42px;
	width: 150px;
	height: 50px;
	padding-left: 30px;
	border: 1px solid #e20026;
	border-radius: 50px;
	color: #e20026;
}

.singlecontent .button-ecouter:hover {
    background-color: #d10000;
    color: white;
    transition-duration: 500ms;
}

.audio-recent .mejs-container{
	margin: 10px 0px;
	text-align: left;
}

.evenement p{
	text-align: left;
}

.club-rcj{
	border: 2px #fff solid;
}

.club-rcj p{
	font-size: 80%;
	text-align: left;
	padding: 20px;
	float: left;
}

.club-rcj p span{
	color:#e20025;
	font-weight: 700;
	font-size: 280%;
	font-family: "Montserrat", sans-serif;
}

.club-rcj img{
	margin: 10px 0px;
	float: left;
}

.club-rcj p.second{
	max-width: 480px;
	width:90%;
	font-size: 80%;
	text-align: left;
	padding: 20px 10px 0px 50px;
}

.club-rcj form{
	margin: 10px 50px;
	float: left;
}

.pub1-bot{
	margin-bottom: 10px;
}

.reseaux-sociaux{
	margin: 20px 0px;
	padding: 10px 30px;
	text-align: left;
	font-size: 130%;
	font-family: "Montserrat", sans-serif;
	color: #fff;
	background-color: #b5b1b5;
}

.reseaux-sociaux-white{
	margin: 20px 0px;
	padding: 10px 30px;
	text-align: left;
	font-size: 130%;
	font-family: "Montserrat", sans-serif;
	color: #e20025;
	background-color: #fff;
}

.reseaux-sociaux span.first-child, .reseaux-sociaux-white span{
	font-weight: 700;
	font-size: 130%;
}

.reseaux-sociaux a, .reseaux-sociaux-white a{
	display: inline-block;
	text-align:right;
	margin: 0px 15px;
}

.reseaux-sociaux a{
	display: inline-block;
	text-align:center;
	margin: 0px 10px;
	color:#fff;
	background-color:#e20026;
	text-decoration:none;
	width:100px;
	height:auto;
	line-height:100%;
}

.solidarite{
	margin: 0px;
	margin-bottom: 30px;
	padding: 30px 40px;
	text-align: left;
	font-size: 100%;
	font-family: "Montserrat", sans-serif;
	color: #383135;
	background-color: #fff;
}

.solidarite p{
	margin: 0;
	padding: 0;
}

.solidarite-top span{
	font-size: 220%;
	color: #008bcf;
	text-transform: uppercase;
	font-weight: 700;
}

.solidarite-top a{
	float: right;
	padding: 5px 50px;
	font-size: 130%;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	background-color: #008bcf;
}

.solidarite-top a span{
	font-size: 50%;
	color: #fff;
	text-transform: none;
	font-weight: 400;
}

.solidarite p.solidarite-info{
	padding-top:20px;
	font-size: 70%;
}

.solidarite-info img{
	padding-right: 15px;
	float:left;
}

.solidarite-info a{

}

.solidarite-info span{
	color: #008bcf;
	font-weight: 700;
}

hr{
	border-color: #fff;
	border-image: none;
	border-style: solid none none;
	border-width: 3px 0 0;
	width: 100%;
}

.single hr{
	border-color: #fff;
	border-image: none;
	border-style: solid none none;
	border-width: 3px 0 0;
	width: 100%;
	padding:5px 0px;
	clear:both;
}

/* --------------------------------------------------- */
/* ------------------|* SINGLE *|--------------------- */
/* --------------------------------------------------- */

.newsletter-page{
	padding:50px 20px;
	background: #fff;
}

.single h1{
	padding: 20px 0;
	line-height: 120%;
	font-size: 300%;
	font-weight: 700;
	color:#383135;
}

.single h2{
	padding-bottom: 20px;
	font-size: 170%;
	font-weight: 700;
	color:#383135;
}

.single h3{
	padding-bottom: 5px;
	font-size: 130%;
	font-weight: 700;
	color:#e20025;
}

.single .ariane{
	text-align: left;
	font-size: 100%;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #b2b0b2;
	float: left;
}

.single .ariane a{
	text-decoration: none;
	color: #e20025;
}

.single .ariane a:hover{
	text-decoration: underline;
}

.single .ariane a:first-child{
	text-decoration: none;
	color: #b2b0b2;
}

.single .datetop{
	font-size: 100%;
	font-family: "Montserrat", sans-serif;
	color: #b2b0b2;
	float: right;
}

.singlecontent{
	line-height: 140%;
	font-size: 95%;
	text-align: justify;
	background-color: #fff;
}

.singlecontent p:nth-child(2){
	margin:0px;
}

.singlecontent p:nth-child(3){
	font-weight:bold;
}

.singlecontent img{
	margin-bottom: 20px;
}

.singlecontent p img{
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
}

.partage-sociaux{
	margin: 20px 0px;
	padding: 10px 30px;
	text-align: left;
	font-size: 120%;
	font-family: "Montserrat", sans-serif;
	color: #e20025;
	background-color: #e9e8ea;
}

.partage-sociaux span{
	margin-left: 20px;
}

.partage-sociaux img{
	margin: 0px;
}

.partage-sociaux a{
	display: inline-block;
	text-align:right;
	margin: 0px 15px;
	padding: 5px 0px;
}

.interesse{
	text-align: left;
	font-weight: 700;
	font-size: 180%;
	font-family: "Montserrat", sans-serif;
	color: #e20025;
	text-transform: uppercase;
}

/* --------------------------------------------------- */
/* ------------------|* ARCHIVE *|-------------------- */
/* --------------------------------------------------- */

.loop{
	margin: 13px 0px;
	float:left;
	text-align: justify;
	font-size: 100%;
	width: 100%;
}

.loop a, .loop a{
	text-decoration: none;
	color:#333;
}

.loop strong{
	font-size: 120%;
}

.loop img{
	margin-right: 20px;
	float: left;
}

/* --------------------------------------------------- */
/* ------------------|* PAGE *|----------------------- */
/* --------------------------------------------------- */

.page-content{
	padding: 10px 15px;
	border-top: 1px solid #ededed;
	border-left: 1px solid #ededed;
}

.page-content p{
	margin-bottom: 14px;
	line-height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:justify;
}

/* --------------------------------------------------- */
/* ------------------|* PIED *|----------------------- */
/* --------------------------------------------------- */

div#footer {
		font-family: "Montserrat", sans-serif;
		background-color: #3a3539;
		color:#fff;
		height:200px;
}

div#footer a{
		text-decoration: none;
		color:#fff;
		font-size: 80%;
		padding-top: 20px;
		margin-right: 20px;
		text-align: left;
		float:left;
}

div#footer span{
		font-size: 150%;
		font-weight: 700;
}


/* --------------------------------------------------- */
/* ------------------|* PLAYER *|--------------------- */
/* --------------------------------------------------- */

div#playerw{
	background: rgba(80,3,2);
	background: rgba(80,3,2,0.5);
	background: #3a3539;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 60px;
	z-index:6;
}

div#playerw #play, div#playerw #pause, div#playerw #stop, div#playerw #mute, div#playerw #unmute{
	background: #fff;
	width: 8%;
	height: 52px;
	float: left;
}

div#playerw #mute, div#playerw #unmute{
	float: right;
}

div#playerw #play, div#playerw #pause{
	background-color: #d10000;
}

div#playerw #infos{
	width: 50%;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 47px;
	font-family: "Montserrat", sans-serif;
	font-size: 100%;
	text-align: left;
	color:#fff;
	float: left;
}

div#playerw #seek-bar{
	max-width: 100%;
	height:8px;
	background: #3a3539;
}

div#playerw #play-bar{
	max-width: 100%;
	height: 8px;
	background-color: #d10000;
}

div#playerw .jp-volume-bar{
	background-color: #fff;
	width: 20%;
	height: 52px;
	float: right;
}

div#playerw .jp-volume-bar-value{
	background-color: #d10000;
	height: 52px;
}

/* --------------------------------------------------- */
/* --------------------|* TITRES *|------------------- */
/* --------------------------------------------------- */

h1, h2, h3 {
	font-family: 'Montserrat', Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1 {
	font-size:200%;
	text-align: left;
}

h1.center {
	text-align: center;
}

.logo h1{ text-align: center; }

h2{
	margin: 0;
	padding: 0;
	font-size:250%;
	text-align: left;
	font-weight: 700;
	color:#e20025;
}

h2 span{
	font-size:70%;
	text-align: left;
	font-weight: 400;
	color:#333;
}

h3{
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	color:#928e93;
}

/* --------------------------------------------------- */
/* --------------------|* WIDGET *|------------------- */
/* --------------------------------------------------- */



/* --------------------------------------------------- */
/* --------------------|* LISTES *|------------------- */
/* --------------------------------------------------- */

ul{
	list-style-type: none;
}

li a{
	text-decoration: none;
}

/* --------------------------------------------------- */
/* -----------------|* PARAGRAPHES *|----------------- */
/* --------------------------------------------------- */

.clear {
	clear:both;
}

/* --------------------------------------------------- */
/* ---------------------|* LIENS *|------------------- */
/* --------------------------------------------------- */

a {
	text-decoration: underline;
	cursor: pointer;
}

a:hover, a:focus {
}

/* --------------------------------------------------- */
/* -------------------|* FORM *|---------------------- */
/* --------------------------------------------------- */

table#calendar {
	margin:auto;
	border-collapse: collapse;
	background-color: #fde18b;
	border-color:#FFC921;
	width:100%;
}

table#calendar td,
table#calendar th {
	border: 1px solid #FFC921;
	font-weight: normal !important;
	text-align: center;
	color: #c0a03e;
}

table#calendar th{
	background-color: #ec691c;
	color: #fff;
	font-size: 90%;
}

table#calendar a,
table#calendar a:visited,
table#calendar span {
	display: block;
	text-decoration: none !important;
	padding: 5px 7px;
}

table#calendar a:hover,
table#calendar a:active,
table#calendar a:focus {
	background-color: #ec691c;
	color: #fff;
}

table#calendar a:focus{
/* Html 5 */
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
}

table#calendar a.activated{
	background: #FDBF29;
	color: #fff;
	font-weight: bold;
}

/* Tableau */

.page-content table.simple th, .page-content table.simple td {
	margin: 0;
	border: 1px solid #ccc;
	padding: 3px 6px;
}
.page-content table th, .page-content table td, .page-content table th.left, .page-content table td.left {
	margin: 0;
	text-align: left;
}
.page-content td {
	margin: 0;
	display: table-cell;
	vertical-align: inherit;
}
.page-content table {
    border-collapse: collapse;
	margin:20px 1px;
}
.page-content tbody {
    display: table-row-group;
    vertical-align: middle;
}
.page-content table.simple th {
    background-color: #f3f3f3;
    font-variant: small-caps;
    font-weight: bold;
}

/* --------------------------------------------------- */
/* -------------------|* FORM *|---------------------- */
/* --------------------------------------------------- */

.wysija-input{
	padding:5px;
	width:40%;
	height:50px;
	background:inherit;
	border:1px solid #999;
}

.wysija-submit{
	padding:0px 25px;
	margin: auto;
	background-color: #d10000;
	color:#fff;
	text-align:center;
	height:50px;
}

.wpcf7-form{
	border:0;
	padding: 0;
	margin: auto;
	padding-top:20px;
}

.wpcf7-response-output{
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

div.wpcf7-validation-errors{
	margin:0 !important;
	border:0 !important;
	padding: 0 !important;
	border: 0px !important;
	color:#FF0000;
}

div.wpcf7-response-output{
	margin:0 !important;
	border:0 !important;
	padding: 0 !important;
	border: 0px !important;
}

.wpcf7-form input{
	width:350px;
	height : 20px;
	padding: 0 5px;
	margin:0;
	border:1px solid #8ac1e1;
	display: block;
	background:none;
}

.wpcf7-form textarea {
	width:350px;
	height : 80px;
	border:1px solid #8ac1e1;
	margin:0;
	padding: 5px 5px;
	overflow:auto;
	display: block;
	background:none;
}

.wpcf7-form label{
	border: 0;
	padding: 0;
	margin:0;
	display: block;
	font-size:16px;
}


input.wpcf7-submit{
	border: 0;
	padding: 0;
	margin:0;
	line-height:30px;
	width:100px;
	height:30px;
	cursor: pointer;
	font-weight:bold;
	color:#ffffff;
	background-color:#8ac1e1;
}

/* --------------------------------------------------- */
/* ------------------|* CLUB RCJ *|------------------- */
/* --------------------------------------------------- */

.at-signup-input{
		height: 35px;
    border: 0;
		background-color: #fff;
    max-width: 340px;
	width:90%
		color:#b5b1b5;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
}
.at-signup-submit{
	margin-left: 5px;
	height: 35px;
	padding: 0px 10px;
	color: #fff;
	background-color: #d10000;
}
.errph
{
    display: block;
    color: #d10000;
    white-space: normal;
    width: 200px;
    font-family: arial;
    font-size: 11px;
}
.errinnerph
{
    padding: 3px;
}

/* --------------------------------------------------- */
/* -----------------|* SEARCHFORM *|------------------ */
/* --------------------------------------------------- */

#navbar #searchform{
	border: 0;
	padding:0px;
	margin:9px 0px;
	height:21px;
	line-height:21px;
	background:none;
	cursor: pointer;
	float: right;
}

.btn-search{
	border:0;
	padding:0;
	margin:0;
	width:21px;
	height:21px;
  background-image: url("img/search.png");
  background-repeat: no-repeat;
  background-position: center right;
	background-color:#3a3539;
	line-height:21px;
	cursor: pointer;
	float: right;
}

.searchtext{
	border: 1px solid #ffffff;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	margin:0;
	margin-right:5px;
	width: 150px;
	height:21px;
	line-height: 21px;
	display: block;
	float: right;
	background:none;
	background-color:#3a3539;
  font-family:	Arial, Helvetica;
	font-size:18px;
	font-weight:normal;
	color:	#fff;
	text-align:right;
}

/* --------------------------------------------------- */
/* -----------------------|* MENU *|------------------ */
/* --------------------------------------------------- */

.navbar{

}

.navbarrcj{
	margin-bottom: 22px;
	background-color:#3a3539;
	font-size: 100%;
	color:#fff;
	font-family: 'Montserrat', sans-serif;;
	text-transform: uppercase;
}

.icon-bar{
	background-color:#fff;
}

.navbar-brand,
.navbar-brand:focus,
.navbar-brand:hover{
	color:#fff;
	padding: 5px;
}

.navbarrcj ul li a,
.navbarrcj ul li,
.navbarrcj a{
	margin:0px;
	color:#fff;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	padding-top:0px;
	padding-bottom:0px;
}

.navbarrcj ul li:focus,
.navbarrcj ul li:hover,
.navbarrcj ul li a:focus,
.navbarrcj ul li a:hover,
.navbarrcj ul li.active a:focus,
.navbarrcj ul li.active a:hover,
.navbarrcj ul li.active,
.navbarrcj ul li.active a,
.nav .open,
.nav .open a,
.nav .open a:focus,
.nav .open a:hover{
	background-color:#3a3539;
	color:#ccc;
}

/*
.navbarrcj ul li ul li a,
.navbarrcj ul li ul li{
	margin:0px;
	color:#fff;
}*/

.top{
	margin-bottom: 6px;
	background-color: #f6f6f6;
	font-family: 'Montserrat', sans-serif;;
	color:#383135;
}

.top .logo{
	font-family: 'Montserrat', sans-serif;
	color:#383135;
	font-size: 120%;
	text-decoration: none;
	float: left;
	margin-top:-10px;
}

.top .logo img{
	width:auto;
	height:100%;
}

.top .top-devices{
	float:left;
	padding-right:15px;
}

.top .pluskune{
	margin: auto;
	padding: 25px 13px;
	display: block;
	text-align: left;
	font-size: 100%;
}

.top .pluskune span{
	font-weight: bold;
	font-size: 200%;
	color:#d10000;
}

.top .pluskune h1{
	font-weight: bold;
	font-size: inherit;
	color:#d10000;
}

.top .pluskune a{
	color: #383135;
}

.top .rcj-direct{
	padding: 13px 0px;
	width:auto;
	height:100%;
	background: inherit;
}

.top .rcj-direct img{
	background: 0;
	width:100%;
	height:auto;
}

a.rcj-direct-app{
	display: block;
	padding: 13px 0px;
	background-color: #d10000;
	color:#fff;
	text-decoration:none;
}

.navbarrcj .navbar-brand{
	padding-top: 13px;
}

.giant{
	margin-top: -22px;
	margin-bottom: 22px;
	background-color: #d20001;
}

.giant img{margin:auto; max-width: 1170px; width: 100%;}

/*Cookies*/
button.cookiebutton {
    background: none;
    padding: 0;
    border: none;
}
button.cookiebutton:hover {
    text-decoration: underline;
    cursor: pointer;
}
.cookie-notice {
    font-size: 15px;
    line-height: 30px;
    padding: 10px 5px;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    text-align: center;
    color: #fff;
    background: #3a3539;
    z-index: 9999;
}
.cookie-notice button {
    display: inline-block;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 15px;
    color: #fff;
    background: #d10000;
}

/*ONGLET*/

/* Navigation */
.tab-nav {
  /* Suppression des marges internes et externes */
  margin: 0px;
  padding: 0px;
  /* Décalage pour masquer la bordure du contenu */
  position: relative;
  bottom: -1px;
}

.tab-nav li {
  /* Affichage des éléments du menu côte à côte */
  display: inline-block;
}

/* Aspect des onglets inactifs (par défaut) */
.tab-nav a {
  display: block;
  border: 1px solid #cccccc;
  border-width: 1px 1px 0 1px;
  padding: 10px 15px;
  border-radius: 5px 5px 0 0;
  background-color: #d10000;
  text-decoration: none;
  color: #fff;
  transition-duration: 0.5s;
}

/* Effet de survol sur les onglets */
.tab-nav a:hover {
  background-color: #db8a04;
}

/* Aspect des onglets actifs */
.tab-nav .tab-nav-active {
  background-color: #ffffff;
}

.tab-nav a.tab-nav-active {
  color: #d10000;
}

.tab-nav a.tab-nav-active:hover {
  background-color: #fff;
}

/* Contenu des onglets */
.tab {
  /* Masquage des onglets*/
  display: none;
  border: 1px solid #cccccc;
  padding: 15px;
  min-height: 250px;
  background-color: #fff;
}

/* Affichage du contenu actif */
.tab-active {
  display: block;
}