/*
Theme Name: Congo 2017 Rose
Theme URI:
Author: Ovianet
Author URI: http://www.ovianet.com/
Description: Skin déloppée par Ovianet pour Le Pratique du Congo 2017
Version: 1.0
License: Tous droits réservés, Le Pratique du Gabon
License URI:
Text Domain: congo_2016_violet
*/

/* 
	Couleur Violette
	Hexa Violet : #72509c
	Hexa Violet clair : #936fc0 
*/

/*---------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------- RESET ----------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	overflow-x: hidden;
	position: relative;
	background-position: center;
}
body.custom-background {
    background-position: center -250px !important; /* pour moins de ciel */
    background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img{
	border: 0;
	outline: none;
}
a{
	text-decoration:none;
}
textarea, input[type=text], input[type=submit], input[type=email], input[type=search], input[type=url]{
	-webkit-appearance: none;
	border-radius: 0;
}


/*-----------------------------------------------------------------------*/
/*------------------------------ @font-face -----------------------------*/
/*-----------------------------------------------------------------------*/
@font-face {
	font-family: 'HankenR';
	src: url('fonts/HankenRound-Regular.eot');
	src: url('fonts/HankenRound-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/HankenRound-Regular.woff') format('woff'),
		 url('fonts/HankenRound-Regular.ttf') format('truetype'),
		 url('fonts/HankenRound-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HankenB';
	src: url('fonts/HankenRound-Bold.eot');
	src: url('fonts/HankenRound-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/HankenRound-Bold.woff') format('woff'),
		 url('fonts/HankenRound-Bold.ttf') format('truetype'),
		 url('fonts/HankenRound-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*-----------------------------------------------------------------------*/
/*------------------------- Nécessités WordPress ------------------------*/
/*-----------------------------------------------------------------------*/
.sticky,
.gallery-captions,
.bypostauthor,
.alignright,
.alignleft,
.aligncenter {
    
}
.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption {
    max-width: 100%;
}
.wp-caption-text {
    box-sizing: border-box;
    font-size: 12px;
    font-style: italic;
    line-height: 1.5;
    margin: 9px 0;
}
#menu-header .has-children {
    cursor: pointer;
}
.synved-social-resolution-single {
    display: inline-block;
    margin: 15px 10px 15px 0 !important
}
.kksr-legend{
    text-align: left !important;
    width: 185px !important;
}
.caption-wrap {
    display: none !important;
}
#coverflow .cover {
    cursor: pointer;
    width: auto;
    height: 120px;
	margin-top: 15px;
        border-radius: 13px;
}
#coverflow {
    height: 160px !important;
}
/*#coverflow .cover {
    cursor: pointer;
    width: 100px;
    height: auto;
}*/
.postbox {
    min-width: 360px;
}
#map-canvas img, .tribe-events-venue-map img {
    max-width: none;
    max-height: none;
}
#map-canvas a {
    color: #72509c !important;
}
.gallery figcaption{
    display: none !important;
}

#slider-annonce .gallery-item {
    margin : 2px ! important;
}
#slider-annonce .gallery {
    margin-left: 5px;
}
#slider-annonce h3{
	color: #72509c;
	font: 14px "HankenB";
	margin: 0 0 10px 0;
	text-align: left;
        margin-top: 10px;
        margin-left: 25px;
}
#slider-annonce {
	background-color: #f7f7f7;
	padding: 5px;    
}
.text .kk-star-ratings {
    display: none;
}

/*-----------------------------------------------------------------------*/
/*-------------------------------- Global -------------------------------*/
/*-----------------------------------------------------------------------*/
.content-arche{
	background-image: url("images/change/bg-content-arche.jpg");
	/*background-color: #edd5f9;*/
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	z-index: 0;
	cursor: pointer;
	background-position: center top;
}
.wrapper{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.clear{
	display: block;
	clear:both;
}
.margin-30 {
    margin: 30px 0;
}
.text-replace{
	height: 1px;
    left: -1000px;
    position: absolute;
    top: -1000px;
    width: 1px;
}
img{
	max-width:100%;
	height:auto;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	text-transform: uppercase;
}
h5{
	border-bottom: 1px dotted;
	display: table;
    font: 14px "HankenR" !important;
    margin-bottom: 10px;
    margin-left: 25px;
    padding-bottom: 2px;
}
.orange{
    color: #936fc0 !important;
}
.blanc{
	color: #fff;
}
a:hover h5.orange {
    color: #ffffff !important;
}
a:hover h5.blanc {
    opacity: 0.8;
}
h5 .ico{
	background-image: url("images/sprite.png");
    float: left;
    height: 18px;
    margin: 0 0 0 -25px;
    width: 18px;
}
.margin-30 {
    margin: 30px 0;
}
#btn-top {
    background: url("images/btn-top.png") no-repeat;
    bottom: 15px;
    cursor: pointer;
    display: none;
    height: 56px;
    position: fixed;
    right: 20px;
    width: 56px;
    z-index: 999;
}
#btn-top a {
    display: block;
    height: 56px;
    width: 56px;
}
#btn-top:hover {
	opacity: 0.6;
}

/* icone home */
#ico-home {
    display: block;
    float: left;
    margin: 15px 5px 0 0;
}
#ico-home:hover {
    opacity: 0.7;
}

/* Plus */
.plus{
	height: 18px;
	position: absolute;
	top: 15px;
	right: 0;
}
.plus a{
	display: block;
	height: 18px;
	color: #fff;
	font: 12px "Arial";
}


/* Plus Gris */
.plus.gris a{
	background: url("images/stries-big-arrow.jpg") 0 0 no-repeat #303030;
	color: #fff;
	padding: 2px 5px 0 15px;
}
.plus.gris a:hover{
	color: #b4b4b4;
}


/* Plus mini Orange */
.plus.mini{
	background: url("images/change/stries-plus.png") 0 0 no-repeat;
	width: 33px;
}
.plus.mini a{
	width: 33px;
}
.plus.mini:hover{
	background-position: 0 -18px;
}



/*-----------------------------------------------------------------------*/
/*-------------------------------- Header -------------------------------*/
/*-----------------------------------------------------------------------*/
/* Cookie Choices */
#cookieChoiceInfo {
    font: 13px/25px "Arial";
    height: 25px;
    border-bottom: 1px dashed #dcdcdc; 
}
#cookieChoiceInfo a {
    background-color: #72509c;
    color: #fff;
    font: 13px/25px "Arial";
    padding: 4px;
}

#header{
	background-color: #fff;
}

/* Logotype */
h1{
	float: left;
    margin: 10px 0 10px 10px;
}

/* Pub */
.pub img{
	display: block;
	float: right;
	border: 1px solid #d7d7d7;
	box-shadow: 0px 0px 5px #dcdcdc;
	margin: 9px 0;
	max-width: 98%;
}

/* Navigation */
header .nav{
	background: url("images/bg-sep-menu.png") #ececec center top repeat-x ;
	height: 59px;
	position: relative;
	z-index: 999;
}
header ul{
	float: left;
	padding: 22px 0 0;
}
#menulittle{
	display: none;
	font: 14px "HankenB";
	color: #72509c;	
	text-transform: uppercase;
	padding: 19px 0 0 10px;
	float: left;
	cursor: pointer;
}
#menulittle span{
	font-size: 19px;
}
.nav li{
	float: left;
	border-right: 1px solid #72509c;
}
.nav li a {
    color: #000;
    font: 13px "HankenB";
    padding: 22px 7px 19px;
    text-transform: uppercase;
}

