/***********************************************************************************

	Theme Name: La FAAPA V1
	Description: Site web de la Fédération Atlantique des Agences de Presse Africaines
	Author: IT Road Consulting
	Author URI: http://www.itroad.ma
	Version: 1.0.0

************************************************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
ol,
ul {
    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;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/***********************************************************************************
LESS VARIABLES
************************************************************************************/
/***********************************************************************************
LESS Mixins
************************************************************************************/
/***********************************************************************************
1).General Styles
************************************************************************************/
body {
    font: 14px/21px "Exo 2.0", Helvetica, Arial, sans-serif;
    color: #484848;
    background: url('imgs/body-bg.jpg') repeat;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
p {
    margin-bottom: 21px;
    font-weight: 400;
}
h1 {
    font: 18px/1.5em "Exo 2.0", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #00aa4f;
    text-transform: uppercase;
}
h2 {
    font: 16px/1.5em "Exo 2.0", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #2D2D2D;
    margin-bottom: 10px;
}
h3 {
    font: 14px/1.5em "Exo 2.0", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #484848;
}
a {
    color: #3c3c3c;
}
a:hover {
    color: #00aa4f;
    text-decoration: none;
}
hr {
    border: none;
    height: 1px;
    background-color: #d9d9d9;
}
.pagination {
    margin: 0;
}
.icon-plus {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}
.icon-plus .link-icon-plus {
    color: #37a6b8;
}
.icon-plus .link-icon-plus .fa-plus {
    padding: 2px 3px;
    font-size: 14px;
    border: 1px dotted #37a6b8;
    margin-right: 5px;
}
img {
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
textarea {
    resize: none;
}
span.user-color {
    color: #00aa4f;
    display: inline-block;
    margin-left: 5px;
    margin-right: 1em;
    
}
p.user-setting {
    margin-top: 1em;
    margin-left: 1em;
}
i.fa-sign-out {
    font-size: 18px;
    color: #00aa4f;
}
.small-ad {
    margin-bottom: 1.5em;
}
/***********************************************************************************
2).Header LOGO
************************************************************************************/
.header {
	height: 150px;	padding: 1.5em 0;
}
.logo a {
    background: transparent url('imgs/logo.png') top left no-repeat;
    display: block;
    text-indent: -99999px;
    float: left;
    height: 81px;
    width: 274px;
}
.logo .slogan {

	display: block;
	padding-top: 1em;
	text-transform: none;
	font-weight: 600;
	font-size: 17px;

}
.top-ad {
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
}
.img-ads {

	padding-left: 0;
    padding-right: 0;
	
}
.language {
    margin-right: 0;
}
.language li a {
    padding-top: 0;
}
.language li a:hover {
    background: none;
}
.language li a.final {
    padding-right: 0;
}

p.small-lang {
    margin-right: 15px;
    margin-bottom: 10px;
}
a.lang-final {
    margin-left: 15px;
}
.sitemap{
	margin-bottom:30px;
}
.sitemap ul > li a {
    line-height: 30px;
}

.sitemap ul > li > ul {
    margin-left: 20px;
}
.connexion li a:hover,
.connexion li a:active,
.connexion li a:focus {
    background: none;
}
.connexion a.btn-cta {
    border: 2px solid #009a3f;
    color: #009a3f;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    margin-top: 7px;
}
.connexion a.btn-cta:hover {
    color: #8c8b8b;
    border: 2px solid #8c8b8b;
}
.connexion-base {
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    padding: 10px;
    min-width: 200px;
}
.connexion-base a.lost-pswd {
    color: #37a6b8;
}
.connexion-base a.btn-default {
    color: #cccccc;
    font-weight: 400;
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
}


/***********************************************************************************
3).Top Header
************************************************************************************/
.top-menu {
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px rgba(34, 31, 31, 0.52);
    -moz-box-shadow: 0 0 5px rgba(34, 31, 31, 0.52);
    box-shadow: 0 0 5px rgba(34, 31, 31, 0.52);
    background-image: -webkit-linear-gradient(bottom, rgba(34, 31, 31, 0.07), rgba(255, 255, 255, 0.07));
    background-image: -moz-linear-gradient(bottom, rgba(34, 31, 31, 0.07), rgba(255, 255, 255, 0.07));
    background-image: -o-linear-gradient(bottom, rgba(34, 31, 31, 0.07), rgba(255, 255, 255, 0.07));
    background-image: -ms-linear-gradient(bottom, rgba(34, 31, 31, 0.07), rgba(255, 255, 255, 0.07));
    background-image: linear-gradient(to top, rgba(34, 31, 31, 0.07), rgba(255, 255, 255, 0.07));
}
.top-menu .first-menu {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}
.top-menu .first-menu {
    padding-left: 0;
    padding-right: 0;
}
.top-menu .first-menu li a {
    
    line-height: 1.5em;
    font-weight: 400;
    color: #069B3D;

}
.top-menu .first-menu li a:hover {
    background-color: transparent;
    color: #3c3c3c;
  
}
.top-menu .search {
    background-color: #069B3D;
}
.top-menu .search .fa-search {
    font-size: 16px;
    color: #FFF;
}
.top-menu .social {
    float: right;
}
.top-menu .social li {
    margin: 10px 0 10px .75em;
    float: left;
}
.top-menu .social li a {
    width: 26px;
    height: 26px;
    display: block;
}
.top-menu .social .twitter,
.top-menu .social .facebook,
.top-menu .social .rss,
.top-menu .social .youtube,
.top-menu .social .linkedin,
.top-menu .social .instagram,
.top-menu .social .googleplus {
    background: url('imgs/social-sprit-2.png');
    text-indent: -9999px;
}
.top-menu .social .twitter {
    background-position: -32px -32px;
}
.top-menu .social .linkedin {
    background-position: -64px -32px;
}
.top-menu .social .googleplus {
    background-position: -96px -32px;
}
.top-menu .social .youtube {
    background-position: -128px -32px;
}
.top-menu .social .rss {
    background-position: -160px -32px;
}

.top-menu .social .instagram{
    background-position: -192px -32px;
}
/***********************************************************************************
4).Catégories
************************************************************************************/
.categories {
    background-color: #069B3D;
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08), 0 0 5px rgba(34, 31, 31, 0.52);
    -moz-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08), 0 0 5px rgba(34, 31, 31, 0.52);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08), 0 0 5px rgba(34, 31, 31, 0.52);
}
.categories .btn-categories {
    color: #FFF;
    font-weight: 400;
    width: 100%;
    margin: 5px auto;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), 0 0 5px rgba(34, 31, 31, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), 0 0 5px rgba(34, 31, 31, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08), 0 0 5px rgba(34, 31, 31, 0.2);
}
.categories .btn-categories:hover,
.categories .btn-categories:active,
.categories .btn-categories:focus {
    background-color: #00963e;
}
.categories .nav-cat {
    margin-bottom: 0;
    background-color: transparent;
    border: none;
}
.categories .nav-cat .cat {
    padding-left: 0;
    padding-right: 0;
}
.categories .nav-cat .cat .dropdown-menu li a {
    color: #484848;
    font-weight: 500;
}
.categories .nav-cat .cat .dropdown-menu li a:hover {
    color: #484848;
}
.categories .nav-cat .cat li a {
    background-color: transparent;
    color: #fff;
}
.categories .nav-cat .cat li a:hover,
.categories .nav-cat .cat li a:focus,
.categories .nav-cat .cat li a:active {
    background-color: transparent;
    color: #fff;
}
.categories .nav-cat .fa-plus {
    border: 1px dotted #fff;
    padding: 5px;
}
.categories .nav-cat .more-cat {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}
/***********************************************************************************
5).MARQUEE
************************************************************************************/
.marquee {
    display: block;
    margin-bottom: 1.5em;
    height: 42px;
    border-bottom: 1px solid #d9d9d9;
}
.marquee .nav-marquee {
    padding-left: 0;
    padding-right: 0;
    
}
.marquee .inline-marquee {
    display: inline-block;
    padding: 10px ;
}

