/*GÉNÉRIQUE*/
html,
body {
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 16px;
height: 100%;
line-height: 22px;
width: 100%;
}
#conteneur {color:#000; margin:0 auto -30px; min-height:100%; width:100%;}
p {margin:0 0 30px 0; line-height:24px;}
p img {margin-bottom:10px;}
hr {border-color:#d9d9d9; margin:0 0 30px 0;}
/*TITRE*/
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}
h1 {font-size:187.5%;}
h2 {font-size:150%; line-height:28px;}
h3 {font-size:112.5%; font-weight:bold; line-height:1.35;}
h4 {}
h5 {}
h6 {}
.page-id-1728 h3{font-size:87.5%; font-weight:normal; padding: 0px 0 15px 0;}
/* IMAGES */
.alignleft { margin-top: 5px;}
/*LIENS*/
a,
a:link,
a:visited {color:#286f89; text-decoration:none; word-wrap: break-word;}
#ariane a,
#ariane a:link,
#ariane a:visited {color:#0079be;}
a:hover {text-decoration:underline;}
a.lien_externe {background:url('images/fleche_droite_bleu.svg') no-repeat right center; display:inline-block; padding-right:20px;}
/*LISTE*/
ul,
ul li ul {list-style:none; margin:0; padding:0;}
#contenu_centre .metaslider ul {padding:0 0 10px 0;}
#contenu_centre ul {padding:0 0 10px 0;}
ul li {background: url('images/puce.svg') no-repeat; background-position-y:30%; background-position:left top 9px; padding:0 0 10px 18px;}
ol,
ol li ol {margin-left:10px; padding-left:20px;}
/*Iframe*/
iframe{border-width:0;}
/*TABLEAU*/
#main table {display:block; max-width:100%;}
#main table.noSticky {overflow:auto;}
#main table thead {background:#ebebeb; font-weight:bold; text-transform:uppercase;}
#main table thead tr {}
#main table thead tr th {padding:10px 20px;}
#main table thead tr th,
#main table tbody tr td {border:1px solid #d9d9d9;}
#main table tbody {}
#main table tbody tr {}
#main table tbody tr td {padding:15px 20px;}
#main .su-accordion table thead tr th,
#main .su-accordion table thead tr td {background:#F2F2F2;}
#main .su-accordion table tbody tr td {background:#FFF;}
/*ACCORDÉON*/
#main .su-accordion {margin-bottom:20px; clear:both;}
.su-accordion .su-spoiler {}
.su-accordion .su-spoiler .su-spoiler-title {background: url('images/moins.svg') no-repeat #1c4d60; background-position:right 20px center; background-position-y:50%; color:#FFF; font-size:112.5%; font-weight:normal; padding: 10px 40px 10px 20px;}
.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title {background: url('images/plus.svg') no-repeat #286f89; background-position:right 20px center; background-position-y:50%;}
.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title:hover {background-color:#1c4d60;}
.su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {left:auto; right:10px; top:5px;}
.su-accordion .su-spoiler .su-spoiler-title span {display:none;}
.su-accordion .su-spoiler .su-spoiler-content {background:#ebebeb; margin-bottom:17px; padding:30px; position:relative;}
.su-accordion .su-spoiler .su-spoiler-content .degrade {
background: transparent;
background: -moz-linear-gradient(right, rgba(235,235,235,1) 0%, rgba(235,235,235,0) 100%);
background: -webkit-linear-gradient(right, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
background: linear-gradient(to left, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
margin-top:30px;
right:30px;
}
/*FORMULAIRE*/
form .ninja-forms-all-fields-wrap .ninja-forms-required-items {display:none;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select,
form .ninja-forms-all-fields-wrap .field-wrap textarea {margin:0 !important; width:75%;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select {
border: 1px solid #d9d9d9;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 33px;
padding:3px;
}
form .ninja-forms-all-fields-wrap .field-wrap select {
background: url('images/fleche_form.svg') no-repeat right top;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
form .ninja-forms-all-fields-wrap .field-wrap input[type=submit] {background:#0079BE; border:none; box-shadow:none; color:#FFF; float:right; font-weight:bold; line-height:normal; padding:7px 30px;}
form .ninja-forms-all-fields-wrap .field-wrap label {display:block; float:left; padding:5px 10px 0 0; text-align:right; width:25%;}
form .ninja-forms-all-fields-wrap .field-wrap span ul {margin-left:-15px;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li {background:none; float:none;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li label {width:auto;}
#header form input[type=submit],
#header form input[type=text] {border:0; box-shadow:none; color:#818181; font-family:'Roboto', sans-serif; padding:0;}
#header form input[type=text] {padding:0 0 0 7px;}
/*BLOCKQUOTES*/
blockquote {
padding: 0px;
margin: 0 0 30px 0;
font-size: 100%;
border-left: none;
}
/*IMAGES*/
#contenu_centre img {c}
/*TITRE*/
#conteneur #header #header_couleur #header_interieur #titre #titre_site {margin:2px 0 4px;}
/*BOOTSTRAP*/
.row {margin-left: -5px; margin-right: 0px;}
/*CONTENU*/
#conteneur #contenu {}
/*CONTENU INTERIEUR*/
#conteneur #contenu #contenu_interieur {margin:0 auto;}
#conteneur #contenu #contenu_interieur #contenu_centre .su-row {margin-bottom:50px;}
/*La page Labo en vidéos (Meriem 04-04-2017)*/
.page-id-520 #conteneur #contenu #contenu_interieur #contenu_centre .su-row {margin-bottom:0!important;}
/*Pages abo en parcours et expos virtuels / Labo sur le Web */
.page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column p:first-child,
.page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column p:first-child {margin-bottom:0;}
.page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column .su-column-inner > *:last-child,
.page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column .su-column-inner > *:last-child{margin-bottom:20px;}
.page-id-811 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column img,
.page-id-879 #conteneur #contenu #contenu_interieur #contenu_centre .su-row .su-column img{border: 1px solid #ededed;}
/*CONTENU GAUCHE*/
#conteneur #contenu #contenu_interieur #contenu_gauche {}
/*CONTENU CENTRE*/
#conteneur #contenu #contenu_interieur #contenu_centre a.noAfterContent[target="_blank"]:after {content:none;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .entry-content{margin:0;}
#conteneur #contenu #contenu_interieur #contenu_centre .sommaire+p img {width:100%}
/*CONTENU DROITE*/
#conteneur #contenu #contenu_interieur #contenu_droite {}
/*FOOTER*/
#conteneur .push {}
/*FIL D'ARIANE*/
#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li:last-child {color:#585858;}
/*PAGE D'ACCUEIL*/
.home #conteneur #contenu #contenu_interieur #contenu_centre #main {}
/*ARTICLE*/
#conteneur #contenu #contenu_interieur #contenu_centre #main article {}
#conteneur #contenu #contenu_interieur #contenu_centre #main article .entry-header {}
#conteneur #contenu #contenu_interieur #contenu_centre #main article .entry-header .entry-meta {display:none;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .post-navigation {display:none;}
/*CONTRASTE*/
body.contraste {color: #000;}
.contraste #conteneur a {color:#00587f; text-decoration:underline;}
.contraste #conteneur p a {background:#00587f; color:#FFF; padding:2px; text-decoration:none;}
.contraste #conteneur a:hover {padding:0;}
.contraste #conteneur p a:hover {background:#000; padding:2px;}
/*Réseaux sociaux*/
.contraste #conteneur #contenu #contenu_interieur #contenu_gauche div ul li,
.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche div ul li {height:32px;}
.contraste #conteneur #contenu #contenu_interieur #contenu_gauche div ul li a,
.fontPlus #conteneur #contenu #contenu_interieur #contenu_gauche div ul li a {padding:3px 0 0 36px !important;}
/*PAGE EXPOSITION/SITE CONTENU WEB*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .textwidget {}
#conteneur #contenu #contenu_interieur #contenu_centre #main .annees {margin-top:45px;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .annees h2 + hr{margin-top:0px;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .annees article {margin-bottom: 25px;}
#conteneur #contenu #contenu_interieur #contenu_centre #main .annees article .extrait {padding-left:4%;}
/*.category-expositions #conteneur #contenu #contenu_interieur #contenu_centre #main .vignette {min-height:250px;}*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .annees .row hr:last-of-type {display:none;}
/* PROGRAMMATION SCIENTIFIQUE - PROJETS
HISTOIRE PUBLIQUE - EXPOSITIONS
HISTOIRE PUBLIQUE - SITES ET CONTENU WEB */
.parent-pageid-115 blockquote + hr,
.parent-pageid-117 blockquote + hr,
.parent-pageid-119 blockquote + hr,
.parent-pageid-121 blockquote + hr,
.parent-pageid-123 blockquote + hr,
.parent-pageid-125 blockquote + hr,
.parent-pageid-1867 blockquote + hr,
.parent-pageid-1876 blockquote + hr,
.parent-pageid-1249 blockquote + hr,
.parent-pageid-282 blockquote + hr,
.category-expositions blockquote + hr,
.category-sites-contenu-web blockquote + hr{margin-top:30px; margin-bottom:65px;}
.parent-pageid-115 hr,
.parent-pageid-117 hr,
.parent-pageid-119 hr,
.parent-pageid-121 hr,
.parent-pageid-123 hr,
.parent-pageid-125 hr,
.parent-pageid-1867 hr,
.parent-pageid-1876 hr,
.parent-pageid-1249 hr,
.parent-pageid-282 hr,
.category-expositions hr,
.category-sites-contenu-web hr{margin-top:30px; margin-bottom:30px;}
.parent-pageid-115 h4,
.parent-pageid-117 h4,
.parent-pageid-119 h4,
.parent-pageid-121 h4,
.parent-pageid-123 h4,
.parent-pageid-125 h4,
.parent-pageid-1867 h4,
.parent-pageid-1876 h4,
.parent-pageid-1249 h4,
.parent-pageid-282 h4,
.category-expositions h4,
.category-sites-contenu-web h4{padding:10px 40px 10px 23px; background: url('images/fleche_projets.svg') no-repeat center right 20px #286f89; color:#FFF; font-size:95%; font-weight:bold; margin-top:10px;}
.parent-pageid-115 h4:first-of-type,
.parent-pageid-117 h4:first-of-type,
.parent-pageid-119 h4:first-of-type,
.parent-pageid-121 h4:first-of-type,
.parent-pageid-123 h4:first-of-type,
.parent-pageid-125 h4:first-of-type,
.parent-pageid-1867 h4:first-of-type,
.parent-pageid-1876 h4:first-of-type,
.parent-pageid-1249 h4:first-of-type,
.parent-pageid-282 h4:first-of-type,
.category-expositions h4:first-of-type,
.category-sites-contenu-web h4:first-of-type{margin-top:0px;}
.parent-pageid-115 h4 + ul,
.parent-pageid-117 h4 + ul,
.parent-pageid-119 h4 + ul,
.parent-pageid-121 h4 + ul,
.parent-pageid-123 h4 + ul,
.parent-pageid-125 h4 + ul,
.parent-pageid-1867 h4 + ul,
.parent-pageid-1876 h4 + ul,
.parent-pageid-1249 h4 + ul,
.parent-pageid-282 h4 + ul,
.category-expositions h4 + ul,
.category-sites-contenu-web h4 + ul{padding:20px 23px !important; background-color:#dfeaed; font-size:90%; line-height:18px;}
.parent-pageid-115 h4 + ul li,
.parent-pageid-117 h4 + ul li,
.parent-pageid-119 h4 + ul li,
.parent-pageid-121 h4 + ul li,
.parent-pageid-123 h4 + ul li,
.parent-pageid-125 h4 + ul li,
.parent-pageid-1867 h4 + ul li,
.parent-pageid-1876 h4 + ul li,
.parent-pageid-1249 h4 + ul li,
.parent-pageid-282 h4 + ul li,
.category-expositions h4 + ul li,
.category-sites-contenu-web h4 + ul li{padding:0px 0px 10px !important; background:none; }
.parent-pageid-115 h4 + ul li:last-of-type,
.parent-pageid-117 h4 + ul li:last-of-type,
.parent-pageid-119 h4 + ul li:last-of-type,
.parent-pageid-121 h4 + ul li:last-of-type,
.parent-pageid-123 h4 + ul li:last-of-type,
.parent-pageid-125 h4 + ul li:last-of-type,
.parent-pageid-1867 h4 + ul li:last-of-type,
.parent-pageid-1876 h4 + ul li:last-of-type,
.parent-pageid-1249 h4 + ul li:last-of-type,
.parent-pageid-282 h4 + ul li:last-of-type,
.category-expositions h4 + ul li:last-of-type,
.category-sites-contenu-web h4 + ul li:last-of-type{padding:0px !important; }
.page-id-1249 .su-row, .page-id-1249 .su-row,
.page-id-282 .su-row, .page-id-282 .su-row,
.parent-pageid-138 .su-row, .parent-pageid-138 .su-row,
.parent-pageid-172 .su-row, .parent-pageid-172 .su-row{margin-bottom:30px !important;}
.su-spoiler-content .su-row{margin-bottom:20px !important;}
.su-accordion .su-spoiler-content .su-row{margin-bottom:50px !important;}
.su-accordion .su-spoiler-content > *:last-child{margin-bottom:0 !important;}
.su-accordion .su-spoiler-content .su-row img{margin-bottom:20px;}
/*Page Conférences du Labo (Meriem 10-04-2017)*/
.page-id-1728 .su-spoiler-content .su-row{margin-bottom:40px !important;}
/*Page Léon Robichaud*/
.page-id-553 h2 {padding-bottom:25px;}
.page-id-553 h3{padding-top:0;}
.resume .su-spoiler{ background:url('images/grey_line.gif') repeat-x center ;}
.resume .su-spoiler.su-spoiler-closed .su-spoiler-title{ top:0px;}
.resume .su-spoiler .su-spoiler-title {
background-position: center !important;
background-position-x: 50% !important;
background-position-y: 50% !important;
padding: 17px;
margin-left: 48%;
margin-right: 52%;
top:-17px;
}
.resume {margin-bottom:60px !important;}
.resume .su-spoiler .su-spoiler-content {
background:url('images/grey_line.gif') repeat-x bottom #e9f0f3;
margin-bottom:0px;
padding: 30px;
position: relative;
}
/************ Page d'Accueil**********/
.accueil_contenu_dynamique{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; padding-top:10px;}
.section_accueil{margin-bottom:70px;}
.section_accueil h2{font-size: 187.5%; line-height:1.17; padding:0 0 19px;}
.section_accueil .accueil_lien_plus{font-weight:700; text-align:right; display:block; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin:0; background: rgba(0, 0, 0, 0) url("images/fleche_droite_bleu.svg") no-repeat scroll right 4px center; padding: 8px 20px 11px 0; }
.section_accueil_single{border-top:1px solid #d9d9d9; padding:19px 0 19px;}
.section_accueil_single h3{font-weight:400; line-height:1.35; padding:0 0 8px;}
.section_accueil_single p{margin-bottom:0;}
.section_accueil_single img{margin:4px 0 15px;}
.nouvelle_single{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
.date_affiche{font-weight:700; margin-bottom:5px;}
.date_limite_concours{font-weight:700;}
.coulisse_single img{margin-bottom:15px;}
/************ Les archives des éléments de l'accueil ie Nouvelles, À l'affiche, Concours et appel à la communication et En coulisse ************/
.section_archives{border-bottom: 1px solid #d9d9d9; padding: 25px 0 30px;}
.category .section_archives:first-of-type{padding-top:0;}
.section_archives h2{padding-bottom:10px;}
.section_archives img{margin:4px 0 15px;}
.section_archives p{margin-bottom:20px;}
.section_archives p:last-child{margin-bottom:0;}
.section_archives .date_affiche{font-weight:700; margin-bottom:5px;}
.nouvelle_archive{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
.coulisse_archive{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
/************* En coulisse Metaslider *************/
.carroussel_gauche{padding: 5px 20px 15px 0;}
.metaslider .legende_coulisse{font-size: 86%; padding: 16px 8px;}
.metaslider-2347{margin-bottom:0!important;}
.metaslider #metaslider_2347.flexslider{margin-bottom:0;}
#contenu_centre .metaslider #metaslider_2347 ul{padding:0;}
.metaslider #metaslider_2347 .slides li a::before{ content: ""; display: block; position: absolute; right:0; top:166px; width: 34px; height: 34px; z-index:1; background: url("images/loupe-coulisse-ss-fond.png") no-repeat top 6px left 6px rgba(0,0,0,0.65);}
.metaslider #metaslider_2347 .slides li a:hover::before{background-color:rgba(0,0,0,0.8);}
/*.ppt{position: absolute; left:15px; bottom:10px; color:#000 !important; font-size:14px !important; line-height:1.2em !important; margin: 10px 0 5px!important; }*/
/************* Metaslider Accueil*************/
.metaslider #metaslider_1763 .caption-wrap {opacity:1;background-color: rgba(0,0,0,0.75);}
.metaslider #metaslider_1763 .slides li a::before{ content: ""; display: block; position: absolute; right:67%; bottom:0; width: 34px; height: 34px; z-index:1; background: url("images/plus.svg") no-repeat center center #286f89; }
.metaslider #metaslider_1763 .slides li a:hover::before{background-color:#af006e;}
/*Classe pour cacher un élément de menu DP-10347 (Meriem) 27-04-2017*/
.menu-cache{display:none;}
/*Navigation des articles : liens articles plus anciens et plus récents*/
.posts-navigation{margin:20px 0 40px; padding-right:20px;}
.posts-navigation .nav-links a{font-weight:700; }
.posts-navigation .nav-links .nav-next a:after{background: rgba(0, 0, 0, 0) url("images/fleche_droite_bleu.svg") no-repeat scroll right 0 center; padding: 12px 20px 11px 0; position:absolute; content:""; }
.posts-navigation .nav-links .nav-previous a{padding:12px 0 11px 20px; position:relative;}
.posts-navigation .nav-links .nav-previous a:after{background: rgba(0, 0, 0, 0) url("images/fleche_droite_bleu.svg") no-repeat scroll left center; padding: 12px 0 11px 0; position:absolute; content:""; transform: rotate(180deg); width:7px; height:7px; left:0;}
/* RSS Événement du jour */
.evenement_jour {background-color: rgba(0,0,0,0.15); padding: 40px 20px;}
.evenement_jour h2{border-bottom: solid thin #658f9e; color: #FFF; padding-bottom:14px; }
.evenement_jour .widgettitle{display:none;}
.evenement_jour ul li {background:none; padding:0; padding-top:10px;}
.evenement_jour a.rsswidget{color:#FFF; font-size:110%; }
.evenement_jour .rssSummary{color: #FFF; padding-top:10px;}
/* Projet en vedette */
#contenu_gauche>.widgettitle,
#contenu_gauche>.textwidget {
background-color: rgba(0,0,0,0.15);
color: #FFF;
padding: 40px 20px 15px 20px;
}
#contenu_gauche>.textwidget {
padding: 0 20px 40px 20px;
}
#contenu_gauche>.textwidget .row {
border-top: solid thin #658f9e;
margin: 0;
padding-top: 20px;
}
#contenu_gauche>.textwidget .row a {
color: #FFF;
}
#contenu_gauche>.textwidget .row .col-xs-6 {
padding: 0;
}
#contenu_gauche>.textwidget .row .col-xs-6:first-child {
padding: 0 10px 0 0;
}
/*Page */
.contenu-archive375{margin-top:50px;}