.nav #menu-header li:last-child{
	border-right: none;
}
.nav li a:hover{
	color: #717171;
}
/* Sous-menu */
.nav ul li .sub-menu{
	background-color: #303030;
    border-bottom: 3px solid #72509c;
	display: none;
    left: 0;
    margin-top: 19px;
    padding: 10px 1%;
    position: absolute;
    width: 98%;
    z-index: 1000;
} 
.nav ul li ul .list{
	float: left;
	width: 33%;
} 
.nav ul li ul .list li{
	border-right: none;
} 
.nav ul li ul li{
	float: none;
	padding: 5px 20px 5px 0;
	border-right: none;
	/*margin-right: 20px; */
} 
.nav ul li ul li a{
	color: #fff;
	font: 13px/13px "Arial";
	text-transform: none;
	border-right: none;
	padding: 0;
	display: block;
}
.nav ul li ul li a:hover{
	color: #72509c;
}
/*.nav ul li:hover ul{
	display: block;
}*/

.rubrique ul li{
    /*float: left !important;*/
    border-right: none !important;
    /*width: 33%;*/
}
header .rubrique .sub-menu ul{
	width: 33%;
	padding : 0 !important;
}


/* Search */
#header .facebook-link {
    background: rgba(0, 0, 0, 0) url("images/bg-facebook.png") no-repeat scroll 0 0;
    float: right;
    height: 40px;
    margin-top: 8px;
    width: 214px;
}
#header .facebook-link p {
    color: #3b559f;
    float: left;
    font-size: 15px;
    line-height: 38px;
    margin: 0 10px 0 45px;
}
#header .facebook-link a {
    float: left;
    margin: 9px 0 0;
}
#header .facebook-link a:hover {
    opacity: 0.8;
}

#header .search{
	float: right;
	margin-top: 15px;
}
#header .search input[type="submit"]{
	background: url("images/change/btn-search.png")	0 0 no-repeat;
	height: 35px;
	width: 38px;
	border: none;
	cursor: pointer;
}
#header .search input[type="submit"]:hover{
	opacity: 0.7;
}
#header .search input[type="text"], #header .search input[type="search"]{
	border: 1px solid #e4e4e4;
	font: italic 11px "Arial";
	color: #737373;
	padding: 7px 10px;
	width: 185px;
	float: left;
	box-sizing: border-box;
	height: 29px;
}


/*-----------------------------------------------------------------------*/
/*-------------------------------- Content ------------------------------*/
/*-----------------------------------------------------------------------*/
#content{
	position: relative;
}
.shadow{
	background: url("images/header-shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 37px;
    position: absolute;
    top: -5px;
    width: 100%;
    z-index: 99;
}


/*-----> Bloc : * Magazine + recherche */
#principal{
	background-color: #fff;
	padding: 20px 20px 17px 20px;
}

/* Magazine */
#magazine{
	float: left;
}
.couverture{
	width: 250px;
	height: 400px;
	box-shadow: 5px 5px 3px #dcdcdc;
	float: left;
}

#magazine h2 {
    display: block;
    float: right;
    font: 12px "Arial";
    margin: 18px 0 0 15px;
    text-transform: none;
    width: 230px;
}

#magazine h2 strong {
    display: block;
    font: 34px/34px "HankenB";
    text-transform: uppercase;
}

#magazine h2 p {
    text-align: center;
    margin: 15px 0 0;
}

#magazine h2 p a {
    display: block;
    text-align: left;
    color : #72509c;
    font-weight : bold;
}



/* Search */
#search-rubrique{
	float: right;
	width: 400px;	
	margin: 30px 10px 0 0;
}
#search-rubrique h3{
	color: #72509c;
	font: 21px "HankenB";	
	text-align: center;
	text-transform: uppercase;
}
#search-rubrique h3 span{
	color: #000;
	font: 13px/25px "Arial";
	text-transform: none;
	display: block;
}
#search-rubrique ul{
	display: table;
	text-align: center;
	margin: 35px auto;
}
#search-rubrique li{
	display: inline-block;
	font: 11px "Arial";
	text-align: center;
	width: 60px;
}
#search-rubrique li a{
	color: #72509c;
}
#search-rubrique li a:hover{
	color: #000;
}
#search-rubrique li img{
	display: block;
	margin: 0 auto 3px;
}
form{
	position: relative;
}
#search-rubrique input, #search-rubrique .mSelected{
	background-color: #e5e5e5;
    border: 1px solid #cecece;
    box-sizing: content-box;
    color: #686868;
    display: block;
    font-size: 12px;
    padding: 14px 3%;
    width: 94%;
}
#search-rubrique input{
	margin: 10px 0;
}
::-moz-placeholder, ::-webkit-input-placeholder, :-ms-input-placeholder{
	color: #686868;
	opacity: 1;
}
*::-moz-placeholder {
    color: #686868;
    opacity: 1;
}
.mSelect {
    width: 100%;
	position: relative;
}
.mFleche{
    background: url("images/change/btn-select.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 39px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 39px;
    cursor: pointer;
    z-index: 100;
}
.mOptions, .mOption {
    font: 12px "Arial";
    background: none repeat scroll 0 0 #d5d4d4;
    font: 12px "Arial";
    padding: 3px 3%;
    width: 94.5%;
}
.mOptions.mScrollConteneur {
    height: 120px !important;
}
.mOption:hover {
    color: #72509c;
}
.mScrallBar {
    border: 1px solid #cecece;
}
.mBarre {
    background: none repeat scroll 0 0 #cecece;
    width: 19px;
}
.mScrollHaut, .mScrollBas {
    background: none repeat scroll 0 0 red;
    width: 19px;
}
/*.mScrollHaut {
    //background: url("images/...") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.mScrollBas {
    //background: url("images/...") no-repeat scroll center center rgba(0, 0, 0, 0);
}*/
.mScrollZone {
    background: none repeat scroll 0 0 #e5e5e5;
    height: 124px !important;
}

#search-rubrique select option{
	padding: 0;
}
#search-rubrique .btn {
    background: url("images/change/btn-big-search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    font: 17px "HankenB";
    height: 34px;
    margin: 30px auto 0;
    padding: 7px 0 0 15px;
    text-align: left;
    text-transform: uppercase;
    width: 137px;
}
#search-rubrique .btn:hover{
	opacity: 0.8;
}

/*--> ACTUALITES */
.bloc-actu {
    display: block;
    float: left;
    margin-left: 3%;
    width: 30%;
    height: 445px;
    margin-top: 10px;
}
.bloc-actu img {
    margin-top: 10px;
    display: block;
    width: 100%;
    height: 200px;
}
.title-actu {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
    min-height: 50px;
}
.date-actu {
   font-size: 13px;
   color: #72509c;
   display: block;
   margin-bottom: 5px;
   font-weight: lighter;
}
.text-actu {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: lighter;
    min-height: 105px;
}
.bouton-actu input {
    display: block;
    float: right;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 30px;
    background-color: #72509c;
}
.hr-actu{
    display:block;
    color: lightgray;
    width: 100%;
}
.next_prev.prev {
    display: inline-block;
    float: left;
    margin-left: 3%;
    margin-top: 25px;
}
.next_prev.next {
    display: inline-block;
    float: right;
    margin-top: 25px;
}


/*-----> Bloc : * Ils ont rejoint le Pratique */
#rejoindre{
	background: url("images/stries-coin-blanc.png") #303030 0 0 no-repeat;
	width: 97%;
	padding: 20px 1.5% 9px;
    position: relative;
}
#rejoindre h5 .ico{
	background-position: 0 -222px;
}
#rejoindre h5{
	float: left;
}
#rejoindre .carrous{
	float: left;
    padding: 0 15px 0 40px;
    width: 72%;
    margin: -4px 0 0;
}
#rejoindre .carrous li{
    color: #fff;
    float: left;
    font: 13px "hankenB";
    text-align: center;
    text-transform: uppercase;
    width: auto;
    margin: 0 28px;
    height: auto;
}
.simply-scroll-clip {
    height: 32px;
}
#rejoindre .carrous li a{
    color: #fff;
}
#rejoindre .carrous li span{
	display: block;
	color: #868686;
	font: 12px "Arial";
	text-transform: none;
}
#rejoindre .arrow{
	height: 18px;
	width: 13px;
	cursor: pointer;
}
#rejoindre .arrow:hover{
	opacity: 0.8;
}