.marquee a {
    padding: 10px ;
}
.marquee a .FAAPA {
    background-color: #00aa4f;
    padding: 3px 10px;
    color: #FFF;
    font-weight: 600;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.marquee a:hover {
    background-color: transparent;
}
.marquee a:active {
    background-color: transparent;
}
.marquee a:focus {
    background-color: transparent;
}
/***********************************************************************************
6).TOP INFO
************************************************************************************/
.top-info .top-info-list {
    margin-bottom: 15px;
}
.top-info .top-info-list a {
    font-weight: 600;
    line-height: 1.5em;
}
.top-info .top-info-list a .top-info-categories {
    font-size: 12px;
    color: #37a6b8;
    margin-right: 5px;
}

#tablepagingtopinfo a {
    font-weight: 600;
    line-height: 1.5em;
}
#tablepagingtopinfo a .top-info-categories {
    font-size: 12px;
    color: #069B3D !important;
    margin-right: 5px;
}
/***********************************************************************************
7).INFOS DU JOUR
************************************************************************************/
.infos-jour {
    position: relative;
}
.infos-jour .pagination {
    margin: 20px 0;
    display: block;
    top: -6em;
    left: 39.5em;
    position: absolute;
}
.infos-du-jour .pagination {
    margin: 1em 0;
}
.infos-du-jour .title-slug,.WPBlockSearch .title-slug {
    border-left: 2px solid #069B3D;
    padding-left: 10px;
    height: auto;
}
.infos-du-jour .title-slug .infos-source,.WPBlockSearch .title-slug .infos-source {
    margin-bottom: 0;
}
.infos-du-jour .title-slug .ville,.WPBlockSearch .title-slug .ville {
    font-weight: 600;
    color: #4A4A4A;
}
.infos-du-jour .title-slug .date,.WPBlockSearch .title-slug .date {
    font-weight: 600;
    color: #4A4A4A;
}
.infos-du-jour .title-slug .agence,.WPBlockSearch .title-slug .agence {
    font-weight: 600;
    color: #4A4A4A;
    text-transform: uppercase;
    margin-right: 10px;
}
.infos-du-jour .title-slug .time,.WPBlockSearch .title-slug .time {
    font-weight: 600;
    font-size: 12px;
    color: #37a6b8;
}
.infos-du-jour .title-slug .slug,.WPBlockSearch .title-slug .slug {
    font-weight: 600;
    font-size: 14px;
    color: #868686;
}
.infos-du-jour h1,.WPBlockSearch h1 {
    font-size: 14px;
}
.infos-du-jour h1 a,.WPBlockSearch h1 a {
    color: #00aa4f;
}
.infos-du-jour h1 a:hover,.WPBlockSearch h1 a:hover {
    color: #3c3c3c;
}
/***********************************************************************************
8).FOOTER
************************************************************************************/
footer {
    background-color: #009a3f;
}
footer .services,
footer .navigation,
footer .contact,
footer .map {
    padding-top: 15px;
}
footer h1 {
    color: #ffffff;
}
footer hr {
    background-color: #ffffff;
}
footer a {
    color: #ffffff;
}
footer a:hover {
    color: #484848;
}
footer img {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    width: 186px;
}
footer .contact p {
    margin: 0;
    color: #ffffff;
    font-weight: 300;
}
footer .copyright {
    background: url('imgs/body-bg.jpg') repeat;
    padding: 1em 0;
    margin-left: 0;
    margin-right: 0;
}
footer .copyright p {
    margin-bottom: 0;
}
footer .copyright a {
    color: #484848;
    font-size: 12px;
}
footer .copyright a:hover {
    color: #808080;
}
/***********************************************************************************
8).CHOIX DE L'EDITEUR
************************************************************************************/
.choix-editeur {
    margin-bottom: 1.5em;
}
.left-border img {
    /*margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);*/
	margin-right: 10px;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
	box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
	width: 67px;
	height: 67px;
	float: left;
}
.left-border .abbr {
    font: 14px/21px;
    font-weight: 400;
    color: #999999;
    margin-bottom: 0;
    height: 42px;
}
.left-border .abbr:hover {
    color: #37a6b8;
}
.left-border .view {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #868686;
}
.pub-col-4 {
    margin-bottom: 1.5em;
    text-align: center;
}

