/* ==================================================
    CSS www.journal-photovoltaique.org
    Credit : Observer
    Brieuc Martin & Anthony Massin
================================================== */


/* ==================================================
   Global Styles
================================================== */

html, body { background-color:#DDDDDD; height:100%; }
p { margin:0 0 5px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding:15px; background-clip:content-box; }


/* ==================================================
   General Layout Styles
================================================== */

h2 { font-weight:300; }

a { color:#000000; }
a:hover { color:#000000; text-decoration:inherit; }
:hover { transition: all 0.3s ease 0s; }
.btns:hover { color:#FFFFFF; }

a img:hover { opacity: 0.6; }
.img-responsive { margin:0 auto; }

.col-gauche { padding-right:0; }
.col-droite { padding-left:0; }
.col-haute { padding-bottom:0; }
.col-basse { padding-top:0; }

.icon { display:inline-block; vertical-align:top; height:38px; margin:0 0 0 5px; }
.small { width:60px; vertical-align:bottom; }

.fa { font-size:38px; text-align:center; vertical-align:middle; color:#A0BE1E; }
.fa.fa-lock { font-size:large; vertical-align: baseline; }
.fa.fa-arrow-right { color:#FFFFFF; font-size:15px; margin-left:19px; text-align:right; vertical-align:baseline; z-index:0; }
.fa.fa-arrow-down { color:#FFFFFF; font-size:15px; margin-left:19px; text-align:right; vertical-align:baseline; z-index:0; }
.fa.fa-arrow-up { color:#FFFFFF; font-size:15px; margin-left:19px; text-align:right; vertical-align:baseline; z-index:0; }

.note-btn i.fa { font-size:12px; text-align:center; vertical-align:middle; color:#333333; }
.note-editing-area a { text-decoration:underline; color:#0000CC; }

a.jaune { color:#A0BE1E; text-decoration:underline; }
a.jaune:hover { color:#6FC11C; text-decoration:underline; }

ul { color:#A0BE1E; list-style-type:square; margin-bottom:22px; }
ul li span { color:#333333; }
ul li.list-cache { display:none; }

section a.btns, article a.btns { margin:0; padding:0; color:#000000; }
section a.btns-3e, article a.btns-3e,section button.btns-3e, article button.btns-3e { margin:0; padding:8px 10px 8px 18px; }
section a.btns-coteacote, article a.btns-coteacote { margin-left:10px; margin-right:10px; }

section header { margin-bottom:30px; }
section header i.fa { float:left; }
section header h1 { font-size:16px; margin: 0 0 8px 60px; padding:0; }
section header h2 { color: #999999; font-size: 12px; margin:3px 0 0 60px; padding: 0; }

section .alinea { margin: 20px 0 28px 40px; }
section .alinea img { float:left; }
section .alinea h3 { font-weight:bold; font-size:14px; margin-left:75px; margin-bottom:5px; }
section .alinea a:hover h3 { color:#A0BE1E; }
section .alinea p { margin-left:75px; margin-bottom:0; }

.block { background-color:#FFFFFF; padding:15px; width:100%; height:100%; }



/***** Présentation du Journal *****/
    #block-journal-presentation header { margin-bottom:25px; }
    #block-journal-presentation img { float:left; }
    #block-journal-presentation img.journal-presentation { margin: 0 20px 5px 0; width:180px; }
    #block-journal-presentation p { line-height:1.55em; }
    #block-journal-presentation ul { margin-bottom:5px; }
    #block-journal-presentation aside { padding-bottom:0; }
    #block-journal-presentation .journal-presentation h1 { margin-left:255px; }
    #block-journal-presentation .journal-presentation h2 { margin-left:255px; }

    #block-journal-presentation-ours img { float:left; }
    #block-journal-presentation-ours h1 { margin-left:55px; }
    #block-journal-presentation-ours h2 { margin-left:55px; }

/***** Manifestations *****/
    #manifestations header img { float:left; }
    #manifestations header i.fa { margin-left:0; }
    #manifestations section header { margin-bottom:20px; }
    #manifestations section header i.fa { font-size:50px; }
    #manifestations section header h1 { font-size:28px; margin-left:65px; }
    #manifestations section header h2 { font-size:16px; margin-left:65px; }
    #manifestations img { margin-bottom:25px; }
    #manifestations aside img { margin:0; }
    #manifestations p { margin-bottom:10px; margin-left:65px; }
    #manifestations p.jumbotron { font-size:16px; padding:0; margin:20px 0; background-color:transparent; }

    #liste-manifestations header img { float:left; }
    #liste-manifestations header h2 { font-size:18px; color:#333333; margin-left:55px; }
    #liste-manifestations header h3 { font-size:14px; color:#999999; margin-left:55px; margin-top:5px; }
    #liste-manifestations header { margin-bottom:20px; }
    #liste-manifestations ul { margin-bottom:0; margin-top:15px; padding-left:30px; }
    #liste-manifestations li { margin-bottom:4px; }
    #liste-manifestations p { margin-bottom:0; }

    #liste-manifestations div.col-basse .block { padding-top:0; }

/***** Blog *****/
    #blog header img { float:left; }
    #blog header i.fa { margin-left:0; }
    #blog section header { margin-bottom:20px; }
    #blog section header i.fa { font-size:50px; }
    #blog section header h1 { font-size:28px; margin-left:65px; }
    #blog section header h2 { font-size:16px; margin-left:65px; }
    #blog img { margin-bottom:25px; }
    #blog aside img { margin:0; }
    #blog p { margin-bottom:10px; margin-left:65px; }
    #blog p.jumbotron { font-size:16px; padding:0; margin:20px 0; background-color:transparent; }

    #liste-blog header img { float:left; }
    #liste-blog header h2 { font-size:18px; color:#333333; margin-left:55px; margin-bottom:0; }
    #liste-blog header h3 { font-size:14px; color:#999999; margin-left:55px; margin-top:5px; }
    #liste-blog header { margin-bottom:20px; }
    #liste-blog ul { margin-bottom:0; margin-top:15px; padding-left:30px; }
    #liste-blog li { margin-bottom:4px; }
    #liste-blog p { margin-bottom:15px; }

/***** Mentions légales *****/
    #mentions-legales header img { float:left; }
    #mentions-legales section header, #mentions-legales section header img { margin-bottom:20px; }
    #mentions-legales img { margin-bottom:25px; }
    #mentions-legales p { margin-bottom:10px; }
    #mentions-legales p.jumbotron { font-size:16px; padding:0; margin:20px 0; background-color:transparent; }
    #mentions-legales p a:hover { color:#A0BE1E; text-decoration:underline; }

/***** Block Numéro *****/
    #block-numero #couverture { height: 510px; }
    #block-numero header { margin-bottom:15px; }
    #block-numero header img { float:left; }
    #block-numero header h1, #block-numero header h2 { margin-left:55px; }
    #block-numero ul { margin-bottom:14px; margin-top:7px; }
    #block-numero #precedent-numero .block { padding-left:30px; }
    #block-numero #precedent-numero img { float:left;border:1px solid #DDDDDD; width:62px; }
    #block-numero #precedent-numero h3 { font-size:16px; margin:0 0 0 75px; padding:0; }
    #block-numero #precedent-numero h3 span { font-size:14px; color: #999999; }
    #block-numero #precedent-numero p { margin-left:75px; margin-top:10px; }
    #block-numero .block.text-right img { margin-top:5px; }

/***** Block Presentation *****/
    #block-presentation img { float:left; vertical-align:top; margin-top:3px; }
    #block-presentation p { margin-left:55px; font-size:14px; line-height:1.35em; }

/***** Block Abonnement & Block Espace abonnement *****/
    #block-abonnement .block { background-color:#A0BE1E; }
    #block-espace-abonne .block { background-color:#579915; }

    #block-abonnement header, #block-espace-abonne header { margin-bottom:15px; }
    #block-abonnement header i, #block-espace-abonne header i { color:#FFFFFF; margin-left:8px; }
    #block-abonnement header h1, #block-espace-abonne header h1 { font-size:36px; margin-left:55px; }
    #block-abonnement p, #block-espace-abonne p { font-size:16px; margin:0 50px 15px 50px; color:#FFFFFF; }
    #block-abonnement a, #block-espace-abonne a { display:inline-block; background-color:#FFFFFF; color:#333333; font-size:20px; padding:5px 40px; }
    #block-abonnement a i.fa, #block-espace-abonne a i.fa { font-size:20px; vertical-align: baseline; margin-right:10px; }
    #block-abonnement a:hover, #block-espace-abonne a:hover { background-color:#333333; color:#A0BE1E; text-decoration:none; }
    #block-abonnement a i.fa, #block-abonnement a:hover { color:#A0BE1E; }
    #block-espace-abonne a i.fa, #block-espace-abonne a:hover { color:#579915; }

/***** Block Emploi *****/
    #block-emploi ul li { margin-bottom:10px; line-height: 1.3em; }
    #block-emploi ul li a:hover strong { color:#A0BE1E; }

/***** Block Actu *****/
    #block-actu ul li { line-height: 1.3em; margin-bottom:3px; }
    #block-actu ul li span span { color: #000000; font-size: 12px; }
    #block-actu ul li span span span { color: #999999; }
    #block-actu ul li a:hover { color:#A0BE1E; }

/***** Block Liste Article *****/
    #block-liste-article img { float:left; width:100px; height:100px; }
    #block-liste-article header { margin-left:120px; /* border-left:8px solid #A0BE1E; */ }
    #block-liste-article header .numero-page { float:left; display:inline-block; background-color:#A0BE1E; padding:7px 6px; color:#FFFFFF; font-weight:bold; letter-spacing:0; }
    #block-liste-article h2 { margin:0 0 10px 55px; font-size:16px; font-weight:bold; }
    #block-liste-article h3 { margin:0 0 5px 55px; font-size:13px; color:#999999; }
    #block-liste-article p { margin-left:120px; margin-bottom:10px; }
    #block-liste-article ul { margin-left:110px; margin-bottom:10px; }

/***** Block Ours *****/
    #ours ul { padding-left:20px; margin-bottom:0px; }
    #ours ul li { margin-bottom:0px; }
    #ours span { font-size: 12px; }

/***** Block Numero Librairie *****/
    #numero-librairie p { margin-top: 8px; }
    #numero-librairie div div { margin-top: 18px; }


.hilight {
    background: yellow;
  }

/***** Header *****/
    #header div.row div, #preheader div.row div { padding-top: 0; padding-bottom: 0; }
    #header { background:#ffffff url("https://www.journal-enr.org/image/background-header.jpg") repeat-x; margin-bottom:15px; }

    #preheader { height:35px; background-color:#2D2D2D; font-size:10px; line-height:2.3em; color:#949494; margin-bottom:15px; }
    #preheader p { margin-top:6px; }
    #preheader ul { list-style-type:none; text-align:right; padding:0; margin-top:6px; }
    #preheader .fa { font-size:15px; color:#2D2D2D; }

    header img.logo { padding: 20px; }
    header .bouton { display:inline; padding:5px; border:1px solid #A0BE1E; background-color:#A0BE1E; color:#000000; margin-left:5px; }
    header .bouton a:hover { color:#000000; }
    header .bouton:hover { border:1px solid #6FC11C; background-color:#6FC11C; color:#000000; text-decoration:none; }

/***** Menu *****/
    #menu { margin-bottom:15px; }
    .navbar { min-height:0; }
    .nav.navbar-nav li .dropdown-menu > li > a { padding:9px 15px; }
    .navbar-default { border-radius:0px; box-shadow:0px 0px 0px; border:none; }
    .nav.navbar-nav li { background-color:#FFFFFF; font-size:13px; border-right:10px solid #DDDDDD; height:40px; }
    .nav.navbar-nav li a { padding:10px 20px; color:#333333; letter-spacing:0.05em; }
    .nav.navbar-nav li a:hover, .nav.navbar-nav li a:hover > i { color:#FFFFFF; }
    .nav.navbar-nav li:hover { background-color:#A0BE1E; padding-left:30px; }
    .nav.navbar-nav li#first:hover { padding-left:0; }
    .nav.navbar-nav li a .fa { font-size:17px; color:#000000; }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#6FC11C; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color:#FFFFFF; }

    .nav.navbar-nav li:hover > .square{ position:absolute; width:6px; height:40px; background-color:#DDDDDD; top:0; left:8px; }
    .nav.navbar-nav li:hover > .square2 { position:absolute; width:6px; height:40px; background-color:#DDDDDD; top:0; left:22px; }
    .square { position:absolute; width:0; height:40px; background-color:#DDDDDD; top:0; left:0; }
    .square2 { position:absolute; width:0; height:40px; background-color:#DDDDDD; top:0; left:0; }

    #first { background-color:#A0BE1E; }
    #first .fa.fa-home { font-size: 22px; }
    .nav.navbar-nav #first a { padding: 9px 18px 0 18px; height:40px; }

    .navbar.navbar-default { margin-bottom: 15px; }
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
    #navbarCollapse { padding:0; background-color:#A0BE1E; }

/***** Bandeau Je m'abonne *****/
    #je-m-abonne { margin-bottom:15px; }
    #je-m-abonne div.block { background-color:#A0BE1E; }
    #je-m-abonne img { float:left; }
    #je-m-abonne p { margin:0 0 0 60px; font-size:18px; line-height:1.1em; }
    #je-m-abonne a { display:inline-block; background-color:#FFFFFF; color:#333333; font-size:20px; padding:5px 40px; }
    #je-m-abonne a:hover { background-color:#333333; color:#A0BE1E; text-decoration:none; }

/***** Bandeau Ancien Numéro *****/
    #ancien-numero { background-color:#2D2D2D; padding:15px 0; }
    #ancien-numero h2 { font-size:14px; padding:0; margin:0 0 12px 0; }
    #ancien-numero a { display:block; color:#FFFFFF; font-size:14px; }
    #ancien-numero a:hover { color:#A0BE1E; text-decoration:none; }

    #next, #prev { height:50px; z-index:1; position:absolute; margin-top:125px; width:25px; }
    .btn.prev { float:left; margin-left:-25px; }
    .btn.next { float:right; margin-right:-5px; }

    #carousel img { width:200px; margin-bottom:20px; }
    .customNavigation { text-align:center; }
    .customNavigation a { -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/***** Footer *****/
    footer { background-color:#A0BE1E; padding:15px 0; }
    footer h4 { margin:8px 0 20px 50px; }
    footer section > div > i.fa { float:left; }
    footer a.btns-3e { padding:7px 10px 7px 16px; }

    footer .blog article { margin:0 0 20px 5px; }
    footer .blog img { width:50px; float:left; }
    footer .blog h5 { font-size:14px; font-weight:bold; margin:5px 5px 5px 62px; }
    footer .blog a:hover h5 { color:#A0BE1E; }
    footer .blog p { font-size:12px; color:#333333; margin:0 5px 0 62px; }
    footer .blog p em { font-size:11px; }

    footer .actu ul { margin:0 5px 20px 20px; padding:0; list-style:square; clear:both; }
    footer .actu ul li { color:#A0BE1E; line-height:21px; }
    footer .actu ul li a:hover { color:#A0BE1E; text-decoration:underline; }

    footer .journaux .premier { padding-top:0; }
    footer .journaux .dernier { padding-bottom:0; }

    footer .observer { text-align:center; }
    footer .observer img { margin-bottom:18px; }
    footer .observer p { font-size:14px; line-height:1.5; margin-bottom:8px; }
    footer .observer p a { color:#333333; text-decoration:underline; }
    footer .observer p a:hover { color:#A0BE1E; text-decoration:underline; }
    footer .observer ul { margin:0; padding:0; }
    footer .observer ul li { display:inline; }
    footer .observer ul li .fa { font-size:18px; color:#FFFFFF; line-height:18px; }
    footer .observer ul li a { display:inline-block; background-color:#A0BE1E; padding:6px 10px 10px 10px; margin:15px 5px 5px 5px; }
    footer .observer ul li a:hover { background-color:#6FC11C; }

    footer .credits { margin-top:10px; }
    footer .credits a:hover { color:#FFFFFF; text-decoration:underline; }

/**** Contact ****/
    #contact section header, #formulaire section header  { margin-bottom:20px; }
    #contact section header i.fa { font-size:50px; }
    #contact section header h1, #formulaire section header h1  { font-size:28px; margin-left:65px; }
    #contact section header h2, #formulaire section header h2  { font-size:16px; margin-left:65px; }
    #contact img, #formulaire img { margin-bottom:25px; }
    #contact aside img, #formulaire aside img { margin:0; }
    #contact p, #formulaire p { margin-bottom:10px; margin-left:65px; }
    #contact ul li .icon.fa { font-size: 18px; padding-right: 10px; height: 27px; vertical-align: baseline; }
    #contact ul { list-style-type: none; margin-left: 30px;}
    .alert.alert-success.alert-dismissible { margin-top: 20px; }

    #formulaire .form-group { border-left: 5px solid #A0BE1E; margin-left: 65px; }
    #formulaire header i.fa { font-size:50px; }
    #formulaire header h1 { font-size: 28px; margin-left: 65px; }
    #formulaire header h2 { font-size:16px; margin-left:65px; }

    .form-group input, .form-group textarea { font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; color: #666666; font-size: 13px; font-family: 'Open Sans', sans-serif; border: 1px solid #dddddd; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; outline: none; width: 100%; padding: 7px 14px; display: block; margin-bottom: 10px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }

    #submit { padding: 9px 60px; }


/**** PAGE ACTU ****/

    #liste-actu div.col-basse .block { padding-top: 0; }
    #liste-actu header h2 { font-size: 18px; color: #333333; margin-left: 55px; }
    #liste-actu header h3 { font-size: 15px; color: #777777; margin-left: 55px; margin-top: 10px; }
    #liste-actu header img { float: left; }
    #liste-actu header { margin-bottom: 12px; }
    #liste-actu ul { margin-bottom: 0; margin-top: 0px; padding-left: 70px; color: #A0BE1E; }
    #liste-actu .fa { font-size: 30px; }
    #liste-actu .col-basse private { font-size: 20px; vertical-align: bottom; }
    #liste-actu .date { font-size: 15px; color: #777777; margin-left: 0px; margin-top: 10px; display: inline; }
    #liste-actu header #test .fa { font-size: 30px; }

    .moretexte img{ background-color: #A0BE1E; }
    .moretexte span { display: none; }

    #actu li i.fa.fa-lock { font-size:18px; vertical-align:baseline; }
    #actu ul li { margin-bottom:  14px; }
    #actu li .moretexte a i.fa { font-size: 20px; padding: 10px 6px 10px 0; }
    #actu i#reduire { font-size: 17px; padding-right: 5px; margin-left: 10px; }
    #actu p.more.text-justify { color: #333333; margin-right: 50px; color: #333333;}

    .bordure_titre_actu { border-left: 8px solid #A0BE1E; padding-left: 10px; margin-left: 60px; }
    section .news h1, section .news h2 { font-size: 17px; margin: 3px 0 0 0; padding: 0; color: #333333; font-weight: bold; }
    section .news p { margin: 25px 0 0 0;}
    section .news fa fa-external-link-square { margin: 0 5px; }

    #liste-news ul li { margin-bottom: 5px; }

    section .news .social_medium { margin: 7px 0 0 0; }
    section .news .social_medium i { font-size: 25px; margin: 10px 15px 0 0; }

    #intro p { padding: 0 25px 0 60px; }
    a .jaune {display: inline;}

/**** Page log ****/

    .left, .right { display: inline-block; width: 49%; vertical-align: middle; text-align: center; padding-bottom: 20px; padding: 35px 0 20px 0; }
    #log a { color: #FFFFFF; padding: 9px 60px; margin: 15px 30px; }
    .form-group { padding: 0 3px; }
    #log .checkbox { color: #999999;}

/* ==================================================
   Responsive Media Queries - Intermediaire
================================================== */

@media (min-width: 992px) and (max-width: 1199px) {

    /***** Block Numéro *****/
        #block-numero #couverture { height:463px; }
        #block-numero .col-gauche { padding-right:15px; }
        #block-numero #precedent-numero p { font-size:12px; line-height:1.2em; }
        #block-numero #precedent-numero img { width:55px; }
        #block-numero #precedent-numero .block { padding-top:4px; }

    /***** Block Agenda *****/
        #block-agenda p span { display:none; }

    /***** Block Agenda *****/
        #block-blog p span { display:none; }

    /***** Bandeau Ancien Numéro *****/
        .btn.prev { margin-left:-32px; }
        .btn.next { margin-right:-8px; }

    /***** Footer *****/
        footer a.btns-3e { padding:7px 6px 7px 16px; font-size:12px; letter-spacing:0.02em; }

        footer .blog p span { display:none; }
        footer .blog p { margin-left:60px; margin-top:5px; }
        footer .blog article { margin-bottom:30px; }
        footer .blog h4 { margin-bottom:30px; }
        footer .blog h5 { margin-left:60px; }

        footer .actu ul li { font-size:12px; line-height:20px; }
        footer .actu ul { margin-left:15px; }

}


/* ==================================================
   Responsive Media Queries - Tablets
================================================== */

@media (min-width: 601px) and (max-width: 991px) {

    .col-gauche { padding-right:15px; }
    .col-droite { padding-left:15px; }
    ul li.list-cache { display:list-item; }

    section .alinea { margin-left:15px; }

    section header h1 { margin-left:55px; }
    section header h2 { margin-left:55px; }

    /***** Block Numéro *****/
        #block-numero #couverture2 { height: 300px; width:100%; }
        #block-numero col-couverture { padding-left:15px; padding-right:0; }

        #block-numero .block-numero-description h1 { font-size:18px; padding-top:2px; }
        #block-numero .block-numero-description p { margin-top:20px; margin-bottom:10px; }
        #block-numero .block-numero-description ul { margin-bottom:25px; }
        #block-numero .block-numero-description ul li { margin-bottom:4px; }

    /***** Block Abonnement & Block Espace abonnement *****/
        #block-abonnement header h1, #block-espace-abonne header h1 { font-size:28px; padding-top:2px; }
        #block-abonnement p, #block-espace-abonne p { font-size:15px; margin-left:40px; margin-right:20px; }

    /***** Block Actu *****/
        #block-actu ul { padding-left:15px; }
        #block-actu i.fa.fa-lock { font-size: 18px; padding-left:8px;}

    /***** Block Emploi *****/
        #block-emploi ul li { font-size:13px; line-height: 1.25em; margin-bottom:15px; }
        #block-emploi ul li strong { font-size:14px; line-height: 1.4em; }

    /***** Block Blog *****/
        #block-blog header { margin-bottom:15px; }
        #block-blog .alinea { margin-bottom:15px; }
        #block-blog p { font-size:13px; line-height: 1.25em; }

    /***** Bandeau Je m'abonne *****/
        #je-m-abonne .col-gauche { padding-bottom:0; }
        #je-m-abonne .col-droite { padding-top:0; }
        #je-m-abonne .col-droite .block { padding-top:0; }

    /***** Header *****/
        #preheader p { font-size:9px; }

    /***** Menu *****/
        .nav.navbar-nav li { font-size:11px; height:34px; }
        .nav.navbar-nav li a { letter-spacing:0; padding: 7px 15px; }
        #first .fa.fa-home { font-size:18px; }
        .nav.navbar-nav #first a { padding:7px 12px; height:34px; }
        .navbar-nav { margin:0; }

    /***** Footer *****/
        footer .blog article { margin-left:30px; }
        footer .actu ul { margin-left:40px; }

        footer .credits p { width:75%; font-size:10px; }
        footer .credits > p:first-child { font-size:14px; }

}

/* ==================================================
   Responsive Media Queries - Mobiles ALL
================================================== */

@media (max-width: 767px) {

    .col-gauche { padding-right:15px; padding-bottom:0; }
    .col-droite { padding-left:15px; padding-top:0; }
    .col-basse { padding-top:15px; padding-bottom:15px; }

    /***** Visuel *****/
        aside.central .block { padding:0; }

    /***** Block Numéro *****/
        #block-numero #precedent-numero img { width:72px; }
        #block-numero #precedent-numero h3 { margin-left:85px; }
        #block-numero #precedent-numero p { margin-left:85px; }

	/***** Block Liste Article *****/
		#block-liste-article header { margin-left:0; }
		#block-liste-article p { margin-left:0; }
		#block-liste-article ul { margin-left:0; }

    /***** Menu *****/
        .square { background-color:#FFFFFF; }
        .nav.navbar-nav li:hover > .square { background-color:#FFFFFF; }
        .square2 { background-color:#FFFFFF; }
        .nav.navbar-nav li:hover > .square2 { background-color:#FFFFFF; }
        .nav.navbar-nav li { border-right:0; }
        #menu { margin-bottom:0; }
        #navbarCollapse { background-color:#FFFFFF; }
        .nav.navbar-nav li a { padding-left:30px; }
         ul.nav.navbar-nav { width:99%; }

    /***** Bandeau Ancien Numéro *****/
        .btn.prev { margin-left:-22px; }
        .btn.next { margin-right:2px; }

    /***** Footer *****/
        footer .credits p { width:85%; font-size:10px; }
        footer .credits > p:first-child { font-size:14px; }
        footer section.col-xs-12 { width:50%; }

}

/* ==================================================
   Responsive Media Queries - Mobiles "horizontal"
================================================== */

@media(min-width: 382px) and (max-width: 600px) {

    ul li.list-cache { display:list-item; }

}

/* ==================================================
   Responsive Media Queries - Mobiles "vertical"
================================================== */

@media (max-width: 381px) {

    .col-basse { padding-top:15px; }
    ul li.list-cache { display:list-item; }

    section .alinea { margin-left:15px; }
    section a.btns-3e { padding-left:10px; padding-right:7px; }
    section .btns { letter-spacing:0; font-size:13px; }

    /***** Block Numéro *****/
        #block-numero #precedent-numero .col-xs-6 { width:100%; }

    /***** Block Abonnement & Block Espace abonnement *****/
        #block-abonnement header h1, #block-espace-abonne header h1 { font-size:24px; padding-top:4px; }
        #block-abonnement p, #block-espace-abonne p { font-size:14px; margin-right:20px; }
        #block-abonnement a, #block-espace-abonne a { padding-left:30px; padding-right:30px; }

    /***** Footer *****/
        footer section.col-xs-12 { width:100%; }

}

/* ==================================================
   Ajouts pour les listes à puce dans le bloc d'edition des Actus
================================================== */
.note-editable ul { color:#000 !important;}
.note-editable ul li span { color:#000 !important; }