/*-----> Bloc : * Ligne Aujour'hui a Libreville */
#today{
	margin-top: 15px;
}
#today h4.title{
	background-color: #303030;
	text-align: left;
	padding-left: 15px;
}
#today h4.title a {
    font-size: 12px;
    float: right;
    padding-right: 15px;
    color: #936fc0;
    padding-top: 4px;
}
#today h4.title a span{
    color: #ffffff;
    font: 12px "HankenB";
    text-transform: uppercase;
}
#today h4.title a:hover{
	opacity: 0.8;
}
#today h4.title a:hover span {
	color: #936fc0;
}
#today h4{
	font: 17px "HankenB";
	text-align: center;
	padding: 10px 0;
	color: #fff;
}
#today h4 span{
	font: 12px "Arial";
	text-transform: none;
	font-style: italic;
	color: #a4a4a4;
}
#meteo, #vols, #bus{
	height: 145px;
	float: left;
	position: relative;
}


#todayPTN{
	margin-top: 15px;
	display: none;
}
#todayPTN h4.title{
	background-color: #303030;
	text-align: left;
	padding-left: 15px;
}
#todayPTN h4.title a {
    font-size: 12px;
    float: right;
    padding-right: 15px;
    color: #936fc0;
    padding-top: 4px;
}
#todayPTN h4.title a span{
    color: #ffffff;
    font: 12px "HankenB";
    text-transform: uppercase;
}
#todayPTN h4.title a:hover{
	opacity: 0.8;
}
#todayPTN h4.title a:hover span {
	color: #936fc0;
}
#todayPTN h4{
	font: 17px "HankenB";
	text-align: center;
	padding: 10px 0;
	color: #fff;
}
#todayPTN h4 span{
	font: 12px "Arial";
	text-transform: none;
	font-style: italic;
	color: #a4a4a4;
}



/* Meteo */
#meteo{
	background: url("images/change/map.png") right center no-repeat #393939;
	width: 22%;
}
#meteo li{
    color: #fff;
    float: left;
    font: italic 12px "Arial";
    margin: 0 3%;
    text-align: center;
    width: 94%;
    
}
#meteo li img{
	float: left !important;
    margin: -3px -25px 3px 35px !important;
    height: 30px !important;
    width: 30px !important;
}
#meteo li .temps{
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0 0 0;
	padding: 3px 0 0;
}
#meteo li .today{
    border: none !important;
    font-size: 11px !important;
}
#meteo li .today > img {
    float: none !important;
    height: 25px !important;
    width: 25px !important;
    margin: 0 auto !important;
    display: block;
}
.today > br {
    display: none;
}
.weather-wid {
    overflow: visible !important;
}
.weather-wid > div {
    overflow: visible !important;
}
.t-now-weather > br {
    display: none;
}
.t-now-weather {
    border-bottom: 1px dotted #72509c;
    margin: -5px 0 0 -12px;
    padding: 0 0 9px;
    text-align: center !important;
}
.c-now-weather {
    display: none;
}
.t-now-weather > span {
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
}
span.w-c-t-now-weather {
    font-size: 12px;
}
.ht-today {
    display: block;
}


/* Vols */
#vols .plus{
	top: 10px;
}
#vols .plus.gris a {
    color: #fff;
}
#vols .plus.gris a:hover {
    color: #868686;
}
#vols{
	background-color: #72509c;
	width: 39%;
}
#vols .depart{
	float: left;
	width: 50%;
	height: 103px;
   /* overflow: scroll; */
}
#vols .arrivee{
	float: right;
	width: 50%;
	height: 103px;
    /* overflow: scroll; */
}
#vols ul{
	padding: 0 3%;
	margin: 14px 0 0 0;
}
#vols p{
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	margin: 5px 0 0 0;
	font-weight: bold;
        margin-top: -8px;
}
#vols p:hover{
	text-decoration: underline;
}
#vols .depart ul{
	border-right: 1px solid #72509c;
}
#vols h4{
	margin-bottom: 10px;
}
#vols a{
	color: #000;
	font: 12px "Arial";
}
#vols img {
    max-width: 35px;
    margin-right: 5px;
    float: left;
}
#vols li{
	color: #fff;
	font: 11px "Arial";
}
#vols li span{
	color: #000;
	font-weight: bold;
}


/* Bus */
#bus .plus{
	top: 10px;
}
#bus .plus.gris a {
    color: #fff;
}
#bus .plus.gris a:hover {
    color: #868686;
}
#bus{
	background-color: #7c59a6;
	width: 39%;
}
#bus .depart{
	float: left;
	width: 50%;
	height: 103px;
   /* overflow: scroll; */
}
#bus .arrivee{
	float: right;
	width: 50%;
	height: 103px;
    /* overflow: scroll; */
}
#bus ul{
	padding: 0 3%;
	margin: 10px 0 0 0;
}
#bus p{
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	margin: 5px 0 0 0;
	font-weight: bold;
    margin-top: -8px;
}
#bus p:hover{
	text-decoration: underline;
}
#bus .depart ul{
	border-right: 1px solid #7c59a6;
}
#bus h4{
	margin-bottom: 10px;
}
#bus a{
	color: #000;
	font: 12px "Arial";
}
#bus img {
    max-width: 35px;
    margin-right: 5px;
    float: left;
}
#bus li{
	color: #fff;
	font: 11px "Arial";
}
#bus li span{
	color: #000;
	font-weight: bold;
}

/* les deux */
.titlejour {
    margin-top: 5px !important;
    float: left;
}


/*-----> Bloc : * Zoom sur et Event */
.art{
	height: 208px;
}


/*-----> Bloc : * Zoom sur */
#zoom{
	background: url("images/stries-coin-noir.png") no-repeat scroll 0 0 #72509c;
    float: left;
    margin: 15px 1% 0 0;
    padding: 17px 0 15px 1.5%;
    width: 47.5%;
}
#zoom h5 .ico{
	background-position: 0 -160px;
}
#zoom .text{
	float: left;
    height: 210px;
    overflow: hidden;
    width: 50%;
    padding: 0;
}
#zoom h6{
	color: #000000;
	font: 13px "HankenB";
	text-transform: uppercase;
	margin: 10px 0;
}
#zoom p{
	color: #fff;
	font: 12px/14px Arial;
	text-align: justify;
}
#zoom .image{
	width: 46%;
	height: 240px;
	overflow: hidden;
	float: right;
	margin: -17px 0 0 0;
	position: relative;
	background-color: #393939;
}
#zoom .sav-plus{
	background: url("images/stries-big-arrow.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    top: 190px;
    height: 42px;
    padding: 11px 0 0 8px;
    position: absolute;
    left: 0;
    z-index: 999;
}
#zoom .sav-plus a{
	background: url("images/sprite.png") no-repeat scroll 10px -122px #72509c;
    color: #fff;
    font: 12px "HankenB";
    padding: 10px 10px 8px 30px;
    text-transform: uppercase;
}
#zoom .sav-plus a:hover{
	background-color: #936fc0;
}



/*-----> Bloc : * Event */
#event{
	background: url("images/stries-coin-blanc.png") #393939 0 0 no-repeat;
	float: right;
	margin: 15px 0 0 1%;
	width: 46%;
	padding: 17px 1.5% 15px;
    position: relative;
}
#event h5 .ico{
	background-position: 0 -190px;
}
#event li ul{
	margin: 15px 0 0 0;
}
#event li ul li{
	float: left;
    height: 180px;
    margin: 0 2%;
    overflow: hidden;
    width: 29%;
}