.video-faapa { 
    display:block;
	width:356px;
    height:250px;
	max-width: 100%;
	
   -webkit-background-size:cover; 
   -moz-background-size:cover; 
   -o-background-size:cover; 
	background-size:cover;
  }
/*
.video-image-fr{
     background:url('http://www.faapa.info/wp-content/uploads/2016/11/fappa-assemblee-f-fr.png') no-repeat;
}
*/
/*
.video-image-en{
     background:url('http://www.faapa.info/wp-content/uploads/2016/11/fappa-assemblee-f-en.png') no-repeat;
}
*/
/***********************************************************************************
9).NEWSLETTER
************************************************************************************/
.newsletter {
    margin-bottom: 1.5em;
}
.newsletter input {
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
}
.newsletter .btn {
    background-color: #069B3D;
    font-weight: 600;
    color: #ffffff;
}
/***********************************************************************************
10).PARTENAIRES
************************************************************************************/
.partenaire {
    margin-bottom: 1.5em;
}
.partenaire .fa-chevron-right {
    color: #868686;
    font-size: 14px;
}
.partenaire a {
    font-size: 16px;
    font-weight: 400;
    color: #868686;
}
.partenaire a:hover {
    color: #37a6b8;
}
.small-ad {
    margin-bottom: 1.5em;
}
/***********************************************************************************
11).ARTICLE
************************************************************************************/
.details-article {
    margin-bottom: 1.5em;
}
.details-article h1 {
    text-transform: none;
}
.details-article hr {
    margin-bottom: .5em;
}
.details-article header {
    border-bottom: 1px solid #cecece;
    margin-bottom: 1.5em;
}
.details-article header p {
    margin-bottom: .5em;
    font-size: 13px;
    font-weight: 600;
    color: #868686;
}
.details-article header p a {
    font-size: 13px;
    font-weight: 600;
    color: #868686;
}
.details-article header p a:hover {
    color: #37a6b8;
}
.details-article header .article-action a,.social-likes_single {
    margin-left: 15px;
    font-size: 18px;
    font-weight: 400;
    color: #808080;
}
.details-article header .article-action a .fa-share-alt {
    padding-right: 4px;
}
.details-article .img-slug {
    margin-bottom: .75em;
}
.details-article .img-slug cite {
    font-size: 12px;
    color: #999999;
}
.details-article .img-slug cite .img-caption {
    color: #484848;
}
.details-article .lead-text h2 {
    color: #4d4d4d;
}
.details-article .lead-text .article-agence {
    color: #00aa4f;
}
.details-article .lead-text p {
    color: #999999;
    font-weight: 500;
}
.details-article p {
    color: #484848;
    text-align: justify;
}
.details-article p a {
    color: #37a6b8;
}
.details-article h3 {
    color: #00aa4f;
    font-size: 15px;
    margin-bottom: .3em;
}
.details-article .suggestion {
    width: 80%;
    padding-left: 1.5em;
}

