@charset "utf-8";
/* CSS Document */
/* NOTES POUR USAGE
font-family: 'Open Sans', sans-serif;
Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800
font-family: 'Open Sans Condensed', sans-serif;
Open+Sans+Condensed:300,300italic,700'
font-family: 'sanchez_slabregular';
font-weight:400;
font-weight:600;
font-family: 'Oswald', sans-serif;
family=Oswald:400,300,700
*/
/*#region General*/
/*///////////////////////////////////////////////////////////////// GENERAL //////////*/
* {
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: subpixel-antialiased;
font-size: 15px; /*font-size: 13px;*/
line-height: 27px;
font-weight: 400;
}
.bg_tournoi {
background-image: url('https://fmoq.s3.amazonaws.com/divers/tournoi2014_XLG4.png');
background-repeat: no-repeat;
background-position: right 55%;
cursor: pointer;
background-size:99.9%;
}
body {
padding-top: 70px; /*si top nav*/
background-color:white;
}
h1, h2, h3, h4, h5, h6, p.soustitre, p.soustitre_4 {
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.5;
}
h1 {
font-size: 2.2em;
}
h2, p.soustitre {
font-size: 1.9em;
}
h2:first-letter {
text-transform: capitalize;
}
h3 {
font-size: 1.7em;
}
h4 {
font-size: 1.45em;
}
h5 {
font-size: 1.25em;
}
em {
font-size: 1em;
}
h3 em {
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.5;
font-size: 1em;
}
p.soustitre_4 {
font-size: 1.25em;
font-style:italic;
color:#727272!important;
}
/*aucun lien en italique*/
fl-lf {
float: left;
}
fl-rg {
float: right;
}
a {
color: #4d858d;
text-decoration: none;
font-style: normal!important;
}
.jumbotron p a {
color:#CCC;
font-size:1em;}
/*aucun lien en italique*/
a:hover {
color: #4d858d;
text-decoration: underline;
}
input, select, textarea {
font-family: 'Open Sans', sans-serif;
}
/*#endregion*/
.hide {
display:none;}
/*#region Actions Articles (Scroll to top, Print, PDF)*/
.action {
display: block;
border-top: #CCC solid 1px;
width: 100%;
margin: 10px 0;
padding: 15px 0;
float: left;
}
.scrollToTop {
float: right;
font-family: 'Open Sans', sans-serif!important;
color: #56585a;
}
.scrollToTop a {
text-align: right;
text-decoration: none;
color: #56585a;
font-size: 12px;
font-weight: 400;
}
.scrollToTop a:after {
position: relative;
display: inline-block;
top: 1px;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
content: "\e093";
padding-left: 3px;
-webkit-font-smoothing: antialiased;
}
.printThis {
padding: 0 20px 0 0;
float: left;
}
.printThis a, .printThis a {
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #56585a;
padding: 2px 0 0 32px;
background: url('img/print.png') no-repeat 0 0;
height: 26px;
display: block;
}
.forPdf {
float: left;
}
.forPdf a {
font-family: 'Open Sans', sans-serif;
text-decoration: none;
color: #56585a;
padding: 2px 0 0 27px;
background: url('img/pdf.png') no-repeat 0 2px;
height: 26px;
display: block;
}
/*#endregion*/
/* SECTION Slider - change selon le thème du mois*/
.container_slider {
width: 100%;
position: relative;
top: 0px;
margin-bottom:20px;
}
.bg_slider {
background-color: #000;
}
.flex-caption a, .flex-caption a {
text-decoration: none!important;
}
.flex-caption a h1:hover, .flex-caption a p:hover {
text-decoration: none!important;
color: #CCC;
}
/*grey_light*/
/*#region Colors and shadows*/
/*------------------------- COLORS AND SHADOWS --- */
/* white*/
.white {
color: #FFF!important;
}
.white-container {
background-color: #FFF;
}
/* ÉDITORIAL */
.fmoq {
color: #8c1c40;
}
.bdTopfmoq {
border-top: solid 1px #8c1c40;
}
.bg_fmoq {
background-color: #8c1c40;
}
/* couleur neutre = beige normes graphiques */
.neutre {
color: #a49382;
}
.bdTopneutre {
border-top: solid 1px #a49382;
}
.bg_neutre {
background-color: #a49382;
}
/*light gray */
.grey_light {
color: #C9C8C9;
}
.bdTopgrey_light {
border-top: solid 1px #C9C8C9;
}
.bg_grey_light {
background-color: #243A73;
}
/* SOMMAIRE / BILLET / ANNEXE 13 */
.grey_med {
color: #666666;
}
.bdTopgrey_med {
border-top: solid 1px #666666;
}
.bg_grey_med {
background-color: #666666;
}
/*dark gray*/
.dark_grey {
color: #56585a;
}
.bg_dark {
background-color: #3d3c3c;
}
.bdTopdark_grey {
border-top: solid 1px #56585a;
}
.bg_dark_grey {
background-color: #56585a;
}
.bg_white {
background-color: #FFF;
}
/*#endregion*/
/*#region Chronique specific colors*/
/****************************************************************************************/
/* IMPORTANT: The Type Chronique styles (vie professionnelle, formation continue and */
/* chroniques must be BEFORE the chronique styles (actualité, entrevue, etc */
/* otherwise their styles will be overwritten by the type chronique styles */
/* This is the case because we want chroniques that have no defined style to */
/* default to the Type Chronique style */
/* So for example, chronique "Douleur persistante" that has no defind style */
/* will default to "Formation Continue" type chronique styles */
/****************************************************************************************/
/*------------------------------------------------------------------ VIE PROFESSIONNELLE*/
.vie-professionnelle.type-chronique-header {
background-color: #6699cc;
max-height: 173px;
}
.vie-professionnelle.type-chronique-header .row {
background: #6699cc url(img/vp-header.jpg) no-repeat;
background-position: top right;
}
/*chronique vie-professionnelle*/
.chronique-header.vie-professionnelle.vie-professionnelle {
background-color: #6699cc;
max-height: 173px;
}
.chronique-header.vie-professionnelle.vie-professionnelle .row {
background: #6699cc url(img/vp-header.jpg) no-repeat;
background-position: top right;
}
.vie-professionnelle .pageArt.glyphicon.glyphicon-play, .vie-professionnelle h3, .vie-professionnelle .titre2, .vie-professionnelle .art_author_date span, .vie-professionnelle .memeSujet a, .vie-professionnelle .memeSujet a .glyphicon.glyphicon-play, .vie-professionnelle p.notebio, .vie-professionnelle h2, .vie-professionnelle p.soustitre, .vie-professionnelle span.fin-texte, .vie-professionnelle div.exergue, .vie-professionnelle div.exergue p {
color: #6699cc!important;
}
.vie-professionnelle .encart-lf, .vie-professionnelle .encart-rg, .vie-professionnelle .encart-center {
background-color: #6699cc;
color: #FFF;
}
.vie-professionnelle .encart-lf p, .vie-professionnelle .encart-rg p, .vie-professionnelle .encart-center p, .vie-professionnelle .encart-lf h3, .vie-professionnelle .encart-rg h3, .vie-professionnelle .encart-center h3, .vie-professionnelle .encart-lf h4, .vie-professionnelle .encart-rg h4, .vie-professionnelle .encart-center h4 {
color: #FFF;
}
/*------------------------------------------------------------------ FORMATION CONTINUE*/
.formation.type-chronique-header {
background-color: #669900;
max-height: 173px;
}
.formation.type-chronique-header .row {
background: #669900 url(img/formation-continue-header.jpg) no-repeat;
background-position: top right;
}
/*chronique formation-continue*/
.chronique-header.formation.formation-continue {
background-color: #669900;
max-height: 173px;
}
.chronique-header.formation.formation-continue .row {
background: #669900 url(img/formation-continue-header.jpg) no-repeat;
background-position: top right;
}
.formation .pageArt.glyphicon.glyphicon-play, .formation h3, .formation .titre2, .formation .art_author_date span, .formation .memeSujet a, .formation .memeSujet a .glyphicon.glyphicon-play, .formation p.notebio, .formation h2, .formation p.soustitre, .formation span.fin-texte, .formation div.exergue, .formation div.exergue p {
color: #669900!important;
}
p.h2-petit {
color: #669900!important;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size:1.2em;
}
span.h2-petit {
color: #669900!important;
font-family: 'Oswald', sans-serif;
font-weight: 600;
font-size:1.1em;
}
.formation .encart-lf, .formation .encart-rg, .formation .encart-center {
background-color: #669900;
color: #FFF!important;
}
.formation .encart-lf p, .formation .encart-rg p, .formation .encart-center p, .formation .encart-lf h3, .formation .encart-rg h3, .formation .encart-center h3, .formation .encart-lf h4, .formation .encart-rg h4, .formation .encart-center h4 {
color: #FFF;
}
/*------------------------------------------------------------------ CHRONIQUES*/
.chroniques.type-chronique-header {
background-color: #c45226;
max-height: 173px;
}
.chroniques.type-chronique-header .row {
background: #c45226 url(img/chroniques-header.jpg) no-repeat;
background-position: top right;
}
/*chronique chroniques*/
.chronique-header.chroniques.chroniques {
background-color: #c45226;
max-height: 173px;
}
.chronique-header.chroniques.chroniques .row {
background: #c45226 url(img/chroniques-header.jpg) no-repeat;
background-position: top right;
}
.chroniques .pageArt.glyphicon.glyphicon-play, .chroniques h3, .chroniques .titre2, .chroniques .art_author_date span, .chroniques .memeSujet a, .chroniques .memeSujet a .glyphicon.glyphicon-play, .chroniques p.notebio, .chroniques h2, .chroniques p.soustitre, .chroniques span.fin-texte, .chroniques div.exergue, .chroniques div.exergue p {
color: #c45226!important;
}
.chroniques .encart-lf, .chroniques .encart-rg, .chroniques .encart-center {
background-color: #c45226;
}
.chroniques .encart-lf p, .chroniques .encart-rg p, .chroniques .encart-center p, .chroniques .encart-lf h3, .chroniques .encart-rg h3, .chroniques .encart-center h3, .chroniques .encart-lf h4, .chroniques .encart-rg h4, .chroniques .encart-center h4 {
color: #FFF;
}
/*--------CHRONIQUES SOUS VIE PROFESSIONNELLE ----------------------------------------------------------------*/
/*------------------------------------------------------------------ ÉDITORIAL*/
.editorial.chronique-header.vie-professionnelle {
background-color: #8c1c40;
max-height: 173px;
}
.editorial.chronique-header.vie-professionnelle .row {
background: #8c1c40 url(img/editorial-header.jpg) no-repeat;
background-position: top right;
}
.editorial .pageArt.glyphicon.glyphicon-play, .editorial h3, .editorial .titre2, .editorial .art_author_date span, .editorial .memeSujet a, .editorial .memeSujet a .glyphicon.glyphicon-play, .editorial p.notebio, .editorial h2, .editorial p.soustitre, .editorial span.fin-texte, .editorial div.exergue, .editorial div.exergue p {
color: #8c1c40!important;
}
.editorial .encart-lf, .editorial .encart-rg, .editorial .encart-center {
background-color: #8c1c40;
}
.editorial .encart-lf p, .editorial .encart-rg p, .editorial .encart-center p, .editorial .encart-lf h3, .editorial .encart-rg h3, .editorial .encart-center h3, .editorial .encart-lf h4, .editorial .encart-rg h4, .editorial .encart-center h4 {
color: #FFF;
}
/*------------------------------------------------------------------ BILLET*/
.billet.chronique-header.vie-professionnelle {
background-color: #382f2f;
max-height: 173px;
}
.billet.chronique-header.vie-professionnelle .row {
background: #382f2f url(img/billet-header.jpg) no-repeat;
background-position: top right;
}
.billet .pageArt.glyphicon.glyphicon-play, .billet h3, .billet .titre2, .billet .art_author_date span, .billet .memeSujet a, .billet .memeSujet a .glyphicon.glyphicon-play, .billet p.notebio, .billet h2, .billet p.soustitre, .billet span.fin-texte, .billet div.exergue, .billet div.exergue p {
color: #666666!important;
}
.billet .encart-lf, .billet .encart-rg, .billet .encart-center {
background-color: #666666;
}
.billet .encart-lf p, .billet .encart-rg p, .billet .encart-center p, .billet .encart-lf h3, .billet .encart-rg h3, .billet .encart-center h3, .billet .encart-lf h4, .billet .encart-rg h4, .billet .encart-center h4 {
color: #FFF;
}
/*------------------------------------------------------------------ NOUVELLES SYNDICALES*/
/*chronique vie-professionnelle*/
.chronique-header.nouvelles-syndicales.vie-professionnelle {
background-color: #6699cc;
max-height: 173px;
}
.chronique-header.nouvelles-syndicales.vie-professionnelle .row {
background: #6699cc url(img/vp-header.jpg) no-repeat;
background-position: top right;
}
.nouvelles-syndicales .pageArt.glyphicon.glyphicon-play, .nouvelles-syndicales h3, .nouvelles-syndicales .titre2, .nouvelles-syndicales .art_author_date span, .nouvelles-syndicales .memeSujet a, .nouvelles-syndicales .memeSujet a .glyphicon.glyphicon-play, .nouvelles-syndicales p.notebio, .nouvelles-syndicales h2, .nouvelles-syndicales p.soustitre, .nouvelles-syndicales span.fin-texte, .nouvelles-syndicales div.exergue, .nouvelles-syndicales div.exergue p {
color: #6699cc!important;
}
.nouvelles-syndicales .encart-lf, .nouvelles-syndicales .encart-rg, .nouvelles-syndicales .encart-center {
background-color: #6699cc;
color: #FFF;
}
.nouvelles-syndicales .encart-lf p, .nouvelles-syndicales .encart-rg p, .nouvelles-syndicales .encart-center p, .nouvelles-syndicales .encart-lf h3, .nouvelles-syndicales .encart-rg h3, .nouvelles-syndicales .encart-center h3, .nouvelles-syndicales .encart-lf h4, .nouvelles-syndicales .encart-rg h4, .nouvelles-syndicales .encart-center h4 {
color: #FFF;
}
/*--------CHRONIQUES SOUS FORMATION CONTINUE ----------------------------------------------------------------*/
/*------------------------------------------------------------------ SECTION THÉMATIQUE*/
/*section-thematique*/
/*chronique formation-continue*/
.chronique-header.formation.formation-continue {
background-color: #669900;
max-height: 173px;
}
.chronique-header.formation.formation-continue .row {
background: #669900 url(img/formation-continue-header.jpg) no-repeat;
background-position: top right;
}
.formation-continue .pageArt.glyphicon.glyphicon-play, .formation-continue h3, .formation-continue .titre2, .formation-continue .art_author_date span, .formation-continue .memeSujet a, .formation-continue .memeSujet a .glyphicon.glyphicon-play, .formation-continue p.notebio, .formation-continue h2, .formation-continue p.soustitre, .formation-continue span.fin-texte, .formation-continue div.exergue, .formation-continue div.exergue p {
color: #669900!important;
}
.formation-continue .encart-lf, .formation-continue .encart-rg, .formation-continue .encart-center {
background-color: #669900;
color: #FFF!important;
}
.formation-continue .encart-lf p, .formation-continue .encart-rg p, .formation-continue .encart-center p, .formation-continue .encart-lf h3, .formation-continue .encart-rg h3, .formation-continue .encart-center h3, .formation-continue .encart-lf h4, .formation-continue .encart-rg h4, .formation-continue .encart-center h4 {
color: #FFF;
}
/*chronique digital-web-magazine*/
.chronique-header.formation.digital-web-magazine {
background-color: #670f2a;
max-height: 173px;
}
.chronique-header.formation.digital-web-magazine .row {
background-color: #670f2a;
background-position: top right;
}
.digital-web-magazine .pageArt.glyphicon.glyphicon-play, .digital-web-magazine h3, .digital-web-magazine .art_author_date span, .digital-web-magazine h2, .digital-web-magazine p.soustitre {
color: #670f2a!important;
}
/*chronique version-numerique-telechargeable*/
.chronique-header.formation.version-numerique-telechargeable {
background-color: #670f2a;
max-height: 173px;
}
.chronique-header.formation.version-numerique-telechargeable .row {
background-color: #670f2a;
background-position: top right;
}
.version-numerique-telechargeable .pageArt.glyphicon.glyphicon-play, .version-numerique-telechargeable h3, .version-numerique-telechargeable .art_author_date span, .version-numerique-telechargeable h2, .version-numerique-telechargeable p.soustitre {
color: #670f2a!important;
}
/*chronique continuing-medical-education*/
.chronique-header.formation.continuing-medical-education {
background-color: #669900;
max-height: 173px;
}
.chronique-header.formation.continuing-medical-education .row {
background: #669900 url(img/formation-continue-header.jpg) no-repeat;
background-position: top right;
}
.continuing-medical-education .pageArt.glyphicon.glyphicon-play, .continuing-medical-education h3, .continuing-medical-education .titre2, .continuing-medical-education .art_author_date span, .continuing-medical-education .memeSujet a, .continuing-medical-education .memeSujet a .glyphicon.glyphicon-play, .continuing-medical-education p.notebio, .continuing-medical-education h2, .continuing-medical-education p.soustitre, .continuing-medical-education span.fin-texte, .continuing-medical-education div.exergue, .continuing-medical-education div.exergue p {
color: #669900!important;
}
.continuing-medical-education .encart-lf, .continuing-medical-education .encart-rg, .continuing-medical-education .encart-center {
background-color: #669900;
color: #FFF!important;
}
.continuing-medical-education .encart-lf p, .continuing-medical-education .encart-rg p, .continuing-medical-education .encart-center p, .continuing-medical-education .encart-lf h3, .continuing-medical-education .encart-rg h3, .continuing-medical-education .encart-center h3, .continuing-medical-education .encart-lf h4, .continuing-medical-education .encart-rg h4, .continuing-medical-education .encart-center h4 {
color: #FFF;
}
/*------------------------------------------------------------------ INFO-COMPRIMÉE*/
.info-comprimee.chronique-header.formation {
background-color: #cc6600;
max-height: 173px;
}
.info-comprimee.chronique-header.formation .row {
background: #cc6600 url(img/info-comprimee-header.jpg) no-repeat;
background-position: top right;
}
.info-comprimee.chronique-header {
background: #cc6600;
max-height: 173px;
}
.info-comprimee {
color: #cc6600;
}
.info-comprimee .pageArt.glyphicon.glyphicon-play, .info-comprimee h3, .info-comprimee .titre2, .info-comprimee .art_author_date span, .info-comprimee .memeSujet a, .info-comprimee .memeSujet a .glyphicon.glyphicon-play, .info-comprimee p.notebio, .info-comprimee h2, .info-comprimee p.soustitre, .info-comprimee span.fin-texte, .info-comprimee div.exergue, .info-comprimee div.exergue p {
color: #cc6600!important;
}
.info-comprimee .encart-lf, .info-comprimee .encart-rg, .info-comprimee .encart-center {
background-color: #cc6600;
}
.info-comprimee .encart-lf, .info-comprimee .encart-lf h3, .info-comprimee .encart-lf p, .info-comprimee .encart-rg, .info-comprimee .encart-rg h3, .info-comprimee .encart-rg p, .info-comprimee .encart-center, .info-comprimee .encart-center h3, .info-comprimee .encart-center p {
color: #fff!important;
}
/*------------------------------------------------------------------ ALLEZ PLUS LOIN GRACE A INTERNET */
.allez-plus-loin-grace-a-internet.chronique-header.formation {
background-color: #669999;
max-height: 173px;
}
.allez-plus-loin-grace-a-internet.chronique-header.formation .row {
background: #669999 url(img/allez-plus-loin-grace-a-internet-header.jpg) no-repeat;
background-position: top right;
}
.allez-plus-loin-grace-a-internet .pageArt.glyphicon.glyphicon-play, .allez-plus-loin-grace-a-internet h3, .allez-plus-loin-grace-a-internet .titre2, .allez-plus-loin-grace-a-internet .art_author_date span, .allez-plus-loin-grace-a-internet .memeSujet a, .allez-plus-loin-grace-a-internet .memeSujet a .glyphicon.glyphicon-play, .allez-plus-loin-grace-a-internet p.notebio, .allez-plus-loin-grace-a-internet h2, .allez-plus-loin-grace-a-internet p.soustitre, .allez-plus-loin-grace-a-internet span.fin-texte, .allez-plus-loin-grace-a-internet div.exergue, .allez-plus-loin-grace-a-internet div.exergue p {
color: #669999!important;
}
.allez-plus-loin-grace-a-internet .encart-lf, .allez-plus-loin-grace-a-internet .encart-rg, .allez-plus-loin-grace-a-internet .encart-center {
background-color: #669999;
color: #FFF!important;
}
/*------------------------------------------------------------------ ENTREVUE*/
.entrevue.chronique-header.vie-professionnelle {
background-color: #00718a;
max-height: 173px;
}
.entrevue.chronique-header.vie-professionnelle .row {
background: #00718a url(img/entrevue-header.jpg) no-repeat;
background-position: top right;
}
.entrevue {
color: #00718a;
}
.entrevue .pageArt.glyphicon.glyphicon-play, .entrevue h3, .entrevue .titre2, .entrevue .art_author_date span, .entrevue .memeSujet a, .entrevue .memeSujet a .glyphicon.glyphicon-play, .entrevue p.notebio, .entrevue h2, .entrevue p.soustitre, .entrevue span.fin-texte, .entrevue div.exergue, .entrevue div.exergue p {
color: #00718a!important;
}
.entrevue .encart-lf, .entrevue .encart-rg, .entrevue .encart-center {
background-color: #00718a;
color: #FFF!important;
}
/*------------------------------------------------------------------ LIVRES*/
.livres.chronique-header.vie-professionnelle {
background-color: #6699cc;
max-height: 173px;
}
.livres.chronique-header.vie-professionnelle .row {
background: #6699cc url(img/livres-header.jpg) no-repeat;
background-position: top right;
}
.livres {
color: #6699cc;
}
.livres .pageArt.glyphicon.glyphicon-play, .livres h3, .livres .titre2, .livres .art_author_date span, .livres .memeSujet a, .livres .memeSujet a .glyphicon.glyphicon-play, .livres p.notebio, .livres h2, .livres p.soustitre, .livres span.fin-texte, .livres div.exergue, .livres div.exergue p {
color: #6699cc!important;
}
.livres .encart-lf, .livres .encart-rg, .livres .encart-center {
background-color: #6699cc;
color: #FFF!important;
}
/*------------------------------------------------------------------ PRATICO-PRATIQUE*/
.pratico-pratique.chronique-header.vie-professionnelle {
background-color: #9bc9e0;
max-height: 173px;
}
.pratico-pratique.chronique-header.vie-professionnelle .row {
background: #9bc9e0 url(img/pratico-pratique-header.jpg) no-repeat;
background-position: top right;
}
.pratico-pratique {
color: #9bc9e0;
}
.pratico-pratique .pageArt.glyphicon.glyphicon-play, .pratico-pratique h3, .pratico-pratique .titre2, .pratico-pratique .art_author_date span, .pratico-pratique .memeSujet a, .pratico-pratique .memeSujet a .glyphicon.glyphicon-play, .pratico-pratique p.notebio, .pratico-pratique h2, .pratico-pratique p.soustitre, .pratico-pratique span.fin-texte, .pratico-pratique div.exergue, .pratico-pratique div.exergue p {
color: #9bc9e0!important;
}
.pratico-pratique .encart-lf, .pratico-pratique .encart-rg, .pratico-pratique .encart-center {
background-color: #00718a;
color: #FFF!important;
}
/*------------------------------------------------------------------ MEDECIN A ENSEIGNANT */
.de-medecin-a-enseignant.chronique-header.formation {
background-color: #147ac9;
max-height: 173px;
}
.de-medecin-a-enseignant.chronique-header.formation .row {
background: #147ac9 url(img/de-medecin-a-enseignant-header.jpg) no-repeat;
background-position: top right;
}
.de-medecin-a-enseignant {
color: #147ac9;
}
.de-medecin-a-enseignant .pageArt.glyphicon.glyphicon-play, .de-medecin-a-enseignant h3, .de-medecin-a-enseignant .titre2, .de-medecin-a-enseignant .art_author_date span, .de-medecin-a-enseignant .memeSujet a, .de-medecin-a-enseignant .memeSujet a .glyphicon.glyphicon-play, .de-medecin-a-enseignant p.notebio, .de-medecin-a-enseignant h2, .de-medecin-a-enseignant p.soustitre, .de-medecin-a-enseignant span.fin-texte, .de-medecin-a-enseignant div.exergue, .de-medecin-a-enseignant div.exergue p {
color: #147ac9!important;
}
.de-medecin-a-enseignant .encart-lf, .de-medecin-a-enseignant .encart-rg, .de-medecin-a-enseignant .encart-center {
background-color: #147ac9;
color: #FFF!important;
}
/*------------------------------------------------------------------ ZONE-TECHNO*/
.zone-techno.chronique-header.formation {
background-color: #5da0bb;
max-height: 173px;
}
.zone-techno.chronique-header.formation .row {
background: #5da0bb url(img/zone-techno-header.jpg) no-repeat;
background-position: top right;
}
.zone-techno.chronique-header {
background: #5da0bb;
max-height: 173px;
}
.zone-techno {
color: #5da0bb;
}
.zone-techno .pageArt.glyphicon.glyphicon-play, .zone-techno h3, .zone-techno .titre2, .zone-techno .art_author_date span, .zone-techno .memeSujet a, .zone-techno .memeSujet a .glyphicon.glyphicon-play, .zone-techno p.notebio, .zone-techno h2, .zone-techno p.soustitre, .zone-techno span.fin-texte, .zone-techno div.exergue, .zone-techno div.exergue p {
color: #5da0bb!important;
}
.zone-techno .encart-lf, .zone-techno .encart-rg, .zone-techno .encart-center {
background-color: #5da0bb;
}
.zone-techno .encart-lf, .zone-techno .encart-lf h3, .zone-techno .encart-lf p, .zone-techno .encart-rg, .zone-techno .encart-rg h3, .zone-techno .encart-rg p, .zone-techno .encart-center, .zone-techno .encart-center h3, .zone-techno .encart-center p {
color: #fff!important;
}
/*------------------------------------------------------------------ QUESTION DE BONNE ENTENTE */
.questions-de-bonne-entente.chronique-header.chroniques {
background-color: #006666;
max-height: 173px;
}
.questions-de-bonne-entente.chronique-header.chroniques .row {
background: #006666 url(img/questions-bonne-entente-header.jpg) no-repeat;
background-position: top right;
}
.questions-de-bonne-entente .pageArt.glyphicon.glyphicon-play, .questions-de-bonne-entente h3, .questions-de-bonne-entente .titre2, .questions-de-bonne-entente .art_author_date span, .questions-de-bonne-entente .memeSujet a, .questions-de-bonne-entente .memeSujet a .glyphicon.glyphicon-play, .questions-de-bonne-entente p.notebio, .questions-de-bonne-entente h2, .questions-de-bonne-entente p.soustitre, .questions-de-bonne-entente span.fin-texte, .questions-de-bonne-entente div.exergue, .questions-de-bonne-entente div.exergue p {
color: #006666!important;
}
.questions-de-bonne-entente .encart-lf, .questions-de-bonne-entente .encart-rg, .questions-de-bonne-entente .encart-center {
background-color: #006666;
color: #FFF!important;
}
/*------------------------------------------------------------------ DROIT AU BUT */
.droit-au-but.chronique-header.chroniques {
background-color: #e0a334;
max-height: 173px;
}
.droit-au-but.chronique-header.chroniques .row {
background: #e0a334 url(img/droit-au-but-header.jpg) no-repeat;
background-position: top right;
}
.droit-au-but .pageArt.glyphicon.glyphicon-play, .droit-au-but h3, .droit-au-but .titre2, .droit-au-but .art_author_date span, .droit-au-but .memeSujet a, .droit-au-but .memeSujet a .glyphicon.glyphicon-play, .droit-au-but p.notebio, .droit-au-but h2, .droit-au-but p.soustitre, .droit-au-but span.fin-texte, .droit-au-but div.exergue, .droit-au-but div.exergue p {
color: #e0a334!important;
}
.droit-au-but .encart-lf, .droit-au-but .encart-rg, .droit-au-but .encart-center {
background-color: #e0a334;
color: #FFF!important;
}
/*------------------------------------------------------------------ QUOI DE NEUF EN FMC */
.quoi-de-neuf-en-fmc.chronique-header.formation {
background-color: #99c419;
max-height: 173px;
}
.quoi-de-neuf-en-fmc.chronique-header.formation .row {
background: #99c419 url(img/quoi-de-neuf-fmc-header.jpg) no-repeat;
background-position: top right;
}
.quoi-de-neuf-en-fmc {
color: #99c419;
}
.quoi-de-neuf-en-fmc .pageArt.glyphicon.glyphicon-play, .quoi-de-neuf-en-fmc h3, .quoi-de-neuf-en-fmc .titre2, .quoi-de-neuf-en-fmc .art_author_date span, .quoi-de-neuf-en-fmc .memeSujet a, .quoi-de-neuf-en-fmc .memeSujet a .glyphicon.glyphicon-play, .quoi-de-neuf-en-fmc p.notebio, .quoi-de-neuf-en-fmc h2, .quoi-de-neuf-en-fmc p.soustitre, .quoi-de-neuf-en-fmc span.fin-texte, .quoi-de-neuf-en-fmc div.exergue, .quoi-de-neuf-en-fmc div.exergue p {
color: #99c419!important;
}
.quoi-de-neuf-en-fmc .encart-lf, .quoi-de-neuf-en-fmc .encart-rg, .quoi-de-neuf-en-fmc .encart-center {
background-color: #99c419;
color: #FFF!important;
}
/*------------------------------------------------------------------ FONDS FMOQ */
.fonds-fmoq.chronique-header.chroniques {
background-color: #073b82;
max-height: 173px;
}
.fonds-fmoq.chronique-header.chroniques .row {
background: #073b82 url(img/fonds-fmoq-header.jpg) no-repeat;
background-position: top right;
}
.fonds-fmoq .pageArt.glyphicon.glyphicon-play, .fonds-fmoq h3, .fonds-fmoq .titre2, .fonds-fmoq .art_author_date span, .fonds-fmoq .memeSujet a, .fonds-fmoq .memeSujet a .glyphicon.glyphicon-play, .fonds-fmoq p.notebio, .fonds-fmoq h2, .fonds-fmoq p.soustitre, .fonds-fmoq span.fin-texte, .fonds-fmoq div.exergue, .fonds-fmoq div.exergue p {
color: #073b82!important;
}
.fonds-fmoq .encart-lf, .fonds-fmoq .encart-rg, .fonds-fmoq .encart-center {
background-color: #073b82;
color: #FFF!important;
}
/*------------------------------------------------------------------ HORS SÉRIE */
.hors-serie.chronique-header.formation {
background-color: #be212d;
max-height: 173px;
}
.hors-serie.chronique-header.formation .row {
/*background: #be212d url(img/hors-serieue-header.jpg) no-repeat;*/
/*background-position: top right;*/
}
.hors-serie.chronique-header {
background: #be212d;
max-height: 173px;
}
.hors-serie {
color: #be212d;
}
.hors-serie .pageArt.glyphicon.glyphicon-play, .hors-serie h3, .hors-serie .titre2, .hors-serie .art_author_date span, .hors-serie .memeSujet a, .hors-serie .memeSujet a .glyphicon.glyphicon-play, .hors-serie p.notebio, .hors-serie h2, .hors-serie p.soustitre, .hors-serie span.fin-texte, .hors-serie div.exergue, .hors-serie div.exergue p {
color: #be212d !important;
}
.hors-serie .encart-lf, .hors-serie .encart-rg, .hors-serie .encart-center {
background-color: #be212d;
}
.hors-serie .encart-lf, .hors-serie .encart-lf h3, .hors-serie .encart-lf p, .hors-serie .encart-rg, .hors-serie .encart-rg h3, .hors-serie .encart-rg p, .hors-serie .encart-center, .hors-serie .encart-center h3, .hors-serie .encart-center p {
color: #fff !important;
}
/*------------------------------------------------------------------ ALORS ON PIQ */
.alors-on-piq.chronique-header.formation {
background-color: #87293a;
max-height: 173px;
}
.alors-on-piq.chronique-header.formation .row {
background: #87293a url(img/alors-on-pique-header.jpg) no-repeat;
background-position: top right;
}
.alors-on-piq.chronique-header {
background: #5da0bb;
max-height: 173px;
}
.alors-on-piq {
color: #5da0bb;
}
.alors-on-piq .pageArt.glyphicon.glyphicon-play, .alors-on-piq h3, .alors-on-piq .titre2, .alors-on-piq .art_author_date span, .alors-on-piq .memeSujet a, .alors-on-piq .memeSujet a .glyphicon.glyphicon-play, .alors-on-piq p.notebio, .alors-on-piq h2, .alors-on-piq p.soustitre, .alors-on-piq span.fin-texte, .alors-on-piq div.exergue, .alors-on-piq div.exergue p {
color: #87293a !important;
}
.alors-on-piq .encart-lf, .alors-on-piq .encart-rg, .alors-on-piq .encart-center {
background-color: #87293a;
}
.alors-on-piq .encart-lf, .alors-on-piq .encart-lf h3, .alors-on-piq .encart-lf p, .alors-on-piq .encart-rg, .alors-on-piq .encart-rg h3, .alors-on-piq .encart-rg p, .alors-on-piq .encart-center, .alors-on-piq .encart-center h3, .alors-on-piq .encart-center p {
color: #fff !important;
}
/*------------------------------------------------------------------ MAUX PASSE */
.les-maux-du-passe.chronique-header {
background: #b70608;
max-height: 173px;
}
.les-maux-du-passe {
color: #b70608;
}
.les-maux-du-passe .pageArt.glyphicon.glyphicon-play, .les-maux-du-passe h3, .les-maux-du-passe .titre2, .les-maux-du-passe .art_author_date span, .les-maux-du-passe .memeSujet a, .les-maux-du-passe .memeSujet a .glyphicon.glyphicon-play, .les-maux-du-passe p.notebio, .les-maux-du-passe h2, .les-maux-du-passe p.soustitre, .les-maux-du-passe span.fin-texte, .les-maux-du-passe div.exergue, .les-maux-du-passe div.exergue p {
color: #b70608!important;
}
.les-maux-du-passe .encart-lf, .les-maux-du-passe .encart-rg, .les-maux-du-passe .encart-center {
background-color: #b70608;
color: #FFF!important;
}
/*------------------------------------------------------------------ POUR QUE LA FORMATION CONTINUE */
.pour-que-la-formation-continue.chronique-header.formation {
background-color: #669933;
max-height: 173px;
}
.pour-que-la-formation-continue.chronique-header.formation .row {
background: #669933 url(img/pour-que-la-formation-continue-header.jpg) no-repeat;
background-position: top right;
}
.pour-que-la-formation-continue .pageArt.glyphicon.glyphicon-play, .pour-que-la-formation-continue h3, .pour-que-la-formation-continue .titre2, .pour-que-la-formation-continue .art_author_date span, .pour-que-la-formation-continue .memeSujet a, .pour-que-la-formation-continue .memeSujet a .glyphicon.glyphicon-play, .pour-que-la-formation-continue p.notebio, .pour-que-la-formation-continue h2, .pour-que-la-formation-continue p.soustitre, .pour-que-la-formation-continue span.fin-texte, .pour-que-la-formation-continue div.exergue, .pour-que-la-formation-continue div.exergue p {
color: #669933!important;
}
.pour-que-la-formation-continue .encart-lf, .pour-que-la-formation-continue .encart-rg, .pour-que-la-formation-continue .encart-center {
background-color: #669933;
color: #FFF!important;
}
/*------------------------------------------------------------------ ASSURANCES */
.assurances.chronique-header {
background: #cc9933;
max-height: 173px;
}
.assurances {
color: #cc9933!important;
}
.assurances .pageArt.glyphicon.glyphicon-play, .assurances h3, .assurances .titre2, .assurances .art_author_date span, .assurances .memeSujet a, .assurances .memeSujet a .glyphicon.glyphicon-play, .assurances p.notebio, .assurances h2, .assurances p.soustitre, .assurances span.fin-texte, .assurances div.exergue, .assurances div.exergue p {
color: #cc9933;
}
.assurances .encart-lf, .assurances .encart-rg, .assurances .encart-center {
background-color: #cc9933;
color: #FFF!important;
}
/*------------------------------------------------------------------ EN FIN... LA FACTURATION */
.en-fin-la-facturation.chronique-header.chroniques {
background-color: #b1300d;
max-height: 173px;
}
.en-fin-la-facturation.chronique-header.chroniques .row {
background: #b1300d url(img/facturation-header-2.jpg) no-repeat;
background-position: top right;
}
.en-fin-la-facturation {
color: #b1300d;
}
.en-fin-la-facturation .pageArt.glyphicon.glyphicon-play, .en-fin-la-facturation h3, .en-fin-la-facturation .titre2, .en-fin-la-facturation .art_author_date span, .en-fin-la-facturation .memeSujet a, .en-fin-la-facturation .memeSujet a .glyphicon.glyphicon-play, .en-fin-la-facturation p.notebio, .en-fin-la-facturation h2, .en-fin-la-facturation p.soustitre, .en-fin-la-facturation span.fin-texte, .en-fin-la-facturation div.exergue, .en-fin-la-facturation div.exergue p {
color: #b1300d!important;
}
.en-fin-la-facturation .encart-lf, .en-fin-la-facturation .encart-rg, .en-fin-la-facturation .encart-center {
background-color: #b1300d;
color: #FFF!important;
}
/*------------------------------------------------------------------ INFO POEMS */
.infopoems.chronique-header {
background: #330033;
max-height: 173px;
}
.infopoems {
color: #330033;
}
.infopoems .pageArt.glyphicon.glyphicon-play, .infopoems h3, .infopoems .titre2, .infopoems .art_author_date span, .infopoems .memeSujet a, .infopoems .memeSujet a .glyphicon.glyphicon-play, .infopoems p.notebio, .infopoems h2, .infopoems p.soustitre, .infopoems span.fin-texte, .infopoems div.exergue, .infopoems div.exergue p {
color: #330033!important;
}
.infopoems .encart-lf, .infopoems .encart-rg, .infopoems .encart-center {
background-color: #330033;
color: #FFF!important;
}
/*------------------------------------------------------------------ LA PROTECTION EN QUESTIONS */
.la-protection-en-questions.chronique-header.chroniques {
background: #660033;
max-height: 173px;
}
.la-protection-en-questions.chronique-header.chroniques .row {
background: #660033 url(img/protection-en-question-header.jpg) no-repeat;
background-position:top center;
color: #660033;
}
.la-protection-en-questions .pageArt.glyphicon.glyphicon-play, .la-protection-en-questions h3, .la-protection-en-questions .titre2, .la-protection-en-questions .art_author_date span, .la-protection-en-questions .memeSujet a, .la-protection-en-questions .memeSujet a .glyphicon.glyphicon-play, .la-protection-en-questions p.notebio, .la-protection-en-questions h2, .la-protection-en-questions p.soustitre, .la-protection-en-questions span.fin-texte, .la-protection-en-questions div.exergue, .la-protection-en-questions div.exergue p {
color: #660033!important;
}
.la-protection-en-questions .encart-lf, .la-protection-en-questions .encart-rg, .la-protection-en-questions .encart-center {
background-color: #660033;
color: #FFF!important;
}
/*------------------------------------------------------------------ GESTION PRATIQUE */
.gestion-pratique.chronique-header.chroniques {
background-color: #990000;
max-height: 173px;
}
.gestion-pratique.chronique-header.chroniques .row {
background: #990000 url(img/gestion-pratique-header.jpg) no-repeat;
background-position: top right;
}
.gestion-pratique .pageArt.glyphicon.glyphicon-play, .gestion-pratique h3, .gestion-pratique .titre2, .gestion-pratique .art_author_date span, .gestion-pratique .memeSujet a, .gestion-pratique .memeSujet a .glyphicon.glyphicon-play, .gestion-pratique p.notebio, .gestion-pratique h2, .gestion-pratique p.soustitre, .gestion-pratique span.fin-texte, .gestion-pratique div.exergue, .gestion-pratique div.exergue p {
color: #990000!important;
}
.gestion-pratique .encart-lf, .gestion-pratique .encart-rg, .gestion-pratique .encart-center {
background-color: #990000;
color: #FFF!important;
}
/*#endregion*/
/*-------------------------------------------------------------------------------------------------FIN DES CHRONIQUES*/
/*#region Utils (Margins, Padding, Borders, Clears, etc.)*/
/*------------------------- MARGINS --- */
.nomargin {
margin: 0 !important;
}
/*left*/
.mg-lf-25 {
margin-left: 25px;
}
/*top*/
.mg-top-20 {
margin-top: 20px;
}
.mg-top-50 {
margin-top: 50px;
}
/*bottom*/
.mg-bt-20 {
margin-bottom: 20px;
}
.mg-lf-rg-0 {
margin-left:0px;
margin-right:0px;
}
/*------------------------- PADDINGS --- */
.nopad {
padding: 0 !important;
}
.pd-10 {
padding: 10px;
}
/*left and right*/
.pd-lfRg-15 {
padding: 0 15px;
}
.pd-rg-15 {
padding-right: 15px;
}
/*bottom*/
.pd-bot-20 {
padding: 0 0 20px;
}
/*top and bottom*/
.pd-topBot-20 {
padding: 20px 0;
}
/*----------------------------BORDERS--------*/
.nobord {
border-bottom: none !important;
}
/*------------------------- POSITIONNING --- */
.cleared {
clear: both;
}
.overflow {
overflow: auto;
}
/*--------------------------DROP SHADOWS ---*/
.bot_shadow {
box-shadow: 0 2px 5px #666;
}
/*----------------------------JS UTILS---*/
.js-hidden {
display: none;
}
.print-only {
display: none;
}
/*#endregion*/
/*#region Jumbotron*/
/*------------------------- JUMBOTRON ORIGINAL --- */
/*.jumbotron {
font-size: 1em;
font-weight: 600;
line-height: 2.1428571435;
color: #fff;
background-color: #9E9E9E;
text-align: justify;
border-radius: 0!important;
max-width: 1140px;
}
.jumbotron h1 {
line-height: 1em;
margin-bottom: 0.5em;
color: inherit;
text-align: left;
font-size: 3em;
}
.jumbotron p {
font-size: 1.2em;
line-height: 1.5;
display: block;
margin-bottom: 20px;
color: #FFF;
}
.jumbotron img {
width: 20%;
margin-bottom: 30px;
margin-left: 25px;
}*/
/*------------------------- JUMBOTRON - MOT DU RÉDACTEUR EN CHEF, BILLET --- */
.container .jumbotron {
/* padding-right: 0; */
padding: 20px 0px 0 40px;
}
.jumbotron {
font-size: 1em;
font-weight: 600;
line-height: 2.1428571435;
color: #fff;
background-color: #382f2f;
text-align: justify;
border-radius: 0!important;
max-width: 1140px;
}
.jumbotron h1 {
line-height: 1em;
margin-bottom: 0.5em;
color: inherit;
text-align: left;
font-size: 3em;
}
.jumbotron p {
font-size: 1.2em;
line-height: 1.5;
display: block;
margin-bottom: 20px;
color: #FFF;
}
.jumbotron img {
width: 25%;
margin-bottom: 0px;
margin-left: 25px;
}
.jumbotron p.notebio {
display: block;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.5em;
margin: 0.8em 0;
padding: 0.5em;
text-decoration: none;
border-top: #fff solid 1px;
border-bottom: #fff solid 1px;
}
/*#endregion*/
/*#region Top Menu*/
/*------------------------- TOP MENU --- */
.container > .navbar-header, .container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
.navbar {
margin-bottom: 0;
height:52px;
}
.navbar-nav li a {
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.navbar-nav.navbar-right li a {
text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
transition-property: color;
transition-duration: 0.5s;
}
.navbar-inverse .navbar-nav > li > a:hover {
color: #CCC;
}
.navbar-collapse .navbar-right {
border-top: 1px solid #101010;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-dark {
background: #323232;
background: -moz-linear-gradient(top, #323232 0%, #56585a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #323232), color-stop(100%, #56585a));
background: -webkit-linear-gradient(top, #323232 0%, #56585a 100%);
background: -o-linear-gradient(top, #323232 0%, #56585a 100%);
background: -ms-linear-gradient(top, #323232 0%, #56585a 100%);
background: linear-gradient(to bottom, #323232 0%, #56585a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#56585a', GradientType=0 );
}
/*#endregion*/
/*#region Top Header (Logo + Search)*/
/*------------------------- TOP HEADER W. LOGO AND SEARCH --- */
.top-header {
background-color: #fff;
padding: 10px 0;
margin-top: -20px;
}
.top-header .logo-container {
display: block;
}
.top-header .logo-container img {
display: block;
width: 70%;
height: auto;
margin: 15px auto 10px;
}
.top-header .search-container {
overflow: auto;
}
.top-header .searchbox {
float: right;
width: 87%;
}
.top-header .searchbox a {
font-family: 'Open Sans', sans-serif;
color: #777;
display: block;
float: left;
padding: 5px 0 0 2px;
}
.top-header .search-submit {
float: right;
width: 13%;
padding-left: 3%;
}
.top-header .search-btn {
background: transparent url('img/search-ico.png') no-repeat 0 0;
border: 0;
height: 34px;
width: 100%;
border: 0;
outline: none;
box-shadow: none;
}
/*#endregion*/
/*#region Breadcrumb*/
/*------------------------- BREADCRUMB --- */
.breadcrumb {
font-family: 'Open Sans', sans-serif;
padding: 3px 0 0!important;
background: none;
line-height: 1em;
margin-bottom: 3px;
}
.breadcrumb li {
font-size: 1.1em!important;
color: #ccc!important;
text-transform: uppercase;
}
.breadcrumb li a {
font-family: 'Open Sans', sans-serif;
color: #ccc;
font-size: 1em!important;
}
.breadcrumb li sup {
text-transform: lowercase!important;
}
.breadcrumb li a:hover {
color: #FFF;
text-decoration: none;
}
.breadcrumb .active {
color: #FFF;
font-family: 'Open Sans', sans-serif;
display:contents;
}
/*#endregion*/
/*#region Side Menu (type chronique + chronique pages)*/
/*------------------------- nav sidebar --- */
.menu_sidebar {
margin-right: -15px; /*Remove gutter on small devices*/
margin-left: -15px; /*Remove gutter on small devices*/
}
.menu_sidebar .nav.nav-pills.nav-stacked a {
font-family: 'Open Sans', sans-serif;
font-size: 1.3em;
background-color: #666666;
border-radius: 0;
color: #FFF;
box-shadow: inset -5px 0px 10px rgba(0,0,0,0.3);
transition-property: background;
transition-duration: 0.5s;
}
.menu_sidebar .nav.nav-pills.nav-stacked a:hover {
background-color: #2b2b2b;
border-radius: 0;
color: #FFF;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
color: #000;
background: #2b2b2b!important;/*#56585a*/
font-size: 2em;
}
/*#endregion*/
/*#region Encarts*/
/*------------------------- ENCARTS --- */
.encart-lf {
padding: 20px;
margin: 5px 15px 5px 0;
width: 30%;
float: left;
}
.encart-rg {
padding: 20px;
margin: 5px 0px 5px 15px;
width: 30%;
float: right;
}
.encart-center {
display: block;
float: left;
padding: 0px 15px 0px;
margin: 15px auto;
width: 100%;
background: url(img/repere.png) 30px 0 no-repeat;
background-size: 6%;
box-shadow: inset 0px -5px 20px rgba(0,0,0,0.3);
border-radius: 4px;
}
.encart-center img {
width: 80%;
margin: 3em 0 0.2em 0;
box-shadow: #000 0px 3px 6px;
border: #000 1px solid;
}
.encart-rg img, .encart-lf img {
width: 100%;
margin: 3em 0 0.2em 0;
box-shadow: #000 0px 3px 6px;
border: #000 1px solid;
}
.noteSpeciale {
display: block;
float: left;
padding: 10px;
margin: 20px 0;
font-size: 0.9em;
font-weight: 600;
line-height: 1.2em;
color: #000;
background-color: #e8e8e8;
text-align: justify;
}
.encart-lf h1, .encart-lf h2, .encart-lf h3, .encart-rg h1, .encart-rg h2, .encart-rg h3, .encart-center h1, .encart-center h2, .encart-center h3 {
margin: 1em 0 0 0!important;
}
/*#endregion*/
/*#region Reperes*/
/*------------------------- REPÈRES --- */
.pageArts.glyphicon.glyphicon-play, .pageArt.glyphicon.glyphicon-play, .reperes.glyphicon.glyphicon-play {
display: block;
margin: 0em 0em 1em;
width: 50px;
height: 0px;
line-height: 0em;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* tous les repères des articles d'une PAGE-TOUS LES ARTICLES */
.pageArts.glyphicon.glyphicon-play {
font-size: 3em;
left: 0px;
top: 0px;
}
/* repère seul en haut d'une page - 1 article */
.pageArt.glyphicon.glyphicon-play {
font-size: 5em;
left: 20px;
top: -7px;
}
/* petit repère (ex:encart,...) */
.reperes.glyphicon.glyphicon-play {
display: block;
margin: -20px 0 0 0;
left: 20px;
font-size: 4em;
}
/*#endregion*/
/*#region Boutons*/
/*------------------------- BOUTONS --- */
.la_suite {
margin: 10px 0px 5px;
}
.btn-default {
color: #fff;
text-shadow: none;
background-image: none;
background-color: #666666;
border: none;
border-radius: 0;
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
filter: none; /*Buttons are broken in IE < 9 without this*/
transition-property: background;
transition-duration: 0.5s;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
color: #fff;
background-color: #2b2b2b!important;
border: none;
color: #FFF;
box-shadow: inset -5px 0px 10px rgba(0,0,0,0.3);
}
.btn-default:active, btn-default.active {
background-color: #a6c0c4!important;
background-image: none;
}
.btn-left {
display: block;
float: left;
}
.btn-right {
display: block;
float: right;
}
.btn-centered {
display: block;
margin: 0 auto;
}
.btn-group-justified>.btn-group {
display: table-cell;
float: none;
width: 1%;
}
/*#endregion*/
/*#region Author and date (in article previews and lists)*/
/*------------------------- AUTHOR AND DATE --- */
.art_author_date {
display: block;
border-bottom: #ccc solid 1px;
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
font-weight: 400!important;
color: #565656;
margin: 0em 0em 0.9em;
padding: 0.3em 0em 0.2em;
line-height: 1em;
text-align: left!important;
}
.art_author_date span {
font-family: 'Open Sans', sans-serif;
font-size: 1em;
font-weight: 700!important;
}
.art_author_date_thumb_ch {
display: block;
border-bottom: #ccc solid 1px;
font-family: 'Open Sans', sans-serif;
font-size: 0.9em;
font-weight: 400!important;
color: #000;
padding: 10px;
line-height: 1em;
}
/*#endregion*/
/*#region Pagination*/
/*------------------------- PAGINATION --- */
.pagination-container {
clear: both;
overflow: auto;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
cursor: default;
background-color: #a6c0c4;
border-color: #a6c0c4;
}
.pagination li a {
color: #56585a;
text-decoration: none;
}
/*#endregion*/
/*#region Publicite*/
/*------------------------- PUBLICITÉS --- */
.pub_side a img {
margin: 0px auto 20px;
border: none;
width:100%;
}
.pub_top a img {
margin: 20px auto;
border: none;
}
.pub_side a:active, .pub_side a:hover, .pub_side a:focus {
text-decoration:none;
border:none;
}
.pub_side h1 {
font-size: 1.3em;
font-weight: 300!important;
line-height: 2em;
color: #fff;
background-color: #CCC;
display: block;
margin: 0;
width: 100%;
padding-left: 5px;
}
/*#endregion*/
/*#region Media*/
/*------------------------- MÉDIA --- */
.tablette {
margin-bottom:15px;}
h3.media-heading {
display: block;
font-size: 1.5em;
line-height: 1.5em;
margin: 0em;
}
h3.media-heading:first-letter {
text-transform: capitalize!important;
vertical-align:top;
text-indent:-20px;}
h3.media-heading a:first-letter {
text-transform: capitalize!important;
vertical-align:top;
text-indent:-20px;}
.media-body h6 {
margin: 0em 0em 0.3em;
}
h6.sous-titre a {
display: block;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #56585a;
}
h6.sous-titre sup {
text-transform: lowercase;
}
.media p, .media span, .media em {
font-family: 'Open Sans', sans-serif;
text-align: left;
font-weight: 600;
}
.media .media-heading .art_author_date.nobord {
font-size: 0.7em;
}
.media .media-heading .art_author_date.nobord span {
font-size: 1em;
}
.media .media-body h4.media-heading a {
font-size: 1.1em;
}
.prochains_no {
background-color: #669900!important;
background: url(img/bg_prochains_no.png) no-repeat right 0;
color: #FFF!important;
padding:10px;
}
.flip {
height: 55px;
background-color: #8c1c40!important;
background-image: url(img/revue-numerique-widget-hover-sm.jpg);
background-position: right 0;
background-repeat: no-repeat;
color: #fff!important;
transition-property: background;
transition-duration: 0.5s;
}
.flip:hover {
background-color: #630c28!important;
background-image: url(img/revue-numerique-widget-sm.jpg);
background-position: right 0;
background-repeat: no-repeat;
color: #fff!important;
cursor: pointer;
}
.flip div.media-body a {
display: block;
width: 50%;
font-size: 13px;
line-height: 18px!important;
margin: 0em;
color: #FFF!important;
}
.flip div.media-body a:hover {
text-decoration: none;
}
/*#endregion*/
/*NEWS*/
div.news .art_author_date_thumb_ch {
border: none;/*display: none;*/
}
div.imgNewsContainer {
overflow: auto;
}
.imgNewsContainer a {
display: block;
}
.imgNewsContainre img {
width: 100%;
margin-bottom: 10px;
}
div.news img {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
div.news h3 a {
display: block;
font-family: 'Oswald', sans-serif;
line-height: 1.3em;
font-size: 1.2em;
font-weight: 400;
color: #8c1c40;/* margin-bottom: 0em;
font-weight: bold;
font-family: "Open Sans", sans-serif;
font-size: 0.9em;*/
}
div.news .media {
margin-top: 5px;
}
div.news .media .media-body {
display: block;
width: 100%;
float: left;
}
div.news .media .media-body h6 a {
display: block;
font-family: 'Oswald', sans-serif;
line-height: 1.5em;
font-size: 1em;
font-weight: 400;
color: #000;
margin-bottom: 0em;
}
div.news .media .media-body p.overflow a {
background-color: #8c1c40;
color: #fff;
padding: 5px 10px;
}
/*#endregion*/
/*#region Images*/
/*------------------------- IMAGES --- */
.image_inArt {
width: 100%;
margin: 20px auto;
border: #999 1px solid;
padding: 3px;
background-color: #e5e5e5;
}
.image_th_inArt {
display: block;
width: 100%;
height: auto;
margin: 10px 10px 20px 0;
}
.img_100 {
display: block;
width: 100%;
height: auto;
margin: 0px auto 10px;
}
/*#endregion*/
/*///////////////////////////////////////////////////////////////// SPECIFIC //////////*/
/*#region Homepage specifics*/
/*------------------------- PAGE ACCUEIL --- */
.mainHomepage {
position: relative;
top: 50px;
}
.title_section h1 {
font-family: 'Oswald', sans-serif;
text-align: center;
font-weight: 400;
text-transform: uppercase;
}
.title_section-inscription h1 {
text-align: CENTER;
color: #fff;
background-color: #D71921;
padding: 7px 10px;
margin-bottom: 0;
font-size: 1.2em;
}
.title_section-inscription h2 {
text-align: CENTER;
color: #D71921;
background-color: #fff;
padding: 0px 10px 5px;
font-size:1.8em;
margin-top: 0;
}
.pub_side-inscription h1 {
text-align: CENTER;
color: #fff;
background-color: #ccc;
padding: 7px 10px;
margin-bottom: 0;
font-size: 1.2em;
}
.pub_side-inscription h2 {
text-align: CENTER;
color: #D71921;
background-color: #fff;
padding: 10px 10px;
font-size:1.8em;
line-height:1em;
margin-top: 0;
}
.pub_side-inscription a img {
margin: 0px auto 20px;
border: none;
width:100%;
}
.titleWhite_section h1 {
font-family: 'Oswald', sans-serif;
text-align: center;
font-weight: 400;
text-transform: uppercase;
color: #FFF
}
/* section - La vie professionnelle*/
.vp_1 {
background-color: #FFF;
border: #CCC solid 1px;
margin-bottom: 14px;
padding: 15px;
}
.vp_1 h3 a {
font-family: 'Oswald', sans-serif;
display: block;
font-size: 1em;
line-height: 1.5em;
color: #333;
padding: 0px;
}
.vp_1 h3 a:hover {
color: #6699cc;
text-decoration: none;
}
.vp_1 img {
height: auto;
width: 100%;
overflow: hidden;
display: block;
}
.vp_1 p img {
display: block;
margin: 0 auto;
height: auto;
width: 100%;
}
.vp_1 p.summary {
display: block;
padding: 5px 10px 0px;
margin: 5px 0 0 0;
text-align: justify;
font-weight: 400;
font-size: 1.2em;
line-height: 1.5em;
}
.vp_1 > .media {
padding: 0px;
}
/* pour que la photo thumbnail dans media apparaisse proportionnellement */
.media > .imgMedia {
width: 125px;
height: 125px;
overflow: hidden;
float: left;
margin-right: 20px;
}
.media > .imgMedia .pull-left img {
width: 100%;
height: auto;
overflow: hidden;
}
/**/
/* section - formation continue */
.div_scientif {
background-color: #333;
padding-bottom: 30px;
}
.thumbnail {
display: inline-block;
display: block;
height: 360px;
max-width: 100%;
line-height: 1.5em;
background-color: #fff;
margin-top: 15px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border: none;
border-radius: 0px;
padding: 0;
position: relative;
}
.thumbnail .cont_thumb_img {
height: 175px;
width: 100%;
overflow: hidden;
}
.thumbnail .caption_title a {
font-family: 'Oswald', sans-serif;
font-weight: 400;
display: block;
position: absolute;
z-index: 50;
width: 85%;
padding: 10px;
color: #FFF;
font-size: 1.3em;
line-height: 1.3em;
bottom: 195px;
left: 0;
background: rgba(0,0,0,0.5);
}
.thumbnail .caption_title a:hover {
text-decoration: none;
color: #c9c8c9;
}
.thumbnail .caption_contenu {
display: block;
margin: 10px 20px 10px 20px;
width: 320px;
}
.thumbnail .caption_contenu > p {
margin: 0 0 5px;
padding: 0;
}
.thumbnail .caption_contenu div {
display: block;
line-height: 0.3em;
height: 60px;
}
.thumbnail .caption_contenu div > p, .thumbnail .caption_contenu div + p {
padding: 0!important;
max-height: 100%;
font-size: 1.2em;
}
.thumbnail .caption_contenu p {
font-size: 1em;
}
.thumbnail .la_suite {
padding: 9px;
margin: 15px 10px;
}
.thumbnail .la_suite .btn.btn-default {
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #fff;
text-shadow: none;
background-image: none;
background-color: #669900;
border: none;
border-radius: 0;
}
.thumbnail .la_suite .btn.btn-default:hover, .thumbnail .la_suite .btn.btn-default:focus, .thumbnail .la_suite .btn.btn-default:active {
color: #fff;
background-color: #5a800f!important;
border: none;
}
.thumbnail .la_suite .btn.btn-default:active {
background-color: #86c900!important;
background-image: none;
}
/* section - chroniques*/
.ch_1 {
padding-bottom: 20px;
margin-bottom: 14px;
}
.ch_1 h3 {
margin-top: 9px;
}
.ch_1 h3 a {
font-family: 'Oswald', sans-serif;
display: block;
height: auto;
position: relative;
float: left;
color: #333;
margin: 0;
padding: 0px 10px 9px;
font-size: 0.7em;
line-height: 1.5em;
}
.ch_1 h3 a:hover {
text-decoration: none;
}
.ch_1 p {
display: block;
padding: 0px 10px;
position: relative;
float: left;
text-align: left;
height: 90px;
overflow: hidden;
font-weight: 400;
}
.ch_1 a .glyphicon.glyphicon-play {
display: block;
font-size: 1.5em;
line-height: 1em;
color: #666666;
float: left;
transition-property: color;
transition-duration: 0.5s;
}
.ch_1 a:hover, .ch_1 a:hover .glyphicon.glyphicon-play {
color: #2b2b2b;
}
.typ_chronique {
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 1.1em;
font-weight: 700!important;
color: #56585a;
padding: 10px 10px 0;
line-height: 1.2em;
}
/* section - news*/
.news {
display: block;
padding-bottom: 0px;
margin-bottom: 15px;
color: #000;
border-bottom: 5px #c9c8c9 solid;
}
.news h3, .news h3 a {
font-family: 'Oswald', sans-serif;
line-height: 1.5em;
padding: 0;
color: #000;
margin: 0;
}
.news h3 {
font-size: 1.3em;
}
.news h3 a {
font-size: 1em;
}
.news h3 a:hover {
text-decoration: none;
color: #56585a;
}
.news .art_author_date_thumb_ch {
padding: 0px 0 10px;
font-size: 0.9em;
}
.news h6, .news h6 a {
font-weight: bold;
font-family: "Open Sans", sans-serif;
}
.news h6 {
font-size: 1.1em;
}
.news h6 a {
font-size: 1em;
}
.news p {
font-weight: 400;
font-size: 1em;
margin: 0em 0em 0.4em;
}
/*#endregion*/
/*------------------------- PAGES - TYPE CHRONIQUES (Vie professionnelle, Formation continue, Chroniques (autres)) --- */
.summary {
display: block;
padding: 5px 0px 0px;
margin: 0px 0 0 0;
font-size: 1.1em;
line-height: 1.5em;
}
.summary p {
font-size: 1.1em;
line-height: 1.5em;
}
.summary p span.Hyperlink a {
font-size: 1.2em;
}
.summary p a {
font-size: 1em;
}
.type-chronique-header, .chronique-header {
max-height: 173px;
background-color: #FFF;
}
.type-chronique-header h1, .chronique-header h1 {
text-transform: uppercase;
display: block;
float: left;
color: #fff;
font-size: 4em;
line-height: 1.3em;
font-weight: 300;
font-style: normal;
}
.tousArticles {
width:100%;
display:inline-block;
margin:5px 0;
}
.memeSujet a {
font-size: 18px;
font-weight: 600;
width:100%;
}
.page-content ul {
display: block;
margin-left: 15px;
}
.page-content ul li {
}
/*----*/
.chronType_arts {
margin: 0px -15px;
padding: 13px 20px 25px;
border-top: solid 1px #333333;
background-color: #FFF;
overflow: auto;
}
.chronType_arts h3 a {
font-family: 'Oswald', sans-serif;
display: block;
font-size: 1.1em;
line-height: 1.3em;
color: #333;
margin: 0em 0em 0.3em;
padding: 0;
}
.chronType_arts h3 a::first-letter {
bottom:-0.5em;
}
.chronType_arts h3 a:hover {
color: #666666;
text-decoration: none;
}
.chronType_arts .la_suite {
margin: 5px 0 0px;
}
.chronType_arts p {
font-weight: 400;
font-size: 1em;
line-height: 1.5em;
text-align: justify;
}
/*#region Page Entrevue*/
/*------------------------- PAGE - 1 ARTICLE (temp_art.html) --- */
.art_part, .art_part_chron, .art_entrevue {
background-color: #FFF;
margin: 0px 0 20px;
margin: 0px -15px 20px -15px;
padding: 20px;
}
.art_part h1, .art_part_chron h1 {
font-size: 2.5em;
color: #56585a;
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.2;
display: block;
margin: 0 0 0.5em;
}
.art_part h3, .art_part_chron h3 {
font-size: 2.8em;
color: #56585a;
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.5;
display: block;
margin: 0em;
}
.art_part .titre2, .art_part_chron .titre2 {
display: block;
margin: 0.7em 0em 1em;
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 1.5em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: left;
}
.art_part .titre2 sup, .art_part_chron .titre2 sup {
text-transform: lowercase;
}
.art_part h3 strong, .art_part_chron h3 strong {
font-size: 0.8em;
color: #000;
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.5;
display: block;
margin: 0em 0 0.5em;
}
.art_part h4, .art_part_chron h4 {
font-size: 1.2em;
color: #56585a;
font-family: 'sanchez_slabregular';
font-weight: 400;
line-height: 1.5;
display: block;
margin: 0.2em 0 0.1em;
text-transform: uppercase;
}
.art_part h4 sup, .art_part_chron h4 sup {
text-transform: lowercase;
}
.art_part h4 em, .art_part_chron h4 em {
font-family: 'sanchez_slabregular';
font-weight: 400;
display: block;
text-transform: uppercase;
font-style: italic;
}
.art_part p + h4, .art_part_chron p + h4 {
margin: 2em 0 0.1em;
}
.art_part h5, .art_part_chron h5 {
font-size: 1.3em;
line-height: 1.3em;
color: #56585a;
margin: 1em 0 0.2em;
}
.art_part p, .art_part ul li, .art_part_chron p {
font-weight: 400;
text-align: justify;
}
/*------------------------- PAGE - 1 CHRONIQUE SPÉCIFIQUE (temp_ch_(abréviation de la chronique).html) --- */
.chronique_header {
height: 120px;
}
.chronique_header h1 {
display: block;
float: left;
color: #fff;
font-size: 4em;
line-height: 1.3em;
font-weight: 400;
font-style: normal;
}
.art_part_chron .h2 {
line-height: 1.5em;
}
.art_part_chron p {
color: #000;
}
/* ------------------- images dans le texte */
.art_part_chron p img {
width: 100%;
height: auto;
}
/* moitié de l'espace*/
.art_part_chron div.halfLf img, .art_part_chron img.halfLf {
width: 50%;
float: left;
margin: 15px 15px 15px 0;
}
.art_part_chron div.halfRg img, .art_part_chron img.halfRg {
width: 50%;
float: right;
margin: 15px 0 15px 15px;
}
/* 1/3 de l'espace*/
.art_part_chron div.thirdLf img, .art_part_chron img.thirdLf {
width: 30%;
float: left;
margin: 15px 15px 15px 0;
}
.art_part_chron div.thirdRg img, .art_part_chron img.thirdRg {
width: 30%;
float: right;
clear: right;
margin: 15px 0 15px 15px;
}
/* met un espace avant le h3 s'il est précédé d'un p*/
.art_part_chron p + h3 {
margin: 1em 0 0.3em;
}
.encart-lf .glyphicon.glyphicon-play {
color: #FFF;
}
/*#region Archives pages*/
/*------------------------- PAGE - ARCHIVES (temp_archives.html) --- */
.archives_header {
background: #c9c8c9;
}
.archives_th {
clear: both;
padding-bottom: 30px;
}
.archives_th a {
display: block;
width: 100%;
}
.archives_th img {
width: 100%;
}
.arc_th_details {
display: block;
background: #000;
background: rgba(0,0,0,0.7);
color: #FFF;
padding: 10px;
height: 140px;
}
.arc_th_details p {
margin: 0em;
}
.arc_th_details p.arc_date {
font-family: 'Oswald', sans-serif;
font-weight: 300;
font-size: 3em;
margin-top: 10px;
}
.archives_th a:hover {
text-decoration: none;
}
.archives_th a:hover p {
color: #E0E0E0;
}
.arc_th_details p.arc_title {
font-weight: 700;
font-size: 1em;
display: block;
margin: 20px 0 5px;
line-height:1.4em;
}
.arc_th_details p.arc_month {
font-weight: 300;
font-size: 1em;
}
/*#endregion*/
/*#region Table des matières revue*/
/*------------------------- PAGE - REVUE (temp_revue.html) --- */
.revue {
background-color: #FFF;
padding: 20px;
}
.revue p {
display: block;
padding-left: 10px;
}
.revue p a {
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
line-height: 1.4em;
font-weight: 400;
color: #4d858d;
display: block;
height: 10px;
margin-bottom: 15px;
}
@media (max-width: 576px) {
.revue .revue_th img {
display: block;
}
.revue h1 {
display:inline-block;
}
.revue p a {
display:contents ;
}
.no_selected {
width: 35%;
}
}
.revue p a:hover {
}
.revue p:first-letter, .revue p a:first-letter {
text-transform: capitalize!important;
vertical-align:top;
text-indent:-20px;
}
.no_selected {
width: 10%;
-moz-box-shadow: 2px 2px 5px #999;
-webkit-box-shadow: 2px 2px 5px #999;
box-shadow: 2px 2px 5px #999;
border: 1px solid #999;
margin: 15px 15px 15px 0;
}
.no_selected img {
width: 109px;
height: 149px;
}
/*#endregion*/
/*#region General Content Pages styles */
.general-content {
margin: 0px -15px; /*remove gutter for small devices so we use as much space as possible*/
padding: 13px 20px 25px;
background-color: #FFF;
overflow: auto;
}
.general-content.bordered {
border-top: solid 1px #333333;
}
.general-content.light-bordered {
border-top: 1px solid #CCC;
}
.general-content .notification {
font-family: 'Open sans', sans-serif;
}
.general-content .padded-top {
padding-top: 15px;
}
.page-content p, .page-content div, .page-content span, .page-content label, .page-content ul, .page-content li, .page-content fieldset, .page-content legend, .page-content a, .page-content small, .page-content strong {
font-family: 'Open sans', sans-serif; /*Everything open sans unless otherwise specified*/
}
.page-content a.btn-default { /*Exception for buttons*/
font-family: 'Oswald', sans-serif;
}
.general-content h3 a, .general-content h4 a, .general-content h5 a, .general-content h6 a {
font-family: 'Oswald', sans-serif;
display: block;
color: #333;
margin: 0em 0em 0.3em;
padding: 0;
}
.general-content h3 a {
font-size: 1.1em;
line-height: 1.3em;
}
.general-content h3 a:hover {
color: #666666;
text-decoration: none;
}
.general-content h5 {
margin: 1.25em 0;
}
.general-content .la_suite {
margin: 5px 0 0px;
}
.general-content p {
font-weight: 400;
font-size: 1em;
line-height: 1.5em;
text-align: left;
}
.general-content table td {
min-width: 100px;
}
.general-content .inline-block-left {
float: left;
padding: 0 20px 20px 0;
}
.general-content .inline-block-right {
float: right;
padding: 0 0 20px 20px;
}
/*#endregion*/
/*#region Search Page*/
/*------------------------- PAGE - Recherche ---------------- */
.search-form {
background-color: #FFF;
padding: 0 0 20px;
}
.search-form label {
font-family: 'Open Sans', sans-serif;
}
.search-left {
padding-right: 5px;
}
.search-right {
padding-left: 5px;
}
.search-right:before {
display: block;
content: "\00c0";
margin: 8px 0 0 -27px;
float: left;
font-weight: bold;
}
.search-results hr {
margin: 10px 0;
}
.search-results .empty-results {
font-family: 'Open Sans', sans-serif;
}
/*#endregion*/
/*#region Login, Forgot your password, Profile forms*/
/*------------------------- PAGE - Login - Forgot Password - Profile ---------------- */
.login-form, .password-form, profile-form {
padding-top: 30px;
}
.form-horizontal span.user-field {
display: block;
padding-top: 7px;
}
/*#endregion*/
/*#region Post-Test Pages*/
/*------------------------- PAGE - Post-Test ---------------- */
.post-test-list p {
padding-left: 20px;
}
.post-test-list li {
padding-bottom: 12px;
}
.post-test-question header, .post-test-question header span {
font-weight: bold;
}
.post-test-question header span {
display: block;
float: left;
line-height: 1.5em;
}
.post-test-question header p {
padding-left: 3em;
font-weight: bold;
line-height: 1.5em;
text-align: left;
}
.post-test-question:first-child {
padding-top: 20px;
}
.post-test-question ol {
list-style-type: none;
overflow: auto;
padding-left: 40px;
}
.post-test-question li {
padding: 3px 0;
float: left;
clear: both;
}
.post-test-question li label {
font-weight: normal;
margin: 0;
}
.post-test-question li.right-answer {
border: 1px solid #4d858d;
padding: 3px;
}
.post-test-question li.user-answer {
color: #4d858d;
font-weight: bold;
}
.post-test-question footer {
padding: 0 0 0 3em;
color: #777;
}
.post-test-question footer small:before {
content: "Référence : ";
display: block;
float: left;
padding-right: 5px;
}
.post-test-error ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/*#endregion*/
/*#region Archives navigation*/
.decade-nav.btn-group .btn {
border-radius: 0;
}
.decade-nav .btn {
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
box-shadow: none;
color: #FFF;
}
.decade-nav .btn.active, .decade-nav .btn:hover, .decade-nav .btn:active {
background-color: #a6c0c4;
}
.year-nav {
padding: 10px 0;
}
.year-nav .nav-pills a {
font-family: Oswald, sans-serif;
color: #000;
}
.year-nav .nav-pills > li.active > a, .year-nav .nav > li > a:hover, .nav > li > a:focus {
color: #FFF;
background: #56585a;
}
.year-nav .nav-pills > li.active > a, .year-nav .nav-pills > li.active > a:hover, .year-nav .nav-pills > li.active > a:active {
font-size: 1em;
}
/*#endregion*/
/*#region Footer */
footer {
color: #c9c8c9;
padding: 20px 0;
}
footer .col-md-3 {
padding: 0 20px;
}
footer .col-md-3.last {
border: none;
}
footer h3, footer p, footer address {
color: #FFF;
}
footer p span {
color: #56585a;
}
footer h2 {
font-size: 1.7em;
}
footer p, footer ul li a, footer address {
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}
footer ul {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
footer ul li a {
color: #c9c8c9;
text-decoration: none;
line-height: 1.9em;
}
footer ul li a:hover {
color: #c9c8c9;
text-decoration: underline;
}
/*#endregion*/
/*-----------------------TUTORIEL------------------*/
/* font-family: 'conduititcstdmedium';
font-family: 'conduititcstdlight';
font-family: 'conduititcstd_lightbold';
*/
.tutoriel {
/* border-radius:10px;
border:#333 solid 2px;*/
margin-top: 75px;
background: url(https://fmoq-mdq.s3.amazonaws.com/2014/tutoriel/separateur.jpg) 0 0 repeat-x;
}
.tutoriel h1, .tutoriel h2, .tutoriel h3, .tutoriel h4, .tutoriel-1 h1, .tutoriel-1 h2, .tutoriel-1 h3, .tutoriel-1 h4 {
font-family: 'conduititcstdlight';
color: #4d858d;
text-transform: uppercase;
margin: 0;
}
.tutoriel h1 {
font-size: 6em;
}
.tutoriel h2 {
font-size: 4em;
}
.tutoriel h3 {
font-size: 2em;
}
.tutoriel h4, tutoriel-1 h4 {
font-family: 'conduititcstdmedium';
font-size: 1.5em;
color: #FF0;
}
.tutoriel h4 a, tutoriel-1 h4 a {
font-family: 'conduititcstdmedium';
font-size: 1.5em;
color: #FF0;
}
.tutoriel ul {
margin: 0px;
}
.tutoriel .gallery li {
margin: 0;
float: left;
}
.tutoriel .img_100 {
margin: 0;
}
.separateur {
display: block;
width: 100%;
height: 20px;
background: url(https://fmoq-mdq.s3.amazonaws.com/2014/tutoriel/separateur.jpg) 0 0 repeat-x;
margin: 70px 0 0px;
}
/* ------------------- SOCIAL MEDIAS --------------------------- */
.at4-follow {
position:absolute !important;
z-index:50 !important;
}
.at4-follow .at4-follow-container .at-follow-label {
display: inline-block;
height: 24px;
line-height: 24px;
margin-right: 10px;
padding: 0;
cursor: default;
float: left;
color: #fff;
}
/* -----------------------PUB ------------------------------*/
area.pubLink:hover, area.pubLink:active, area.pubLink:focus, area.pubLink:visited {
border:none;
}
/* --------------------- TABLEAU EN HTML DANS VP -------------------- */
.table-vp {
border:1px solid #AAAAAA;
}
.table-cell-vp {
border:1px solid #AAAAAA;
padding:2px;
}
p.table-titre-vp {
font-size:1.1em;
font-weight:bold;
text-align:center;}
/*=================================================================== media queries =================================*/
/*#region Screen Size Media*/
/*#region Extra small devices */
/* Small devices (tablets, 768px and DOWN) */
@media (max-width: 468px) {
* {
text-align: left!important;
}
.top-header .logo-container img {
width: 100%;
margin: 5px auto;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #101010;
padding-right: 15px;
padding-left: 15px;
}
.carousel {
display: none;
}
.title_section h1 {
text-align: center!important;
font-size: 2em;
}
.titleWhite_section h1 {
text-align: center!important;
font-size: 2em;
}
.jumbotron {
padding: 10px!important;
}
.jumbotron h1 {
display: block;
float: left;
width: 40%;
font-size: 2em!important;
line-height: 1.3em;
}
.jumbotron p {
display: block;
float: left;
}
.jumbotron img {
display: block;
float: right;
width: 50%;
}
.ch_1 {
display: block;
float: left;
height: 170px;
padding-bottom: 5px;
margin-bottom: 14px;
border-top: #333 solid 1px;
}
.art_part_chron h3 {
font-size: 2.5em;
}
.art_part .titre2, .art_part_chron .titre2 {
line-height: 1.3em;
}
.media-object {
display: none;
}
.top-header .searchbox {
width: 80%;
}
.top-header .search-submit {
width: 20%;
padding-left: 3%;
}
.type-chronique-header h1, .chronique-header h1 {
font-size: 1.6em;
font-weight: 700;
line-height: 1.2em;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
/*headers vie professionnelle*/
.vie-professionnelle.type-chronique-header .row, .vie-professionnelle.chronique-header.vie-professionnelle .row, .editorial.chronique-header.vie-professionnelle .row, .billet.chronique-header.vie-professionnelle .row, .entrevue.chronique-header.vie-professionnelle .row, .livres.chronique-header.vie-professionnelle .row, .pratico-pratique.chronique-header.vie-professionnelle .row {
background-size: 130%;
}
/*headers formation continue*/
.formation.type-chronique-header .row, .formation.chronique-header.formation-continue .row, .allez-plus-loin-grace-a-internet.chronique-header.formation .row, .quoi-de-neuf-en-fmc.chronique-header.formation .row, .info-comprimee.chronique-header.formation .row, .pour-que-la-formation-continue.chronique-header.formation .row, .infopoems.chronique-header.formation .row, .zone-techno.chronique-header.formation .row, .alors-on-piq.chronique-header.formation .row {
background-size: 150%;
}
/*headers chroniques*/
.en-fin-la-facturation.chronique-header.chroniques .row, .questions-de-bonne-entente.chronique-header.chroniques .row, .droit-au-but.chronique-header.chroniques .row, .gestion-pratique.chronique-header.chroniques .row, .fonds-fmoq.chronique-header.chroniques .row, .de-medecin-a-enseignant.chronique-header.chroniques .row {
background-size: 110%;/*background-image:none;*/
}
.imgMedia {
display: none;
}
.flip {
display: none;
}
aside.article-sujet-sm {
display:none;
}
}
/*#endregion*/
@media (min-width: 469px) and (max-width: 767px) {
.thumbnail .caption_contenu {
display: block;
margin: 10px 20px 10px 20px;
width: 310px;
}
.ch_1 {
padding-bottom: 20px;
margin-bottom: 14px;
width: 50%;
height: 150px;
float: left;
padding-right: 20px;
}
.flip {
height: 55px;
background-color: #8c1c40!important;
background-image: url(img/revue-numerique-widget-hover-sm.jpg);
background-position: center 0;
background-repeat: no-repeat;
color: #fff!important;
transition-property: background;
transition-duration: 0.5s;
}
}
/* #region Small Devices*/
/* Small devices */
@media (min-width:768px) {
.nav > li > a {
padding-right: 10px;
padding-left: 10px;
}
.navbar-collapse .navbar-right {
border: 0;
box-shadow: none;
}
.navbar-collapse .navbar-right li.focus {
background-color: #383839;
border-radius: 8px;
margin: 2px 0 2px 5px;
}
.navbar-collapse .navbar-right li.focus:hover {
background-color: #56585a;
}
.container > .navbar-header, .container > .navbar-collapse {
padding: 0 10px;
}
.top-header .logo-container img {
width: 100%;
margin: 15px 0 10px 0;
}
.top-header .search-container {
margin-top: 20px;
}
.top-header .searchbox {
max-width: 300px;
}
.art_part, .art_part_chron, .art_entrevue {
margin: 0 0 20px;
}
.art_part_chron.pd-top-50 {
padding-top: 50px;
}
.chronType_arts {
margin: 0;
}
.menu_sidebar {
margin-right: 0px;
margin-left: 0px;
}
.post-test-list li {
padding-bottom: 0;
}
.general-content {
margin: 0;
}
.flip {
height: 55px;
background-color: #8c1c40!important;
background-image: url(img/revue-numerique-widget-hover-sm.jpg);
background-position: left 0;
background-repeat: no-repeat;
color: #fff!important;
transition-property: background;
transition-duration: 0.5s;
}
.modal-dialog {
right: auto;
left:auto;
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
z-index:10000;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.form-inline .form-control {
display: inline-block;
width: 100%;
vertical-align: middle;
}
}
/*ipad portrait*/
@media (min-width:768px) and (max-width: 992px) {
.bg_tournoi {
background-image: url('https://fmoq.s3.amazonaws.com/divers/tournoi2014_XLG4.png');
background-repeat: no-repeat;
background-position: right 52%;
cursor: pointer;
background-size: 99.9%;
}
.jumbotron h1 {
font-size: 2em!important;
line-height: 1.3em;
}
.thumbnail .caption_contenu {
display: block;
margin: 10px 20px 10px 20px;
width: 310px;
}
.ch_1 {
display: block;
float: left;
height: 200px;
padding-bottom: 5px;
margin-bottom: 14px;
border-top: #333 solid 1px;
}
.modal-dialog {
z-index:10000;
}
}
/*laptop*/
@media (min-width: 980px) and (max-width: 1398px) {
.at4-follow {
position: absolute;
_position: absolute;
top: 157px;/*top: 375px;*/
right: 70px;
font-weight: normal;
color: #666;
cursor: default;
z-index: 10001;
background-color: rgba(0,0,0,0.6);
border-radius: 0 0 8px 8px;
}
}
/*ipad landscape*/
@media (min-width: 993px) and (max-width: 1199px) {
.bg_tournoi {
background-image: url('https://fmoq.s3.amazonaws.com/divers/tournoi2014_XLG4.png');
background-repeat: no-repeat;
background-position: right 60%;
cursor: pointer;
background-size:99.9%;
}
.jumbotron h1 {
font-size: 2em;
}
.thumbnail .caption_contenu {
display: block;
margin: 10px 20px 10px 20px;
width: 260px;
}
/*.at4-follow {
position: fixed;
_position: absolute;
top: 375px;
right: 0;
font-weight: normal;
color: #666;
cursor: default;
z-index: 10001;
background-color: black;
border-radius: 0 0 8px 8px;
}*/
.modal-dialog {
z-index:10000;
}
}
/*#endregion*/
/* #region Mdeium Devices*/
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.jumbotron h1 {
font-size: 2em;
}
.nav > li > a {
padding-right: 15px;
padding-left: 17px;
}
footer .col-md-3 {
border-right: 1px groove #CCC;
height: 225px;
}
.top-header .logo-container img {
width: 120%;/*width: 90%; -> pour logo le-medecin-du-quebec-org.png*/
}
aside.col-md-3 {
padding-left: 0!important;
}
/*Boite Suivez-nous*/
.at4-follow {
background-color:rgba(0,0,0,0.6);
top: 154px!important;
border-radius: 0 0 8px 8px;
}
}
/*#endregion*/
/* #region Large Devices*/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
body {
margin-top: 88px;
}
.top-header {
position: fixed;
top: 70px;
z-index: 100;
width: 100%;
height: 107px;
box-shadow: 0 2px 5px #666;
}
.pub_side {
max-width: 350px;
}
.archives_th {
clear: both;
padding-bottom: 30px;
height:524px
}
/*Boite Suivez-nous*/
.at4-follow {
background-color:rgba(0,0,0,0.6);
top: 158px!important;
border-radius: 0 0 8px 8px;
}
}
/*#endregion*/
/*#endregion*/
/*#region Print */
@media print {
* {
font-size: 10pt;
line-height: 12pt;
}
.print-only {
display: block;
}
body {
padding-top: 0px;
background: none;
background-color: #FFF;
font-size: 11pt!important;
line-height: 13pt!important;
}
.breadcrumb, .navbar-form, .pub_side, .pub_top {
display: none;
}
.top-header .logo-container img {
display: block;
margin: 0;
width: 50%;
}
.chronique-header h1 {
font-size: 1.2em;
line-height: 1em;
margin: 0.5em 0;
}
.art_part_chron h3 {
font-size: 2em;
line-height: 1em;
margin-top: 0em;
}
.art_part_chron .titre2 {
display: block;
margin: 0.2em 0 0;
}
.art_author_date {
margin: 0em;
padding: 0em;
}
.hidden-print {
display: none !important;
}
span.pageArts.glyphicon.glyphicon-play {
display: none;
}
.imageForPrint {
width: 70%;
float: left;
margin: 10px;
}
.imageForPrint_25 {
width: 25%;
float: left;
display: block;
}
.gallery ul {
display: inline;
}
.gallery ul li {
display: inline;
float: left;
}
.gallery li a {
left: 0;
font-size: 0.5em;
}
.test2015 {
}
.gal-on-page {
}
.img-caption-ar.gal-on-page .col-md-4.col-sm-6.col-xs-12 .img-responsive {
margin-bottom:15px;
}
.resizeForPrint {
width: 100%;
}
.container.footForPrint, .container.footForPrint h3, .container.footForPrint p {
color: #000!important;
background-color: #FFF;
}
.encart-lf, .encart-rg, .encart-center {
background: #CCC!important;
}
.encart-lf p, .encart-rg p, .encart-center p {
color: #000!important;
}
p.biblio span {
font-size: 0.9em!important;
line-height: 1em!important;
color: #666;
}
footer {
background-color: #FFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666;
}
footer .col-md-3 {
border: none;
}
.search-container {
display: none;
}
/*------------------------- PAGE - Post-Test ---------------- */
section.post-test-question {
display: block;
margin: 0;
padding: 0;
line-height: 1em;
font-size: 0.9em!important;
}
section.post-test-question header {
font-size: 0.9em!important;
line-height: 1em!important
}
section.post-test-question:first-child {
padding-top: 10px!important;
}
section.post-test-question li {
padding: 3px 0;
float: left;
clear: both;
font-size: 0.8em!important;
line-height: 1em!important;
color: #F00;
}
section.post-test-question footer {
padding: 0.5em 0 0 3em;
color: #000;
font-style: italic;
font-size: 0.8em;
line-height: 0.8em!important;
}
section.post-test-question footer small {
font-size: 0.8em;
line-height: 1em!important;
}
section.post-test-question footer small i {
font-style: italic!important;
font-size: 1em!important;
line-height: 1em!important;
}
section.post-test-question footer small:before {
content: "Référence : ";
display: block;
float: left;
padding-right: 5px;
line-height: 1em!important;
}
/*#endregion*/
}
/*#endregion*/
/* #region @font-face */
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/css/fonts/glyphicons-halflings-regular.eot');
src: url('/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/css/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
/* #endregion*/
/* page 403 */
.container_slider_403 {
width: 100%;
height:110px;
position: relative;
top: 0;
background-color:#6697C8;
margin-bottom:3px;
}
.header_403 {
height:500px;
background-image: url(https://fmoq-mdq.s3.amazonaws.com/generic/header_403.jpg);
background-position:left;
background-repeat:no-repeat;
}
div.txt_zoneRes {
padding:20px;
}
.txt_zoneRes h1 {
font-size:2em;
}
.txt_zoneRes p {
font-size:1.2em;
display:inline-block;
}
.txt_zoneRes ul li {
font-size:1.2em;
margin-bottom:1em;
list-style-type:circle;
}
.txt_zoneRes p.prixAboTexteExplicatif {
}
.boite_acces {
text-align: center!important;
padding: 10px;
background-color: #f3f3f3;
margin: 10px 10px 10px 0;
border-radius: 15px;
height:200px;
}
.boite_acces p a {
color: #fff !important;
text-align: center!important;
font-size: 1.2em;
}
.boite_acces h4 {
margin-bottom:1em;
}
.txt_zoneRes a {
background-color: #8c1c40;
padding: 10px;
display: block;
color:#fff;
font-size:1.2em;
text-align:center;
border-radius: 15px;
}
.newAbo {
width: 50%;
background-color: #77A2CF;
padding: 10px;
display: block;
margin: 5px auto;
}
.newAbo a {
text-transform:uppercase;
text-align:center;
}
.newAbo2 {
width: 50%;
padding: 10px;
display: block;
margin: 5px auto;
}
p.prixAbo {
font-size: 1em !important;
text-align: center !important;
display: block;
}
p.prixAboTexteExplicatif {
font-size: 1em !important;
display: block;
}
.lighbox-abonnement {
padding: 25px;
position: relative;
background-color:white;
border-radius:10px;
}
.lighbox-abonnement h4 {
font-size: 1.45em;
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 1.5;
}
.lighbox-abonnement ul li {
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
}
.txt_zoneRes_gris {
background-color: #f3f3f3;
}
.txt_zoneRes_gris p {
font-size:1.5em;
}
strong {
font-weight: bold;
font-size: 1em;
}
.jumbotronTeaser p strong {
font-weight: bold;
font-size: 0.8em;
}
.top-nav-social {
padding: 0px;
top: 0px;
display: inline-block;
right: 20px;
background-color:none!important;
border:none!important;
position:absolute;
}
.top-nav-social ul li {
display: inline-block;
list-style-type: none;
}
.top-nav-social ul {
margin-top:0px!important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.top-nav-social {
padding: 0px;
top: 120px;
display: inline-block;
right: 5px;
background-color:none!important;
border:none!important;
position:absolute;
}
.top-nav-social ul li {
display: inline-block;
margin:0 2px;
text-align:right;
max-width:35px!important;
}
.top-nav-social a {
padding:0!important;
}
.top-nav-social ul li a img {
width:100%;
}
}
@media (max-width: 375px) {
.top-nav-social {
padding: 0px;
bottom: 0px;
display: inline-block;
right: 5px;
background-color:none!important;
background-color:transparent!important;
border:none!important;
position:relative;
}
.top-nav-social ul {
display:inline-block;
list-style-type:none;
}
.top-nav-social ul li {
margin:0 2px;
text-align:right;
}
.top-nav-social a {
max-width:25px!important;
padding:0!important;
}
.top-nav-social ul li a img {
width:100%;
}
}
.fiche {
border:3px solid #679904;
background-color:#fff;
padding:0px 10px 10px;
margin:10px 0;
box-shadow:2px -2px 5px #56585a;
border-radius:0 25px 0 0;
}
.fiche h3 {
font-size:1.8em;
background-color:#679904;
color:#fff!important;
}
.fiche h2 {
font-size:1.3em;
}
/*harmonisation*/
li.focus a, li.dropdown a.dropdown-toggle, li.dropdown ul.dropdown-menu li a {
text-transform: uppercase;
}