#event li ul li .image{
	width: 120px;
	height: 120px;
	overflow: hidden;
	position: relative;
}
#event li ul li .cat{
	background-color: #72509c;
	color: #fff;
	font: bold 12px Arial;
	font-style: italic;
	padding: 2px 5px 1px 3px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
}
#event h6{
	font: 12px "HankenB";
	text-transform: uppercase;
	margin: 10px 0;
}
#event h6 a{
	color: #fff;
}
#event h6 a:hover{
	color: #aeaeae;
}
#noevent{
    color: #72509c;
    padding-top: 60px;
    text-align: center;
}
.eventville{
	position: absolute;
	font-size: 9px;
	top: 0;
	left: 0;
	font-style: italic;
	font-weight: bold;
	font-family: 'arial';
	text-transform: uppercase;
	color: #ffffff;
	padding: 3px 5px 3px 3px;
	background-color: #42317b;
}
.event-brazzaville{
	background-color: #e73e45 !important;
}
.event-pointenoire{
	background-color: #007f94 !important;
}
.event-other{
	background-color: #42317b;
}

/* AJOUT COM HOMEPAGE */
.excom-stores span{
	float: left;
	font-size: 12px;
	color: #818181;
}
.excom-stores .notes{
	float: left;
	margin: -5px 0 5px 5px;
}
.excom-stores .notes li{
	background: url("images/star-com-active.png") 0 0 no-repeat;
	width: 16px;
	height: 15px;
	float: left;
	margin: 0;
}
.excom-stores .notes li.inactive{
	background: url("images/star-com-inactive.png") 0 0 no-repeat;
}
.excom-stores p{
	font-size: 12px;
	font-weight: bold;
	color: #232323;
	clear: both;
        text-align: left !important;
}
.excom-stores {
    margin: 15px 0 0;
    display: none;
}

/* AJOUT SLIDER PAGE APPLICATIONS */

.applications .com-stores {
    margin: 35px 0 0;
    text-align: center;
}
.applications .com-stores span{
	display: block;
	color: #818181;
	font-size: 15px;
}
.applications .com-stores p{
	font-size: 16px;
	font-weight: bold;
	color: #232323;
	margin: 15px 0 0 0;
	line-height: 18px;
}
.applications .com-stores .notes{
	display: table;
	margin: 10px auto 0;
}
.applications .com-stores .notes li{
	background: url("images/star-com-active.png") 0 0 no-repeat;
	width: 16px;
	height: 15px;
	float: left;
	margin: 0 1px;
}
.applications .com-stores .notes li.inactive{
	background: url("images/star-com-inactive.png") 0 0 no-repeat;
}
.applications .com-stores ul{
    display: inherit;
}
.applications .com-stores  li{
    display: table;
}


/*-----------------------------------------------------------------------*/
/*-------------------------------- Publicite ----------------------------*/
/*-----------------------------------------------------------------------*/
.mini-advertising{
	background-color: #303030;
	margin-top: 15px;
	padding: 10px 0;
	text-align: center;	
}
.mini-advertising li {
    display: inline-block;
    margin: 0 10px;
}
#space-pub{
	background: url("images/bg-space-pub.jpg") 0 0 repeat;
	margin: 15px 0 0 0;
	padding: 0 0 20px 0;
}
#space-pub ul{
	display: table;
	margin: 0 auto;
	text-align: center;
}
#space-pub li{
	display: inline-block;
	margin: 20px 10px 0 10px;
}
#videos-pub{
    width: 100%
}
#videos-pub li{
    /*
    margin: 20px 0 0 0;
    width: 49%;
    */
    width: 35%;
    padding: 0 20px;
	height: 200px;
}
.btn-encarts-pub {
	background-color: #72509c;
	color: #fff;
	font: 12px "HankenB";
	margin-top: 10px;
	padding: 5px 2px 2px 2px;
	text-transform: uppercase;
	border: none;
}
.btn-encarts-pub:hover {
	color: #936fc0;
	cursor: pointer;
}

/*-----------------------------------------------------------------------*/
/*---------------------------------- Footer -----------------------------*/
/*-----------------------------------------------------------------------*/
#footer{
	background: url("images/bg-footer.jpg") #232323 repeat-x center top;
}
#footer .box{
	float: left;
	margin: 20px 34px 0;
	text-align: left;
    max-width: 315px;
}
#footer .box.slider{
    width: 39%;
}
.gabon .ico{
	background-position: 0 -100px;
}
.plan .ico{
	background-position: 0 -70px;
}
#footer a{
	color: #cacaca;
	font: 12px/13px "Arial";
}
#footer a:hover{
	color: #acacac;
}

/* Mentions */
#mentions{
	background: url("images/sep-footer.jpg") repeat-x center top;
	text-align: center;
	font: 11px "Arial";
	color: #6f6f6f;
	padding: 10px 0;
	margin: 20px 0 0 0;
}
#mentions span{
	color: #72509c;
}



/*-----------------------------------------------------------------------*/
/*-------------------------------- All Pages ----------------------------*/
/*-----------------------------------------------------------------------*/