.fa-4
{
    color: #009a3f;
}

.sharediv
{
    width: 300px;
    top: 200px;
}

.categorie_photo
{
    width: 300px;
    float: right;
}

.titre_categorie
{
    color: #868686;
    font-weight: bold;
    margin-bottom: 6px;
    margin-left: 5px;
}

.lien_categorie
{
    float: right;
    color: #37a6b8;
    font-weight: bold;
}

.derniersphoto
{
    /*width: 200px;
    height: 200px;*/
}

.article-footer {
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    padding: 10px 0;
    margin-bottom: .75em;
}
.article-footer p {
    margin-bottom: 0;
    font-weight: 600;
    color: #868686;
}
.article-footer p a {
    font-size: 20px;
    font-weight: 600;
    color: #868686;
    margin-right: 1em;
}
.article-footer p a:hover {
    color: #37a6b8;
}
.article-footer .plus a {
    color: #37a6b8;
    font-size: 14px;
    margin-right: 0;
    text-transform: uppercase;
    line-height: 21px;
}
.article-footer .plus a:hover {
    color: #868686;
}
.article-footer .article-share {
    float: left;
}
.article-footer .article-share li {
    margin: 0 .75em 0 0;
    float: left;
}
.article-footer .article-share li a {
    width: 26px;
    height: 26px;
    display: block;
}
.article-footer .article-share .twitter,
.article-footer .article-share .facebook,
.article-footer .article-share .rss,
.article-footer .article-share .youtube,
.article-footer .article-share .linkedin,
.article-footer .article-share .googleplus {
    background: url('imgs/social-sprit.png');
    text-indent: -9999px;
}
.article-footer .article-share .twitter {
    background-position: -32px -32px;
}
.article-footer .article-share .linkedin {
    background-position: -64px -32px;
}
.article-footer .article-share .googleplus {
    background-position: -96px -32px;
}
.article-footer .article-share .youtube {
    background-position: -128px -32px;
}
.article-footer .article-share .rss {
    background-position: -160px -32px;
}
.next-article {
    margin-bottom: 2em;
}
.next-article h2 {
    font-size: 13px;
    font-weight: 400;
    color: #37a6b8;
}
.next-article h3 {
    font-size: 12px;
    font-weight: 400;
    color: #868686;
}
.next-article h3:hover {
    text-decoration: underline;
}
.similaire .left-border p {
    font-weight: 400;
    color: #535353;
}
.similaire .left-border .view {
    color: #868686;
    font-weight: 600;
}
.attachment-img-responsive{
	display: block;
    height: auto;
    max-width: 100%;
}
/***********************************************************************************
12).INSCRIPTION
************************************************************************************/
.inscription {
    -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
    background-color: #f3f2f2;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 1.5em;
    padding: 1.5em;
}
.inscription h2 {
    margin-bottom: .75em;
}
.inscription hr {
    margin-bottom: .75em;
}
.inscription .inscription-form {
    width: 50%;
    margin: 0 auto;
}
.inscription .inscription-form .form-group {
    margin-bottom: .75em;
}
.inscription .inscription-form .form-group .fa-envelope {
    font-size: 12px;
}
.inscription .inscription-form .text-right {
    margin-bottom: 0;
}
.inscription .inscription-form .text-right a {
    color: #cccccc;
}
.inscription .inscription-form .text-right a:hover {
    background-color: #f7f7f7;
}
.inscription .inscription-form p {
    margin-bottom: .75em;
}
.inscription .inscription-form .facebook a,
.inscription .inscription-form .twitter a {
    color: #FFF;
    width: 100%;
}
/***********************************************************************************
13).MOT DU PRÉSIDENT  
************************************************************************************/
.mot-pdg {
    margin-bottom: 2em;
}
.mot-pdg img {
    margin-right: .75em;
}
.mot-pdg h2 {
    color: #00aa4f;
    font-size: 14px;
    font-weight: 600;
}
.mot-pdg h3 {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}
.mot-pdg header hr {
    margin: .75em 0;
}
.mot-pdg p {
    font-size: 12px;
    font-weight: 300;
    text-align: justify;
    color: #999999;
}
.mot-pdg a {
    color: #37a6b8;
}
h1.heading-inscription {
    text-transform: uppercase;
}
/***********************************************************************************
12).CONTACT
************************************************************************************/
.contact h2 {
    color: #999999;
}
.contact .fa-map-marker,
.contact .fa-phone,
.contact .fa-print,
.contact .fa-envelope {
    padding-left: 3px;
    font-size: 14px;
}
.contact a {
    color: #fff;
}
.contact a.mail-too {
    color: #069B3D;
    
}
.contact p {
    font-size: 13px;
}
.map p.img-footer {
    margin-bottom: 0;
}
.map p {
    color: #FFF;
    font-size: 12;
}
/**********************************************************/