/* Breadcrumb */
.breadcrumb{
	border-bottom: 1px solid #5f5f5f;
    background: #936fc0;

}
.breadcrumb ul{
	background: url("images/stries-coin-blanc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    padding: 15px 0 15px 25px;
    width: 50%;
}
.breadcrumb li{
	float: left;
	color: #fff;
	font: 12px "Arial";
	margin: 0 5px 0 0;
}
.breadcrumb li a.actif, .breadcrumb li a:hover{
	color: #fff;
	font: bold 12px "Arial";
}
.breadcrumb li a{
	color: #393939;
	font: 12px "Arial";
}
.breadcrumb .back{
	background: url("images/btn-retour.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 18px;
    margin: 14px -1px 0;
    padding: 0 0 0 25px;
    width: 94px;
}
.breadcrumb .back:hover{
	background-position: 0 -18px;
}
.breadcrumb .back a{
	color: #fff;
	font: 12px "Arial";
    display: block;
    padding: 2px 0;
}

/* Title */
.title-page{
	border-top: 1px solid #272727;
	background-color: #373737;
	padding: 25px 0;
}
.title-page h2{
	color: #fff;
	font: 22px/35px "HankenB";
	text-transform: uppercase;
	text-align: center;
}
.title-page h2 span{
	color: #72509c;
	font: 12px "Arial";
	text-transform: none;
	display: block;
}
.title-page h2 b{
	border-bottom: 1px dotted #ffffff;
    color: #ffffff;
}

/* onglet restaurant */
.legende-restaurants{
    background-color: #fff;
}
.legende-restaurants p{
    text-transform: uppercase;
    font-size: 0.8em;
    padding-bottom: 10px;
}
.legende-restaurants span{
    display: block;
    text-align: center;
    font-size: 0.9em;
    line-height: 2;
}
#logo-castel{
    width: 40px;
    margin-top: 10px;
}
.wrapper-middle{
    display:block;
    width:300px;
    margin:0 auto;
    position: relative;
}
.wrapper-middle .logo-prix-castel{
    margin-right: 5px;
}
.wrapper-middle span{
    float: left;
}
.logo-prix-castel, .logo-horaire{
    width: 17px;
}
.legende-restaurants .horaires{
    display: block;
    color: #3a87ad;
    font-size: 0.8em;
   text-align: center;
    margin-top: 20px;
}

/* Infos Page */
.infos{
	background-color: #fff;
}
.infos.padding{
	padding: 10px 25px 25px 25px;
}
.infos strong{
	color: #72509c;
	font-size: 14px;
}
.infos a{
	color: #72509c;
}

.center-75{
    margin: 0 auto;
    width: 75%;
}

.center-75 p, .col-left p{
	color: #393939;
	font: 13px "Arial";
	text-align: justify;
	margin: 0 0 20px 0;
}
.center-75 p b, .center-75 strong, .col-left p b, .col-left strong{
	font-weight: bold;
}
.center-75 p span, .col-left p span{
	color: #72509c;
	font-weight: bold;
}
.center-75 img, .col-left img{
    margin: 0 auto;
    display: block;
}

.center-80{
    margin: 0 auto;
    width: 80%;
}
.center-80 p{
	color: #393939;
	font: 13px "Arial";
	text-align: justify;
	margin: 0 0 15px 0;
}
.center-80 p b, .center-80 strong{
	font-weight: bold;
}
.center-80 a{
	color: #72509c;
}


/*-----------------------------------------------------------------------*/
/*-------------------------------- Rubriques ----------------------------*/
/*-----------------------------------------------------------------------*/

/* Filtre sous-categorie */
.title-page .filtre {
    padding: 15px 15px 0px;
}
.title-page .filtre li{
	float: left;
	background: #4d4d4d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 5px 0 5px;
}
.title-page .filtre li a{
	color: #ffffff;
	font: 14px "HankenB";
	text-transform: uppercase;
	padding: 6px 7px 3px 7px;
	display: block;
}
.title-page .filtre li:hover, .title-page .filtre li.actif{
	background: #72509c;
}

/* Contenu */
.acces{
    background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #d0d0d0;
    float: left;
    margin: 8px 1.3%;
    width: 47%;
}
.acces .col-left{
    float: left;
    padding: 15px 1%;
    text-align: center;
    width: 38%;
}
.acces .col-right{
    float: right;
    padding: 15px 0 0;
    position: relative;
    text-align: center;
    width: 55%;
}
.acces h3{
	font: 18px "HankenB";
	color: #393939;
	text-transform: uppercase;
}
.acces span{
	color: #72509c;
    display: block;
    font: 13px "Arial";
    margin: -2px 0 0;
}
.acces .logotype{
	color: #ababab;
	font-size: 11px;
	max-height: 60px;
	width: auto;
	max-width: 150px;
	height: auto;
	margin: 25px auto 0;
}
.acces .adresse p{
	font: 13px "Arial";
	color: #646464;	
	text-align: left;
}
.acces .telephone{
	font: 12px "Arial";
	letter-spacing: -0.3px;
	color: #5a5959;
	text-align: left;
	margin: 15px 0 0 0;
}
.acces .webmail {
    color: #5a5959;
    font: 12px "Arial";
    letter-spacing: -0.3px;
    text-align: left;
}
.acces .telephone a {
    color: #393939;
}
.acces .btn{
	background: url("images/stries-big-arrow.jpg") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
        float: right;
    padding: 6px 0 0 4%;
    margin-top: 20px;
    width: 96%;
    z-index: 999;
}
.acces .btn a{
	background: url("images/sprite.png") no-repeat scroll 10px -120px #72509c;
    color: #fff;
    font: 12px "HankenB";
    padding: 10px 10px 8px 30px;
    text-transform: uppercase;
    display: block;
}
.acces .btn a:hover{
    background-color: #936fc0;
}
.acces.no-details .btn{
	display: none;
}
.acces.no-details h3{
	margin-top: 35px;
}
.acces b {
    font-weight: bold;
    float: left;
    margin-right: 3px;
}
.bandeau-rubrique {
    background: none repeat scroll 0 0 #dedede;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #72509c;
    margin: 10px 0 18px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
}
.acces .logos-restaurants{
    float: left;
    margin-top: 10px;
}

/* Liste colonne 1 */
#listcol1 .acces{
	width: 97.4%;
	position: relative;
        min-height: 170px;
}
#listcol-admin .acces{
    min-height: 170px;
}
#listcol1 .acces .btn {
    padding: 6px 0 0 8px;
    right: 0;
    width: 170px;
}
#listcol1 .acces .col-left{
	width: 32%;
}
#listcol1 .acces .col-middle{
	width: 30%;
	text-align: center;
	float: left;
	margin: 68px 0 0 0;
}
#listcol1 .acces .col-right{
	width: 33%;
}
#listcol1 .col-right p a {
    color: #72509c;
}
#listcol1 .acces h3{
	margin: 0;
}
#listcol1 .acces .logotype{
	background: url("images/pubreplace-listing.png") 0 0 no-repeat;
	width: 270px;
	height: 80px;
	max-width: none;
	max-height: none;
        margin-top: 30px;
}
#listcol1 .acces .adresse p{
	margin: 0;
}
#listcol1 .acces .telephone{
	color: #5a5959;
    font: 12px "Arial";
    letter-spacing: -0.3px;
    margin: 15px 0 0;
    text-align: left;
}
#listcol1 .acces .telephone p, #listcol1 .acces .webmail p{
	margin: 0;
}
#listcol1 .acces .adresse p, #listcol1 .acces .webmail p {
    color: #646464;
    font: 13px "Arial";
    text-align: left;
}
.col-right .tel {
    padding-left : 26px;
}
.col-right .portable {
    padding-left : 56px;
}
.col-right .fax {
    padding-left : 28px;
}
.logos-restaurants-fiche{
    display: block;
    float: left;
}
.logos-restaurants-fiche img{
    display: inline;
    margin-top: 5px;
}
.logos-restaurants-fiche span{
    display: block;
    font-size: 0.7em;
}


/*-----------------------------------------------------------------------*/
/*---------------------------------- Fiche ------------------------------*/
/*-----------------------------------------------------------------------*/
/* Texte */
.text{
	width: 54%;
	float:  left;
	padding: 1% 3%;
}
.fiche-detail{
	text-align: center;
}
.fiche-detail .logotype {
    display: block;
    height: auto;
    margin: 0 auto 25px;
    max-height: 100px;
    max-width: 300px;
    width: auto;
}
.text h3, .text h4{
	color: #72509c;
	font: 14px "HankenB";
	margin: 0 0 10px 0;
	text-align: left;
}
.text a h3, .text a h4 {
	color: #72509c;
	display: block;
}
.text a h3:hover, .text a h4:hover{
	color: #000;
}
.text p{
	font: 13px/18px "Arial";
	color: #303030;
	text-align: left;
    margin: 0 0 6px;
}
.text p b{
	font-weight: bold;
}
.text .details{
	background-color: #f7f7f7;
	border: 1px dotted #72509c;
	padding: 10px;
	text-align: left;
	margin-top: 10px;
}
.text .details a h3, .text .details a h4 {
	text-align: center;
}
.text .col-left{
	float: left;
	width: 70%;
}
.text .col-right{
	float: right;
	width: 29%;
	text-align: center;
}
.text .col-right h3{
	background: url("images/fiche/ico-fiche-site.png") center bottom no-repeat;
	padding: 30px 0;
}
.text .col-right h4{
	background: url("images/facebook.png") center bottom no-repeat;
	padding: 30px 0;
}
.text .adresse, .text .telephone, .text .mail{
	margin: 15px 0;
	padding: 0 0 0 35px;
}
.text .adresse{
	background: url("images/fiche/ico-fiche-lieu.png") 0 0 no-repeat;
        min-height: 27px;
}
.text .telephone{
	background: url("images/fiche/ico-fiche-tel.png") no-repeat scroll 0 -1px rgba(0, 0, 0, 0);
    min-height: 27px;
    padding-top: 3px;
}
.text .mail{
	background: url("images/fiche/ico-fiche-mail.png") 0 -2px no-repeat;
	min-height: 27px;
    padding-top: 3px;
    margin: 30px 0 5px;
}
.text p a{
	color: #303030;
}
.text p a:hover{
	color: #72509c;
}

/* Map */
.map{
	width: 40%;
	float: left;
	height: 455px;
	overflow: hidden;
}



/*-----------------------------------------------------------------------*/
/*---------------------------------- Search -----------------------------*/
/*-----------------------------------------------------------------------*/
.title-page .tags{
	padding: 20px 15px 0 15px;
}
.title-page .tags li {
    background: none repeat scroll 0 0 #4d4d4d;
    border: 1px dashed grey;
    float: left;
    margin: 5px 5px 0;
    color: #ffffff;
    display: block;
    font: 14px "HankenB";
    padding: 6px 7px 3px;
    text-transform: uppercase;
}


/*-----------------------------------------------------------------------*/
/*-------------------------------- Contact ------------------------------*/
/*-----------------------------------------------------------------------*/
.col-2{
	padding: 20px 0;
}
.col-2 h3{
	color: #72509c;
	font: 14px "HankenB";
	margin: 0 0 10px 0;
}
.col-2 p{
	color: #393939;
	font: 13px "Arial";
	text-align: justify;
	margin: 0 0 20px 0;
}
.col-2 p b{
	font-weight: bold;
}
.col-2 p span{
	color: #72509c;
	font-weight: bold;
}
.col-2 .horaires p{
	color: #72509c;
	font-weight: bold;
	text-align: center;
}
.col-2 .col-left{
	float: left;
	width: 62%;
	border-right: 1px solid #cdcdcd;
	padding: 0 2%;
}
.col-2 .col-right{
	float: left;
	width: 29%;
	padding: 0 2%;
}
.col-2 .col-right p{
	margin: 0;
}
.col-2 .col-right .galerie li{
	text-align: center;
	margin: 0 0 20px 0;
	cursor: pointer;
}
.line{
	margin: 0 0 17px 0;
	clear: both;
	display: block;
}
.champs label{
	color: #393939;
	font: bold 13px "Arial";
	display: block;
	margin: 0 0 10px 0;
}
.champs input, .champs textarea{
	border: 1px solid #cccccc;
	padding: 9px 2%;
	color: #616161;
	width: 96%;
}
.champs textarea{
	resize: none;
	height: 150px;
}
.champscourt{
	float: left;
	width: 45%;
	margin-right: 4%;
}
.champs select{
        font: 13px "Arial";
        height: 30px;
}
.champs.champslong input, .champs.champslong textarea{
        width: 90%;
}
.champslong select{
        width: 94%;
}
.champs .radio{
	float: left;
	color: #6e6e6e;
	font: 13px "Arial";
	margin: 0px 50px 10px 0;
}
.champs .radio input[type="radio"]{
	width: auto;
	margin: 0 5px 0 0;
}
.champs input[type="checkbox"]{
	width: auto;
	margin: 0 5px 10px 0;
}
.wpcf7-checkbox .wpcf7-list-item-label{
    font: 13px "Arial";
}
.wpcf7-checkbox .wpcf7-list-item {
    display: block;
}
.submit-form{
	background: url("images/change/btn-submit-form.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    float: right;
    font: 15px "HankenB";
    height: 42px;
    margin: 0 6% 0 0;
    padding: 4px 10px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 123px;
    cursor: pointer;
}
.submit-form:hover{
	opacity: 0.8;
}
.champs br{
	display: none;
}
.wpcf7-form-control.wpcf7-radio.radio {
    width: 100%;
}
.col-right p a{
	color: #72509c;
}



/*-----------------------------------------------------------------------*/
/*--------------------------------- Event -------------------------------*/
/*-----------------------------------------------------------------------*/
.tribe-events-schedule.updated.published.tribe-clearfix {
    text-align: center;
}
.tribe-events-cal-links {
    display: none !important;
}
.tribe-events-event-image img {
    max-height: 350px;
}
.tribe-events-event-categories a, .tribe-event-tags a {
    color: #72509c;
}
.tribe-events-gmap {
    color: #72509c;
}
#tribe-events-content .tribe-events-abbr {
    color: #8a8a8a;
}
.tribe-events-single-event-description.tribe-events-content.entry-content.description p {
    line-height: 20px !important;
    margin: 0 0 20px !important;
}
.tribe-events-single-event-description p span {
    color: #393939 !important;
    font-weight: normal !important;
}
.tribe-events-single-event-description br {
	display: block !important;
}
.tribe-events-single-event-description strong {
    color: #393939 !important;
    font-size: 13px !important;
}
.tribe-events-meta-group.tribe-events-meta-group-organizer {
    width: 66%;
}
.tribe-events-meta-group.tribe-events-meta-group-organizer .kk-star-ratings, .tribe-events-meta-group.tribe-events-meta-group-organizer br, .tribe-events-meta-group.tribe-events-meta-group-organizer .synved-social-button {
    display: none;
}
.single-tribe_events .tribe-events-schedule h3 {
    font-size: 15px !important;
    font-weight: bold !important;
    margin: 0;
    text-transform: none;
}
figcaption {
    color: #939393;
    text-align: center;
}
.wp-caption{
	width: 100% !important;	
}
p.pre {
    color: #939393 !important;
    font-style: italic !important;
    font-size: 11px !important;
}
.date-start.dtstart, .date-end.dtend {
    font-weight: bold;
    font-size: 14px;
}
.single-tribe_events .tribe-events-schedule .recurringinfo, .single-tribe_events .tribe-events-schedule .tribe-events-cost, .single-tribe_events .tribe-events-schedule .tribe-events-divider {
    font-size: 1em;
}

/* Comment */
.comments-link a, .edit-link a {
    color: #919191;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0 0 15px 3px;
}
.comments-link a:hover, .edit-link a:hover{
    color: #72509c;
}
.comments-area {
    border: 1px solid #dcdcdc;
    margin: 20px 0;
    padding: 20px;
}
.comments-area #reply-title, .comments-area .comments-title{
	font-weight: bold;
}
#comments label {
    display: block;
    width: 30%;
    margin: 0 0 5px 0;
}
#comments input,  #comments textarea{
    border: 1px solid #dcdcdc;
    padding: 5px 2%;
    resize: none;
}
#comments textarea{
    width: 96%;
    resize: none;
}
.comment-form-url, .comment-form-email, .comment-form-author{
    float: left;
    margin: 0 10px 20px 0 !important;
}
.form-submit #submit{
    display: block;
    float: right;
    background-color: #72509c;
    color: #fff;
}
#tribe-events-content {
    margin-bottom: 0 !important;
}
ol.comment-list {
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 20px;
    padding: 20px 0;
}
ol.comment-list .comments-link a, ol.comment-list .edit-link a {
    float: none;
}
.comment-list .reply {
    text-align: right;
}
.comment-list .reply a {
    color: #fff;
    background-color: #72509c;
    padding: 5px;
    font-size: 12px;
}
.comment-content p img{
	text-align: left;
	margin: 0;
}
.comment-metadata{
	margin: 0 0 10px 0;
}
.comment-metadata a{
	color: #919191;
	font-size: 12px;
	font-style: italic;
}
.avatar.avatar-34.photo {
    float: left;
    margin: 0 15px 0 0;
}
.comment-list li {
    border-bottom: 1px dotted #dcdcdc;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
}
.comment-list li:last-child {
    border-bottom: none;
}
#reply-title a {
    color: #72509c;
}
.logged-in-as a {
    color: #919191;
}
.logged-in-as a:hover {
    color: #72509c;
}
.comments-link {
    clear: both;
    display: block;
}

/* All events */
.tribe-bar-filters-inner.tribe-clearfix {
    background-color: #4d4d4d;
}
#tribe-events-bar {
    margin: 0 auto;
    width: 96%;
}
#tribe-bar-form label{
	display: none;
}
.tribe-bar-date-filter, .tribe-bar-search-filter {
    padding: 20px;
}
#tribe-bar-form input[type="text"]{
	border-color: -moz-use-text-color -moz-use-text-color #acacac;
	color: #fff;
	font-weight: normal !important;
}
#tribe-bar-form *::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
#tribe-bar-form .tribe-bar-submit input[type="submit"] {
    background: none repeat scroll 0 0 #72509c;
    font-weight: normal;
    color: #fff;
}
#tribe-events-content h2.tribe-events-page-title{
	display: none;
}
#tribe-events-content h2{
	font: 16px "HankenB";
	text-transform: uppercase;
	color: #393939;	
}
#tribe-events-content h2 a{
	color: #393939;	
}
.updated.published.time-details {
    color: #72509c;
}
.tribe-events-ical.tribe-events-button {
    display: none !important;
}
.tribe-events-read-more {
    background-color: #72509c;
    color: #fff;
    font-size: 11px;
    padding: 5px;
    text-transform: uppercase;
}
#tribe-bar-form input[type="text"]{
	padding: 0 0 10px 0;
}
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
    margin: 0 auto;
    width: 95%;
    max-width: none;
}
.tribe-events-list-separator-month {
    clear: both;
    display: block;
}
.tribe-events-loop .type-tribe_events{
	float: left;
    margin: 0 2%;
    width: 46%;
}
.tribe-events-list-event-description.tribe-events-content.description.entry-summary > p{
	color: #303030;
	font-size: 13px;
	text-align: justify;
	line-height: 17px !important;
}
#tribe-events-pg-template {
    padding: 0;
}
.tribe-events-nav-previous.tribe-events-nav-left.tribe-events-past > a, .tribe-events-nav-previous.tribe-events-nav-right > a {
    background-color: #2a2a2a;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    line-height: 30px;
    margin: 5px;
    padding: 10px 5px 7px;
    text-transform: uppercase;
}
.events-list #tribe-events-footer, .single-tribe_events #tribe-events-footer, .tribe-events-day #tribe-events-footer, .tribe-events-map #tribe-events-footer, .tribe-events-photo #tribe-events-footer{
	padding: 15px;
}