.login-username label
{
    width: 85px;
}

/***** Formulaire d'inscription ******/

#wppb-register-user label,#wppb_register_pre_form_message,#wppb-login-wrap label
{
    display: block;
}

#wppb-register-user input[type="text"],#wppb-register-user input[type="password"]
{
    margin-top: 10px;
}

.btn-success
{
    color: #ffffff !important;
}

.ninja-forms-all-fields-wrap label
{
    margin-top: 15px;
}

.ninja-forms-all-fields-wrap textarea
{
    height: 117px;
}

.ninja-forms-all-fields-wrap input[type="submit"]
{
    margin-top: 25px;
    margin-bottom: 20px;
    float: right;
}


/***********************************************************************************************/
/* 13. PHOTOS MODAL*/
/***********************************************************************************************/
h4.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #00aa4f;
}
.modal-body p.view{
    color: #868686;
    font-weight: 600;
    margin-bottom: .85em;
    
}
.modal-body p.img-titre {
    margin-right: 3em;
}
.modal-body p.img-description {
    margin: 21px 0 0 0;
}
.modal-body p.img-titre, p.img-author {
    font-weight: 500;
    font-size: 13px;
    color: #868686;
    margin-bottom: 0;

}
.modal-body i.fa-camera, i.fa-caret-up {
    font-size: 13px;
}
.imgSlide img{
    height: 130px;
}