/*-----------------------------------------------------------------------*/
/*------------------------- Page Listing Events -------------------------*/
/*-----------------------------------------------------------------------*/
.event{
	padding: 20px 3%;
}
.event .tribe-events-list-separator-month{
	clear: both;
    display: block;
}
.event .tribe-events-list-separator-month:after{
	border-bottom: 1px solid #c2c2c2;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.event .tribe-events-list-separator-month span {
    background-color: #fff;
    padding: 0 7.5%;
}

.event .tribe-events-list-separator-month {
    background-color: transparent;
    font-size: 24px;
    position: relative;
    text-align: center;
    text-transform: none;
    z-index: 1;
    font-weight: 700;
}
.event ul {
    margin: 0 auto;
    padding: 10px 0 10px;
    width: 95%;
    text-align: center;
    display: table;
}
.event ul li {
	border: 1px solid #a9a9a9;
    display: inline-block;	
    height: 195px;
    margin: 5px 15px;
    position: relative;
    width: 140px;
}
.event ul img{
    clip: rect(0px, 140px, 195px, 0px);
    /*height: 195px;*/
    left: 0;
    /*max-width: none;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    min-height: 100%;
    min-width: 140px;
}
.event .hover{
	background: url("images/bg-hover-opacity.png") repeat;
	display: none;
	height: 195px;
	margin: 0;
	position: absolute;
	text-align: left;
	width: 140px;
	z-index: 99;
}
.event .hover .cat {
    background-color: #72509c;
    color: #fff;
    font: italic bold 12px Arial;
    padding: 2px 5px 1px 3px;
    margin: 0 0 0 1px;
    text-transform: uppercase;
}
.event .hover h3{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font: bold 15px/17px "Arial";
	margin: 15px 0;
}
.event .hover p{
	color: #fff;
	text-transform: none;
	text-align: center;
	font: normal 15px "Arial";
        font-weight: bold !important;
}
.event .hover span.lire{
	color: #72509c;
	text-transform: none;
	text-align: right;
	display: block;
	font: Bold 13px/15px "Arial";
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.event ul li:hover .hover {
    display: block;
}
.event .select-style {
    background: url("images/arrow-month-event.png") no-repeat scroll 90% 50% #72509c;
    float: right;
    height: 35px;
    overflow: hidden;
    width: 155px;
}
.event .select-style select {
    -moz-appearance: none;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    font: 13px "Open Sans";
    padding: 3px 8px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 110%;
    color: #fff;
    height: 35px;
    outline: none;
}
.event .select-style select option {
    background:#fff;
    color: #343434;
    outline: none;
}

/*-----------------------------------------------------------------------*/
/*------------------------------ Applications ---------------------------*/
/*-----------------------------------------------------------------------*/
.applis{
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	display: block;
}
.applications p{
	color: #393939;
	font-size: 14px;
	text-align: center;
	margin: 0 0 15px 0;
}
.applications ul{
	display: table;
	text-align: center;
	margin: 0 auto;
}
.applications li{
	display: inline-block;
	margin: 0 5px 35px 5px;
}
.applications li:hover img{
	opacity: 0.8;
}


/*-----------------------------------------------------------------------*/
/*------------------------------ Commercial -----------------------------*/
/*-----------------------------------------------------------------------*/
#commercial .encart{
	margin: 0 0 35px 0;
	padding: 20px 0;
}
#commercial .tailleencart{
	float: left;
	width: 550px;
	text-align: center;
}
#commercial .descencart{
	float: left;
	width: 380px;
	margin: 0 0 0 15px;
}
#commercial .encart h3{
	color: #72509c;
	font: 18px "HankenB";
	margin: 0;
}
#commercial .encart p{
	font-size: 12px;
	color: #303030;
	margin: 0;
	line-height: 15px;
}
#commercial .encart p b{
	color: #000;
	margin: 0 0 3px 0;
	display: block;
}



/*-----------------------------------------------------------------------*/
/*------------------------------ Media Queries --------------------------*/
/*-----------------------------------------------------------------------*/
@media screen and (min-width: 920px) and (max-width: 970px){
	
	.nav li a{
		padding-left: 5px;
		padding-right: 5px;
	}
}


@media screen and (min-width:920px){
	.nav ul li:hover .sub-menu{
		display: block;
	}
}
@media screen and (max-width:990px){
	.wrapper{
		width: 100%;
	}
	
	/* Bloc principal */
	#magazine {
    	float: none;
    	display: table;
    	margin: 0 auto;
	}
	#search-rubrique {
	    float: none;
	    margin: 30px 10px 0 0;
	    width: 100%;
	}
	
	/* Ils ont rejoint le Pratique */
	#rejoindre h5{
		float: none;
	}
	#rejoindre .carrous{
		padding: 0;
		width: 100%;
		float: none;
		margin: 15px 0 0 0;
	}
	#rejoindre .carrous ul{
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	#rejoindre .carrous ul li{
		float: none;
		display: inline-block;
	}
	
	/* Footer */
	#footer .wrapper {
	    display: table;
	    text-align: center;
	}
	#footer .box{
		display: inline-block;
		float: none;
		vertical-align: top;
	}
        #footer .box.slider{
            width: 100%;
			margin: 20px 0 0 !important
        }
}

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

	/* Global */
	.center-75 {
    	width: 95%;
	}

	/* Header */
	.wrapper .search{
		margin-right: 10px;
	}
	#menulittle{
		display: block;
	}
	header ul#menu-header {
		
		background-color: #f4f4f4;
		position: absolute;
		z-index: 999;
		top: 55px;
		width: 100%;
		padding: 5px 0 0 0;
		float: none;
	}
	.nav li{
		float: none;
		text-align: center;
		border-right: none;
		border-bottom: 1px solid #dfdfdf;
	}
	.nav li a{
		display: block;
		padding: 8px 0 5px;
	}
        /* Sous-menu */
        .nav ul li .sub-menu{
            margin-top: 0px;
        }
	.nav ul li ul{
		position: relative;
		top: auto;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.nav ul li ul li{
		margin-right: 0;
		border-bottom: 1px solid #424242;
	}
	.nav ul li ul li a{
		padding: 5px 0;
	}
	.nav ul li ul .list{
		float: none;
		width: 100%;
	} 
	.rubrique ul li {
    	float: none !important;
		width: 100%;
	}
	.sub-menu{
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	header .rubrique .sub-menu ul{
		background: none;
		width: 100%;
	}
	
	
	/* Meteo*/
	#meteo ul {
    	padding: 7px 0 0;
	}
	#meteo li .temps{
		margin: 3px 0 0 0;
	}
	#meteo li img {
		margin: -9px -25px 0 75px !important;
	}
	
	/* Ligne Aujourd'hui */
	#meteo{
		float: none;
		width: 100%;
	}
	#vols, #bus{
		width: 100%;
		float: none;
		clear: both;
		height: auto;
		padding-bottom: 15px;
	}
	#vols .depart, #vols .arrivee, #bus .depart, #bus .arrivee{
		height: auto;
	}
	
	/* Rubriques */
	.acces{
		float: none;
		margin: 8px auto;
		width: 100%;
	}
	.acces .btn{
		padding: 6px 0 0 8px;
		width: 95%;
	}
	.acces.no-details h3 {
    	margin-top: 15px;
	}
	.acces.no-details {
    	padding: 0 0 10px;
	}
	
	/* Contact */
	.comment-form-url, .comment-form-email, .comment-form-author {
    	float: none;
	}
	#commentform input {
    	width: 98%;
	}
	
}
@media screen and (max-width:780px){
	/* header */
	h1{
		float: none;
		text-align: center;
		margin: 0 auto;
		padding: 15px 0 0 0;
	}
	.pub img{
		float: none;
		margin: 10px auto 0;
		width : 100%;
	}

	.pub > div {
		float : none ! important;
	}
	
	/* Bloc principal */
	#search-rubrique{
		width: 100%;
		margin: 30px 0 0;
	}
	#search-rubrique li{
		width: 53px;
	}
	
	/* Event */
	.tribe-events-loop .tribe-events-event-meta {
   	 	background: none;
   	 	border: none;
   	 	margin-top: 0;
   	 	padding: 0;
   	 }
   	 .tribe-events-list .time-details {
	   	 margin-bottom: 0;
	   	 padding: 0;
	 }
	 .tribe-events-list .tribe-events-venue-details {
		border-top: none;
    	margin-top: 5px;
    	padding:0;
	}
	.single-tribe_events .tribe-events-schedule {
	    background: none;
	    border: none;
	    margin: none;
	    padding: 0;
	}
	.date-end.dtend{
		display: block;
		float: none;
		clear: both;
	}
	#tribe-events-content {
    	margin: 0 auto !important;
		width: 85%;
	}
	
	#listcol1 .acces{
	height : auto;
	}

	#listcol1 .acces .col-left {
		float: none;
		width: 100%;
	}

	#listcol1 .acces .col-middle {
		float: none;
		margin: 0;
		text-align: center;
		width: 100%;
	}

	#listcol1 .acces .col-right {
		float: none;
		margin-bottom: 10px;
		width: 90%;
	}

	#listcol1 .acces .btn {
		bottom: -10px;
		margin: 0 auto;
		padding: 6px 0 0 8px;
		width: 170px;
	}
	#listcol1 .acces .logotype{
	margin : 0;
	}

	#listcol1 .acces .btn a{
	padding-bottom: 0;
	}

}

@media screen and (max-width:735px){
	body{
		background: none;
	}
	/* Header */
	.shadow{
		top: -10px;
	}
	h1{
		position: relative;
		margin: 0 auto;
		text-align: center;
	}
	
	/* Ligne aujourd'hui */
	#today h4.title{
		text-align: center;
		padding-left: 0;
	}
	#today h4.title a{
		float: none;
		display: block;
		margin: 10px;
	}
	#today h4.title a span {
    	display: inline;
	}
	/* Zoom */
	.art{
		height: auto;
	}
	#zoom{
		float: none;
		width: 98.5%;
		display: block;
		margin: 15px 0 0 0;
	}
	#zoom .image {
	    margin: -16px 0 -15px;
	    text-align: right;
	}
	
	/* Event */
	.tribe-events-loop .type-tribe_events {
    	float: none;
    	width: 100%;
    	margin: 0;
	}
	
	#event{
		float: none;
		width: 97%;
		display: block;
		margin: 15px 0 0;
	}
	#event li{
		height: auto;
	}
	.bloc-actu {
            width: 45%;
        }
}


@media screen and (max-width:640px){
        #btn-top{
            display: none;
        }

	/* Listing */
	.acces{
		height: auto;
	}
	.acces.no-details h3{
		margin-top: 0;
	}
	.acces .col-left{
		float: none;
		width: 98%
	}
	.acces .col-right{
		float: none;
		margin: 0 auto;
		width: 90%;
		height: auto;
	}
	.acces .adresse p, .acces .telephone{
	    text-align: center;
	}
	.acces .btn{
		width: 98%;
		position: relative;
	}
	.acces .btn a{
		height: auto;
	}
	/* Bloc Aujourd'hui a Libreville */
	#today h4 span{
		display: block;
	}
	
	/* Ils ont rejoint */
	.simply-scroll .simply-scroll-clip {
	    width: 90%;
	}
	
	/* Pubs */
	#videos-pub{
		width: 101% !important;
	}
	#videos-pub li{
		width: 80%;
		margin: 0 auto;
		display: block;
		padding: 10px;
	}
	
	/* Fiche */
	.text{
		float: none;
		width: 94%;
	}
	.map {
    	float: none;
		height: 300px;
		margin: 10px 0 0;
		width: 100%;
	}
	/* Contact */
	.col-2 .col-left {
    	border-right: medium none;
		float: none;
		padding: 0 5%;
		width: 90%;
	}
	.col-2 .col-right {
    	clear: both;
		display: block;
		float: none;
		margin-top: 45px;
		padding: 0 5%;
		width: 90%;
	}
	.line{
		margin: 0;
	}
	.line > p {
    	display: none;
	}
	.champscourt, .champslong {
	    display: block;
	    float: none;
	    margin-right: 0;
	    width: 100%;
	    margin-bottom: 15px;
	}
	.champs.champslong input, .champs.champslong textarea {
   		width: 96%;
	}
	.submit-form{
		margin: 0;
	}
	.champs .radio {
    	margin: 0 0px 10px 0;
	}
	/* Page listing Event */
	.event ul {
		width: auto;
	}
	.event ul li {
		margin: 10px 5px 0;
	}
	.event .select-style {
    	margin: 0 0 20px;
	}
}


@media screen and (max-width:560px){
	/* Bloc principal */
	#magazine{
		text-align: center;
	}
	#magazine h2{
		float: none;
		margin: 20px 0 25px 0;
		width:  auto;
	}
	.couverture{
		float: none;
	}
	
	/* Rubrique */
	.acces .logotype {
    	max-width: 120px;
	}
	
	/* Header */
	#header .search input[type="text"], #header .search input[type="search"] {
    	width: 170px;
	}
	/* Applications */
	.applications li{
		margin: 5px 0;
	}
	
	#magazine h2 p a {
    	text-align: center;
	}
}

@media screen and (max-width:480px){
	body{
		background-image: none !important;
	}
	h5{
		margin-left: 35px;
	}
	/* zoom */
	#zoom{
		padding: 17px 2% 15px;
		width: 96%;
	}
	#zoom .text {
	    float: none;
	    height: auto;
	    width: 100%;
	}
	#zoom .image{
		margin: 15px auto 0;
		float: none;
		text-align: center;
		width: auto;
		height: auto;
	}
	
	/* Meteo, Marees */
	#meteo {
    	float: none;
    	width: 100%;
    	height: auto;
    	display: block;
    	clear: both;
    	padding-bottom: 5px;
	}
	.t-now-weather {
    	margin: -5px 0 16px -12px;
	}
	#meteo li .today {
    	margin: -11px 0 -3px;
	}
	
		
	/* Rubriques */
	.acces{
		height: auto;
	}
	.acces .btn{
		position: relative;
	}
	.acces .col-right{
		height: auto;
	}
	.acces .btn a{
		font-size: 10px;
		height: 22px;
	}
	
	/* Fiche */
	.text .col-right {
    	float: none;
		padding: 15px 0 0;
		text-align: center;
		width: 100%;
	}
	.text .col-left {
    	float: none;
		width: 100%;
	}
	.bloc-actu {
            width: 90%;
        }
}

@media screen and (max-width:380px){
	
	/* Vols */
	#vols .depart, #vols .arrivee, #bus .depart, #bus .arrivee{
		float: none;
		width: 100%;
		padding: 0 0 10px 0;
	}
	#vols .depart ul, #bus .depart ul {
    	border-bottom: none;
    	border-right: none;
    	padding: 0 3% 10px 3%;
	}
	
}