#liste_photosparcategorie .container
{
    padding-left: 0px;
}

/***********************************************************************************
13).GUIDE
************************************************************************************/
.guide-list {
  margin: 1em 0;
  text-align: center;
  padding: 10px;
  text-decoration: none;
}
.guide-list img {
  display: inline-block;
}
.guide-list li {
  height: 230px;
  padding: 21px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 0.75em;
}

.guide-list li:hover {
  -webkit-box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
  box-shadow: 0 0 5px rgba(7, 7, 7, 0.08);
  background-color: #fcfcfc;
}
.guide-list p {
  margin-top: 0.5em;
  margin-bottom: 0;
  color: #ababab;
}
.guide-list h3 {
    font-size: 15px;
    font-weight: 600;
  color: #00aa4f;
}
/**************************GUIDE*********************/
.marquee {
	-webkit-marquee: auto medium infinite scroll normal;   
overflow-x: -webkit-marquee; 
}




/***************************************************/

/***********************************************************************************************/
/* 13. Responsive/adaptive stuff */
/***********************************************************************************************/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1200px) {

.logo .slogan {

    display: inline-block;
    text-transform: none;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    margin-top: .50em;
    margin-left: 1em;

    }
 
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:772px ) and (max-width:992px ) {
    .logo {
        width: 80%;
        margin: 0 auto;
    }
    .logo .slogan {


    text-transform: none;
    padding-left: 2em;
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    margin-top: 1.5em;
    margin-left: 1em;

    }
    .language  {
    margin-top: 1em;
    display: inline;
    }
    

.mobile-lang {
    display:block;
    clear: both;
    width: 100%;
    position: relative;
    
}
.mobile-lang ul.language {
    display:inline-block;
    clear: both;
    width: 100%;
    float: left;
    
}
.mobile-lang ul.connexion {
    display: inline-block;
    position: absolute;
    top: -0.1em;
    left: 70%;
    width: auto;
        
}
.small-ad {
    display: inline-block;
}
.pub-col-2 {
    display: inline-block;
}

    
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px ) and (max-width:1024px ) {
.logo {
        width: 100%;
        margin: 0 auto;
    }
    .logo .slogan {


    text-transform: none;
    
    font-weight: 600;
    text-align: left;
    font-size: 16px;
    margin-top: 0.2em;
    margin-left: 1.1em;

    }
    .mobile-img-ad {
        padding: 0;
    }
.small-ad {
    display: inline-block;
}
.pub-col-2 {
    display: inline-block;
}


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:480px ) and (max-width:640px ) {

    .link-logo {
 
    width: 257px;
    margin: 0 auto;

    }


    .logo .slogan {

    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    width: 100%;

    }

    .inscription .inscription-form {
    width: 100%;
    margin: 0 auto;

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 479px) {
  .link-logo {
 
    width: 257px;
    margin: 0 auto;

    }


    .logo .slogan {

    text-transform: none;
    font-weight: 600;
    font-size: 15px;
    width: 100%;

    }
.inscription .inscription-form {
        width: 100%;
        margin: 0 auto;
}
}

/* After the GoLive Modifications */


#pageNavPosition, #pageNavPosition1 {
float: right;
margin-bottom: 1.5em;
}