2021-02-06 22:22:13 +01:00
// perso
// les différences
2021-09-02 20:04:44 +02:00
. btn {
padding : 0 .5 em 1 em ;
font-weight : 500 ;
2021-10-03 17:54:47 +02:00
border-radius : 0 ;
2021-09-02 20:04:44 +02:00
& : hover {
2022-02-15 22:20:11 +01:00
background : $couleurPrincipaleOn ;
color : $couleurPrincipale !important ;
2021-09-02 20:04:44 +02:00
}
}
span . btn {
2022-02-15 22:20:11 +01:00
cursor : text ;
2021-09-02 20:04:44 +02:00
}
2021-09-13 13:45:14 +02:00
. flex {
2022-02-15 22:20:11 +01:00
width : 100 % ;
clear : both ;
2021-09-13 13:45:14 +02:00
}
2021-09-02 20:04:44 +02:00
2021-02-06 22:22:13 +01:00
. page_wrapper {
2021-09-28 12:10:21 +02:00
background : $couleurPrincipale url( '../images/egalizer.png' ) repeat-x center - 300 px ;
2021-09-02 20:04:44 +02:00
/* background-attachment:fixed; */
2021-02-09 08:03:46 +01:00
@media ( $bp-small ) {
2021-09-28 12:10:21 +02:00
background : $couleurPrincipale url( '../images/egalizer-480.png' ) repeat-x center - 300 px ;
2021-02-09 08:03:46 +01:00
}
2021-02-06 22:22:13 +01:00
}
. page_header {
padding : 0 ;
> . page_container {
background-color : $couleurSecondaire ;
2021-10-18 15:44:10 +02:00
@include flex () ;
2022-02-15 22:20:11 +01:00
align-items : stretch ;
2022-05-26 11:51:17 +02:00
2021-07-30 00:11:35 +02:00
}
. header_title {
2022-02-18 15:19:23 +01:00
width : 150 px ;
2022-02-18 14:09:06 +01:00
padding : 0 .5 rem 0 .5 em 0 .2 rem ;
background : $couleurSecondaire ;
2022-02-18 15:19:23 +01:00
@media ( max-width : 400 px ) {
margin-left : - 1 .2 em ;
}
2021-02-06 22:22:13 +01:00
}
2021-03-07 12:55:04 +01:00
. header_menu {
flex-grow : 2 ;
2021-10-03 18:25:32 +02:00
padding : 0 ;
2021-07-30 00:11:35 +02:00
. nav {
padding-top : 0 ;
2021-10-03 17:35:26 +02:00
. nav-list {
@include flex () ;
2022-02-15 22:20:11 +01:00
justify-content : end ;
align-items : stretch ;
background : $couleurPrincipale ;
2021-10-03 17:35:26 +02:00
}
li {
margin : 0 ;
}
a {
padding : 1 .1 rem 1 rem 1 rem ;
margin : 0 ;
background : $couleurPrincipale !important ;
border : 0 ;
& : hover , & : active , & : focus , &. on {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipale !important ;
background : $couleurPrincipaleOn !important ;
2021-10-03 17:35:26 +02:00
border : 0 ;
}
}
2021-07-30 00:11:35 +02:00
}
2021-03-07 12:55:04 +01:00
. liens {
2022-02-18 14:09:06 +01:00
margin : 3 rem 0 0 .7 em 0 ;
2022-02-16 23:42:17 +01:00
@include flex () ;
flex-direction : row-reverse ;
align-items : end ;
. btn {
padding : 0 .7 em 1 em ;
}
. sociaux_podcast {
margin : 0 0 0 ;
@include flex () ;
align-items : center ;
2022-02-18 14:09:06 +01:00
@include media ( $bp-small-up ) {
> . btn {
width : 217 px ;
}
}
2022-02-16 23:42:17 +01:00
}
. sociaux {
display : inline-block ;
font-size : 1 .1 rem ;
margin : 0 1 rem 0 0 ;
. socicon {
background : none !important ;
color : $blancTransparent ;
& : hover , &: focus {
color : $couleurPrincipaleOn ;
}
}
}
. formulaire_spip . formulaire_abomailman_mini_une_liste {
2022-02-18 14:09:06 +01:00
width : 217 px ;
2022-02-16 23:42:17 +01:00
min-height : 2 .5 rem ;
position : relative ;
margin : 0 0 0 1 rem ;
text-align : left ;
. reponse_formulaire {
position : absolute ;
top : 0 ;
right : 0 ;
margin : 0 ;
width : 300 px ;
z-index : 999 ;
transition : transform 0 .15 s ease-in-out ;
& . masquer {
transform : scale ( 0 ) ;
}
}
}
2022-02-16 12:51:55 +01:00
. abonnement {
position : relative ;
label {
position : relative ;
2022-02-18 15:28:16 +01:00
font-size : 0 .9 rem ;
2022-02-16 12:51:55 +01:00
padding-right : 2 rem ;
font-weight : 400 ;
2022-02-16 23:42:17 +01:00
width : 100 % ;
2022-02-16 12:51:55 +01:00
& : after {
@include triangle ( right , white , 8 px ) ;
position : absolute ;
right : 0 .6 rem ;
top : 50 % ;
margin-top : - 8 px ;
}
& : hover : after {
@include triangle ( right , $couleurPrincipale , 8 px ) ;
}
}
# email {
position : absolute ;
2022-02-16 23:42:17 +01:00
top : 110 % ;
2022-02-16 12:51:55 +01:00
width : 260 px ;
right : 0 ;
2022-02-16 23:42:17 +01:00
z-index : 1 ;
2022-02-16 12:51:55 +01:00
. js & {
transform : scale ( 0 ) ;
}
border : 2 px solid $grayLighter ;
transition : transform 0 .15 s ease-in-out ;
padding : 0 .3 em 0 .8 em ;
& : focus-visible { // styles firefox indesirables
outline : 0 ;
}
& . vu {
transform : scale ( 100 % ) ;
box-shadow : 0 0 5 px #d0e2f3 ;
}
}
}
. formulaire_spip . abonnement button {
bottom : auto ;
2022-02-16 23:42:17 +01:00
top : 132 % ;
2022-02-16 12:51:55 +01:00
height : 2 rem ;
transition : transform 0 .15 s ease-in-out ;
. js & {
transform : scale ( 0 ) ;
}
& . vu {
transform : scale ( 100 % ) ;
}
}
2021-03-07 12:55:04 +01:00
. btn {
2022-02-18 15:28:16 +01:00
font-size : 0 .9 rem ;
2021-03-07 12:55:04 +01:00
. fas : before {
2022-02-16 12:51:55 +01:00
font-size : 1 rem ;
2021-03-07 12:55:04 +01:00
}
& : hover , &: focus {
2022-02-15 22:20:11 +01:00
background : $couleurPrincipaleOn ;
color : $couleurPrincipale !important ;
2021-03-07 12:55:04 +01:00
. fas : before {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipale !important ;
2021-03-07 12:55:04 +01:00
}
}
}
2022-05-26 11:51:17 +02:00
2021-03-07 12:55:04 +01:00
}
}
2021-02-06 22:22:13 +01:00
> . page_container . nav > ul . loupe a {
2021-10-03 17:35:26 +02:00
padding : 0 ;
2021-02-06 22:22:13 +01:00
i . fa-search {
2022-02-18 14:09:06 +01:00
padding : 0 .5 rem ;
background-color : $couleurSecondaire ;
/* font-size: 1.2rem; */
border-radius : 50 % ;
2022-02-18 15:19:23 +01:00
margin : 0 .8 em 0 .8 em 0 .5 em ;
2021-10-03 17:35:26 +02:00
}
2022-02-18 14:09:06 +01:00
& : focus , & : active , &: hover {
background : none !important ;
i . fa-search {
background-color : $couleurPrincipaleOn ;
color : $couleurPrincipale ;
}
2021-02-06 22:22:13 +01:00
}
}
}
2021-03-07 14:53:42 +01:00
2021-02-06 22:22:13 +01:00
. page_header_container {
align-items : flex-start ;
}
2021-03-11 16:29:35 +01:00
. arbo {
@include visuallyhidden ;
2021-03-07 12:55:04 +01:00
}
2022-02-22 09:08:20 +01:00
. postmeta {
margin : 0 1 rem ;
}
2021-07-30 00:11:35 +02:00
. encart {
2022-02-15 22:20:11 +01:00
float : right ;
text-align : right ;
2021-07-30 00:11:35 +02:00
font-size : 1 .1 rem ;
margin-left : 2 rem ;
span {
2022-02-15 22:20:11 +01:00
font-size : 115 % ;
2021-07-30 00:11:35 +02:00
& . btn {
background : $couleurSecondaire ;
2022-02-15 22:20:11 +01:00
color : white !important ;
font-weight : 900 ;
margin : 0 .6 rem 0 0 .3 rem ;
padding : 1 .3 rem 2 rem ;
2021-07-30 00:11:35 +02:00
& : first-letter {
2022-02-15 22:20:11 +01:00
text-transform : uppercase ;
2021-07-30 00:11:35 +02:00
}
}
}
2021-10-12 09:31:46 +02:00
@include media ( $bp-xxsmall ) {
2022-02-15 22:20:11 +01:00
float : none ;
2021-10-12 09:31:46 +02:00
}
2021-07-30 00:11:35 +02:00
}
2021-09-28 22:27:51 +02:00
. bientot {
2022-02-15 22:20:11 +01:00
display : inline-block ;
color : $couleurSecondaire ;
font-weight : 900 ;
2021-09-28 22:27:51 +02:00
}
2021-07-30 00:11:35 +02:00
2021-09-10 12:36:03 +02:00
//----------------------------------------
// Boutons
//----------------------------------------
. button ,
2021-09-10 14:15:48 +02:00
. formulaire_spip : not ( . formulaire_recherche ) : not ( . formulaire_abomailman_mini_une_liste ) button ,
2022-05-26 11:51:17 +02:00
. formulaire_spip input [ type = submit ]
2021-09-10 12:36:03 +02:00
{
@include bouton ( $couleur-boutons , #fff , $couleurPrincipaleOn ) ;
}
2021-10-03 17:54:47 +02:00
. formulaire_spip . formulaire_recherche form , . button , . formulaire_spip : not ( . formulaire_recherche ) : not ( . formulaire_abomailman_mini_une_liste ) button , . formulaire_spip input [ type = " submit " ] ,
html . formulaire_spip input [ type = " text " ] {
border-radius : 0 ;
}
2021-09-10 12:36:03 +02:00
2021-09-23 23:27:35 +02:00
. sansbordure a . spip_out , a . sansbordure {
border : 0 !important ;
2021-09-10 12:36:03 +02:00
}
2021-02-06 22:22:13 +01:00
. texte_accueil {
2021-10-29 17:04:05 +02:00
. page_content > article & : not ( . annonce ) {
2021-10-05 15:09:50 +02:00
margin-bottom : 0 ;
2022-10-21 18:22:33 +02:00
margin-top : 4 rem ;
padding-right : 2 rem ;
2021-10-05 15:09:50 +02:00
}
2022-02-16 23:42:17 +01:00
background-color : white ;
2021-07-30 00:11:35 +02:00
. main {
2022-02-16 23:42:17 +01:00
padding-bottom : 1 rem ;
2021-07-30 00:11:35 +02:00
}
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium-up ) {
. flex2 > . main {
2022-02-16 23:42:17 +01:00
max-width : 60 % ;
2021-09-14 10:06:42 +02:00
}
. flex2 > . aside {
2022-02-16 23:42:17 +01:00
max-width : 40 % ;
padding-left : 4 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
padding-left : 2 rem ;
2021-09-14 10:06:42 +02:00
}
}
2021-09-13 13:26:46 +02:00
}
2022-05-26 11:51:17 +02:00
2021-02-06 22:22:13 +01:00
}
2022-12-02 14:22:49 +01:00
. body__sommaire . page_main . annonce {
2021-10-29 17:04:05 +02:00
h1 {
margin-top : 0 ;
}
}
2021-02-06 22:22:13 +01:00
. article-resume {
2022-02-15 22:20:11 +01:00
background-color : white ;
2022-02-16 23:42:17 +01:00
padding : 1 rem ;
2021-02-06 22:22:13 +01:00
}
2021-09-07 11:11:19 +02:00
. article__texte {
2022-02-16 23:42:17 +01:00
margin-bottom : 3 rem ;
2021-09-07 11:11:19 +02:00
}
2021-09-15 11:37:24 +02:00
. article__interactivite {
2021-10-05 10:33:19 +02:00
> div {
@include flex ;
> a {
margin-left : 1 rem ;
}
}
p {
margin : 0 ;
2021-09-15 11:37:24 +02:00
}
}
2021-02-06 22:22:13 +01:00
2021-06-10 18:05:33 +02:00
. page_main {
2022-02-16 23:42:17 +01:00
overflow : hidden ;
2021-06-10 18:05:33 +02:00
}
2021-09-09 14:46:52 +02:00
. page_main_content {
align-items : start ;
2021-09-10 12:36:03 +02:00
@include media ( $bp-medium-up ) {
2021-09-10 14:08:21 +02:00
. page_article : not ( . article_chronique ) & {
2022-02-15 22:20:11 +01:00
background : white ;
2021-09-10 12:36:03 +02:00
. page_aside {
2022-02-15 22:20:11 +01:00
margin-left : 0 ;
2021-09-10 12:36:03 +02:00
}
}
}
2021-09-09 14:46:52 +02:00
}
2021-07-01 09:09:09 +02:00
. composition_emissions , . composition_emission , . composition_chroniques {
2022-05-26 11:51:17 +02:00
2021-07-01 09:09:09 +02:00
. page_main_content {
flex-direction : column ;
}
. page_content , . page_aside {
2022-05-26 11:51:17 +02:00
2021-07-01 09:09:09 +02:00
}
. page_content {
2022-05-26 11:51:17 +02:00
2021-07-01 09:09:09 +02:00
}
2021-02-06 22:22:13 +01:00
}
2021-09-23 20:24:38 +02:00
2021-09-03 11:29:18 +02:00
. page_content , . page_aside , . page_extra {
2021-09-02 20:04:44 +02:00
> * {
2021-09-29 15:26:35 +02:00
margin : 0 0 2 rem ;
padding : 1 rem 4 rem ;
2021-10-07 15:13:14 +02:00
@include clearfix () ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
padding : 1 rem 2 rem ;
2021-09-14 10:06:42 +02:00
}
2021-09-02 20:04:44 +02:00
& . page_extra {
padding : 0 ;
}
& . btn {
2022-02-15 22:20:11 +01:00
background : $couleurSecondaire ;
color : white !important ;
2021-09-10 12:36:03 +02:00
& : hover {
2022-02-15 22:20:11 +01:00
background : $couleurPrincipaleOn ;
color : white !important ;
2021-09-02 20:04:44 +02:00
}
}
}
2021-09-28 23:13:59 +02:00
> article {
2021-09-29 15:26:35 +02:00
padding : 2 rem 4 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
padding : 2 rem 2 rem 1 rem ;
2021-09-14 10:06:42 +02:00
}
2022-02-15 22:20:11 +01:00
background-color : white ;
2021-09-28 23:13:59 +02:00
h1 {
margin : 0 ;
}
2021-09-03 11:29:18 +02:00
}
2021-09-28 23:13:59 +02:00
/ * . page_article & > article , . composition_emission & > article , > . texte , > . ps , . rubrique_blog & > section , > . periode ,
2021-09-09 14:46:52 +02:00
. prochaine_emission , . derniere_emission , . page_recherche & {
2021-09-03 11:29:18 +02:00
background-color : white ;
2021-09-28 23:13:59 +02:00
} * /
2021-09-02 20:04:44 +02:00
> . ajaxbloc {
padding-top : 0 ;
2021-09-28 12:10:21 +02:00
margin-top : 6 rem ;
2021-09-02 20:04:44 +02:00
position : relative ;
. emissions > h2 , . emissions > a {
2022-02-15 22:20:11 +01:00
position : absolute ;
margin-top : - 2 .6 rem ;
2021-07-30 00:11:35 +02:00
}
2021-09-06 22:06:58 +02:00
. article_blog & {
margin-top : 0 ;
2021-09-29 15:26:35 +02:00
padding : 1 rem 2 rem ;
2022-02-15 22:20:11 +01:00
background-color : white ;
2021-09-06 22:06:58 +02:00
. pagination . pagination-items a , . pagination . lien_pagination a {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipale ;
2021-09-06 22:06:58 +02:00
}
}
2021-07-30 00:11:35 +02:00
}
2021-09-23 22:49:32 +02:00
. composition_blog & > . content {
margin : 0 ;
}
2021-02-06 22:22:13 +01:00
}
2021-03-07 12:55:04 +01:00
2021-09-13 15:53:29 +02:00
. page_content {
. page_rubrique & {
/* background-color:#fff; */
}
2021-09-23 20:31:26 +02:00
. rubrique_chroniques & . liste . articles {
2022-02-15 22:20:11 +01:00
margin-top : 3 rem ;
2021-09-23 20:24:38 +02:00
}
2021-09-13 15:53:29 +02:00
@include media ( $bp-medium-up ) {
> * {
2021-09-29 15:26:35 +02:00
/* padding-right:2rem; */
2021-09-13 15:53:29 +02:00
}
2022-05-26 11:51:17 +02:00
2021-09-13 15:53:29 +02:00
}
@include media ( $bp-large-up ) {
}
}
. page_aside {
2022-02-15 22:20:11 +01:00
background : white ;
2021-09-13 15:53:29 +02:00
> ul . article-resume {
padding : 0 ;
}
2021-09-28 12:10:21 +02:00
> * {
2021-10-12 10:19:58 +02:00
@include media ( $bp-medium-up ) {
padding-left : 0 ;
}
2021-09-13 15:53:29 +02:00
}
}
2021-10-12 10:19:58 +02:00
. page_extra {
2022-02-16 23:42:17 +01:00
background : white ;
2021-10-12 10:19:58 +02:00
}
2021-09-23 20:24:38 +02:00
2021-06-10 18:05:33 +02:00
h2 {
font-weight : 900 ;
}
. fl {
2022-02-15 22:20:11 +01:00
border-top : 2 em solid $couleurPrincipale ;
border-bottom : 2 em solid $couleurPrincipale ;
margin : 0 - 1000 px ;
padding : 2 em 1000 px ;
background : white ;
2021-06-10 18:05:33 +02:00
}
. fb {
padding : 2 em 0 ;
> h2 {
margin-top : 2 em ;
}
}
. photoapril {
margin-bottom : 1 em ;
}
2021-07-11 10:29:14 +02:00
. galeriephotos {
2022-02-15 22:20:11 +01:00
float : right ;
2021-09-14 12:38:39 +02:00
font-size : 1 .2 rem ;
line-height : 1 .8 ;
2021-07-11 10:29:14 +02:00
}
2021-09-09 20:26:33 +02:00
. galerie_photoapril figure {
@include media ( $bp-large-up ) {
& : first-child {
2022-02-15 22:20:11 +01:00
text-align : left ;
2021-09-09 20:26:33 +02:00
}
& : last-child {
2022-02-15 22:20:11 +01:00
text-align : right ;
2021-09-09 20:26:33 +02:00
}
}
}
2021-06-10 18:05:33 +02:00
. licence {
padding : 1 em ;
line-height : 1 .2 ;
margin-top : 2 em ;
background : $couleurBackgroundTexteBleu ;
}
2021-09-23 16:33:03 +02:00
. detail_emission ul , ul . spip , li ul . spip , . sujets > ul {
@include liste-triangle ;
2021-09-28 16:59:02 +02:00
margin-left : 0 ;
}
ul . spip {
ul . spip {
2021-09-29 15:26:35 +02:00
margin-left : 1 rem ;
2021-09-28 16:59:02 +02:00
}
2021-06-10 18:05:33 +02:00
}
2021-09-23 16:33:03 +02:00
2021-06-10 18:05:33 +02:00
. btn . blanc {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipale !important ;
background : white ;
2021-06-10 18:05:33 +02:00
border : 1 px solid rgba ( $couleurPrincipale , 0 .2 ) ;
2021-10-03 17:54:47 +02:00
border-radius : 0 ;
2021-06-10 18:05:33 +02:00
& : hover {
background : $couleurPrincipaleOn ;
}
2021-07-30 00:11:35 +02:00
& . bold {
border-color : $couleurPrincipale ;
}
2021-06-10 18:05:33 +02:00
}
2021-05-28 10:25:45 +02:00
. article__infos {
2022-02-15 22:20:11 +01:00
position : relative ;
height : auto ;
2021-05-28 10:25:45 +02:00
width : auto ;
white-space : inherit ;
clip : unset ;
clip-path : unset ;
font-size : 1 em ;
2022-02-15 22:20:11 +01:00
margin : - 2 rem 0 1 rem - 4 rem ;
2021-10-20 22:00:00 +02:00
display : flex ;
align-items : center ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2022-02-15 22:20:11 +01:00
margin : - 2 rem - 200 px 0 - 2 rem ;
2021-10-12 09:31:46 +02:00
line-height : 1 .2 ;
. emission_heroine & {
@include flex () ;
}
. article__date {
/* flex-grow:1; */
}
. prochaine_emission . emission_heroine & {
margin-right : 0 ;
2021-09-14 13:02:12 +02:00
}
2021-09-14 10:06:42 +02:00
}
@include media ( $bp-small ) {
2022-02-15 22:20:11 +01:00
margin : - 2 rem 0 0 - 2 rem ;
2021-09-14 10:06:42 +02:00
}
2021-11-08 10:58:23 +01:00
@include media ( $bp-xxsmall ) {
flex-wrap : wrap ;
. article__date , . btn {
2022-02-15 22:20:11 +01:00
margin : 0 .3 rem 0 0 1 rem ;
2021-11-08 10:58:23 +01:00
}
}
2022-02-15 22:20:11 +01:00
overflow : visible ;
2021-09-03 11:29:18 +02:00
. composition_blog & {
margin : 0 ;
}
2021-05-28 10:25:45 +02:00
}
. num_emission {
2022-02-15 22:20:11 +01:00
display : inline-block ;
2021-03-11 16:29:35 +01:00
width : 150 px ;
padding : 0 .5 rem ;
2021-05-28 10:25:45 +02:00
margin-right : 1 .5 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-small ) {
margin-right : 0 .5 rem ;
}
2021-03-11 16:29:35 +01:00
font-weight : 700 ;
2021-05-28 10:25:45 +02:00
font-size : 2 .8 rem ;
2022-02-15 22:20:11 +01:00
text-align : center ;
2021-03-11 16:29:35 +01:00
color : $couleurSecondaire ;
background : $couleurBackgroundTexte ;
2021-05-28 10:25:45 +02:00
font-family : $typo-titre ;
2022-05-26 11:51:17 +02:00
2021-05-28 10:25:45 +02:00
}
2021-06-25 07:52:45 +02:00
. article__date {
display : none ; /* provisoire, par simplicite */
}
2021-07-30 00:11:35 +02:00
2021-09-02 20:04:44 +02:00
. composition_emissions , . composition_emission , . emissions , . derniere_emission , . prochaine_emission {
. article__date {
2022-02-15 22:20:11 +01:00
display : inline ;
2021-09-02 20:04:44 +02:00
font-size : 1 .5 rem ;
color : $couleurSecondaire ;
font-weight : 700 ;
font-family : $typo-titre ;
2021-11-08 11:01:04 +01:00
@include media ( $bp-small ) {
2021-11-08 10:58:23 +01:00
font-size : 1 .2 rem ;
}
2021-09-02 20:04:44 +02:00
}
}
. composition_blog {
. article__date {
display : inline-block ;
}
2021-10-12 10:19:58 +02:00
. page_content , . page_aside , . page_extra {
> aside , > footer {
margin : 0 ;
padding : 0 ;
}
}
2021-03-11 16:29:35 +01:00
}
2021-09-03 11:29:18 +02:00
. liste . articles . blog {
2022-02-15 22:20:11 +01:00
background-color : white ;
margin : - 2 rem 0 ;
2021-09-03 11:29:18 +02:00
. liste-items {
list-style : none ;
2021-09-29 15:26:35 +02:00
margin : 0 0 2 rem ;
2021-09-03 11:29:18 +02:00
. item {
border-top : 1 px solid $couleurPrincipale ;
& : first-child {
border : 0 ;
}
. article-resume {
padding-left : 0 ;
padding-right : 0 ;
}
}
}
}
2021-06-21 10:00:24 +02:00
. lecteur {
@include flex ;
2022-02-15 22:20:11 +01:00
align-items : center ;
2021-09-29 15:26:35 +02:00
margin-bottom : 3 rem ;
2021-06-21 10:00:24 +02:00
> . podlove_wrapper {
width : 76 % ;
}
2021-09-10 12:36:03 +02:00
@include media ( $bp-medium ) {
flex-direction : column ;
text-align : center ;
2021-09-29 15:26:35 +02:00
margin : 0 - 4 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-10-07 14:39:42 +02:00
margin : 0 ;
2021-09-14 10:06:42 +02:00
}
2021-09-10 12:36:03 +02:00
. telecharger {
padding : 0 ;
2021-09-29 15:26:35 +02:00
margin-top : 1 rem ;
2021-09-10 12:36:03 +02:00
}
> . podlove_wrapper {
width : 100 % ;
}
}
2021-07-11 11:41:33 +02:00
}
2021-09-23 23:27:35 +02:00
. texte_aside {
2021-07-30 00:11:35 +02:00
width : 200 px ;
2021-09-29 15:26:35 +02:00
padding : 0 0 1 rem 2 rem ;
2022-02-15 22:20:11 +01:00
text-align : center ;
2021-09-24 12:27:01 +02:00
@include media ( $bp-small ) {
2021-09-29 15:26:35 +02:00
padding : 0 0 1 rem ;
2021-09-24 12:27:01 +02:00
margin : 0 auto ;
}
2021-09-23 23:27:35 +02:00
}
. telecharger {
list-style : none ;
2021-09-29 15:26:35 +02:00
margin : 0 0 0 .5 rem ;
2022-02-15 22:20:11 +01:00
text-align : left ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-small ) {
2021-09-29 15:26:35 +02:00
padding : 0 0 1 rem ;
2021-09-14 10:11:11 +02:00
margin : 0 auto ;
2022-05-26 11:51:17 +02:00
2021-09-14 10:06:42 +02:00
}
2021-07-11 11:41:33 +02:00
li {
2021-09-29 15:26:35 +02:00
padding : 0 .5 rem 0 0 .5 rem ;
2021-07-11 11:41:33 +02:00
}
. btn . podcast {
width : 100 % ;
padding-left : 2 .2 rem ;
2021-07-30 00:11:35 +02:00
padding-bottom : 0 .3 rem ;
2021-07-11 11:41:33 +02:00
font-size : 1 .15 rem ;
2022-02-15 22:20:11 +01:00
text-transform : none ;
2021-07-30 00:11:35 +02:00
& : before {
left : 0 .8 rem ;
}
2021-07-11 11:41:33 +02:00
}
}
2021-09-24 00:40:12 +02:00
. duree {
font-size : 0 .7 rem ;
}
2021-07-11 11:41:33 +02:00
. btn . podcast {
2022-02-15 22:20:11 +01:00
padding : 0 0 .5 em 0 .1 em 1 rem ;
position : relative ;
text-align : left ;
2021-07-11 11:41:33 +02:00
border-width : 0 .25 em ;
2022-02-15 22:20:11 +01:00
border-color : $couleurSecondaire ;
color : $couleurSecondaire !important ;
font-weight : 900 ;
font-size : 0 .6 rem ;
text-transform : uppercase ;
2021-09-23 15:15:47 +02:00
& : not ( . mini ) : before {
2021-07-11 11:41:33 +02:00
@include triangle ( right , $couleurSecondaire , 0 .5 em ) ;
position : absolute ;
2021-07-30 00:11:35 +02:00
left : 0 .4 rem ;
2021-07-11 11:41:33 +02:00
top : 50 % ;
2022-02-15 22:20:11 +01:00
margin-top : - 0 .45 em ;
2021-07-11 11:41:33 +02:00
}
small {
font-size : 0 .7 em ;
font-weight : 400 ;
}
2021-09-23 15:15:47 +02:00
& . mp3 : not ( . mini ) {
2021-07-11 11:41:33 +02:00
border-color : $couleurPrincipale ;
color : $couleurPrincipale !important ;
& : before {
@include triangle ( right , $couleurPrincipale , 0 .5 em ) ;
}
}
& : hover , & : active , &: focus {
2021-07-30 00:11:35 +02:00
background : $couleurPrincipaleOn !important ;
2021-07-11 11:41:33 +02:00
border-color : $couleurPrincipaleOn !important ;
2021-07-30 00:11:35 +02:00
color : $couleurPrincipale !important ;
& : before {
@include triangle ( right , $couleurPrincipale , 0 .5 em ) ;
}
2021-07-11 11:41:33 +02:00
}
2021-09-23 15:15:47 +02:00
& . mini {
2022-02-15 22:20:11 +01:00
background-color : white ;
background-position : top !important ;
2021-09-23 17:50:39 +02:00
background-size : 100 % !important ;
2022-02-15 22:20:11 +01:00
border : 0 !important ;
transition : none !important ;
height : 11 px ;
width : 33 px ;
padding : 0 ;
2021-09-23 15:15:47 +02:00
& : before {
2022-02-15 22:20:11 +01:00
display : none ;
2021-09-23 15:15:47 +02:00
}
& : hover {
2022-02-15 22:20:11 +01:00
background-color : white !important ;
background-position : bottom !important ;
background-size : 100 % !important ;
2021-09-23 15:15:47 +02:00
}
& . ogg {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/ogg.png' ) ;
2021-09-29 15:26:35 +02:00
margin-left : 1 rem ;
2021-09-23 15:15:47 +02:00
& : hover {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/ogg.png' ) !important ;
2021-09-23 15:15:47 +02:00
}
}
& . mp3 {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/mp3.png' ) ;
2021-09-29 15:26:35 +02:00
margin-left : 0 .5 rem ;
2021-09-23 15:15:47 +02:00
& : hover {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/mp3.png' ) !important ;
2021-09-23 15:15:47 +02:00
}
}
}
2021-07-11 11:41:33 +02:00
}
. sujet_autre {
background : $couleurBackgroundTexte ;
2021-09-29 15:26:35 +02:00
padding : 1 rem 4 rem ;
margin : 2 rem - 4 rem - 2 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
padding : 1 rem 2 rem ;
margin : 2 rem - 2 rem - 2 rem ;
2021-09-14 10:06:42 +02:00
}
2021-09-14 12:31:30 +02:00
& . flex {
2022-02-15 22:20:11 +01:00
width : auto ;
2021-09-14 12:31:30 +02:00
}
2021-09-28 16:45:44 +02:00
> ul {
2021-07-12 09:22:15 +02:00
@include flex ;
@include vendor-prefix ( flex - wrap , wrap ) ;
2021-09-28 16:45:44 +02:00
> li {
2021-07-12 09:22:15 +02:00
width : 50 % ;
& : nth-child ( odd ) {
2021-09-29 15:26:35 +02:00
padding-right : 2 rem ;
2021-07-12 09:22:15 +02:00
}
& : nth-child ( even ) {
2021-09-29 15:26:35 +02:00
padding-left : 2 rem ;
2021-09-28 16:59:02 +02:00
& : before {
2021-09-29 15:26:35 +02:00
left : 1 rem ;
2021-09-28 16:59:02 +02:00
}
2021-07-12 09:22:15 +02:00
}
2021-09-28 16:45:44 +02:00
h3 {
margin : 0 ;
}
2021-07-12 09:22:15 +02:00
}
}
2021-07-30 00:11:35 +02:00
// pour insertion dans le texte/chapo avant d'avoir le podcast
. chapo & {
2021-09-29 15:26:35 +02:00
margin-bottom : - 2 rem ;
2022-02-15 22:20:11 +01:00
clear : both ;
2021-07-30 00:11:35 +02:00
font-size : 1 rem ;
> * {
font-size : 1 .2 rem ;
}
}
2021-09-08 11:29:22 +02:00
. derniere_emission & {
2021-09-29 15:26:35 +02:00
margin : 0 - 4 rem ;
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
margin : 0 - 2 rem ;
2021-09-14 10:06:42 +02:00
}
2022-02-15 22:20:11 +01:00
width : auto ;
2021-09-08 11:29:22 +02:00
}
2021-06-21 10:00:24 +02:00
}
2021-03-07 12:55:04 +01:00
2021-07-30 00:11:35 +02:00
/* notation */
2021-09-29 16:21:56 +02:00
. formulaire_notation . notation_note {
2022-02-15 22:20:11 +01:00
display : inline-block ;
2021-09-29 16:21:56 +02:00
}
2021-07-30 00:11:35 +02:00
. formulaire_jaime_jaimepas {
. note , . reponse_formulaire {
2022-02-15 22:20:11 +01:00
float : left ;
2021-07-30 00:11:35 +02:00
}
}
2021-05-28 10:25:45 +02:00
div . star-rating , div . star-rating a {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/star.png' ) ;
2021-05-28 10:25:45 +02:00
}
div . rating-cancel a {
2022-02-15 22:20:11 +01:00
background-image : url( 'img/delete.png' ) ;
2021-05-28 10:25:45 +02:00
}
2021-07-30 00:11:35 +02:00
/**/
2021-03-07 12:55:04 +01:00
2021-07-30 00:11:35 +02:00
. sociaux {
. socicon {
display : inline-block ;
2022-02-16 23:42:17 +01:00
padding : .35 em ;
2021-07-30 00:11:35 +02:00
}
a . spip_out {
border : 0 ;
}
}
2021-09-10 12:36:03 +02:00
a : hover . fab , a : hover . fas {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipaleOn ;
2021-09-10 12:36:03 +02:00
}
2021-07-30 00:11:35 +02:00
/* bloc connex */
. page_connex {
2022-02-15 22:20:11 +01:00
margin : 3 rem 0 0 ;
padding : 0 0 1 rem ;
2021-09-28 12:10:21 +02:00
/* background:$couleurPrincipale; */
2021-07-30 00:11:35 +02:00
}
. page_connex_content {
2022-02-15 22:20:11 +01:00
color : white ;
2021-09-23 21:29:37 +02:00
. liste h2 {
2022-02-15 22:20:11 +01:00
color : white ;
font-size : 1 rem ;
2021-07-30 00:11:35 +02:00
}
ul {
2022-02-15 22:20:11 +01:00
list-style : none ;
margin-left : 0 ;
2021-07-30 00:11:35 +02:00
li {
2022-02-15 22:20:11 +01:00
margin : 0 0 0 .5 rem ;
2021-07-30 00:11:35 +02:00
}
}
a {
border : 0 ;
}
2021-03-07 12:55:04 +01:00
}
2021-09-23 21:29:37 +02:00
. article_forum {
2022-02-15 22:20:11 +01:00
background : white ;
color : $couleurPrincipale ;
margin : 0 0 4 rem ;
padding : 1 rem 4 rem ;
2021-09-23 21:29:37 +02:00
@include media ( $bp-medium ) {
2022-02-15 22:20:11 +01:00
padding : 1 rem 2 rem ;
2021-09-23 21:29:37 +02:00
}
}
2021-07-30 00:11:35 +02:00
/**/
2021-03-11 16:29:35 +01:00
. page_footer {
. article {
@include media ( $bp-small-up ) {
@include flex ;
2022-02-15 22:20:11 +01:00
justify-content : space-between ;
2021-03-11 16:29:35 +01:00
> * {
width : calc ( 50 % - 1 rem ) ;
}
}
. article__texte , . article__chapo {
margin-bottom : 2 rem ;
2022-02-15 22:20:11 +01:00
font-weight : 400 ;
2021-05-11 22:18:36 +02:00
strong , i , . btn {
2022-02-15 22:20:11 +01:00
font-size : 115 % ;
2021-05-11 22:18:36 +02:00
}
2021-03-11 16:29:35 +01:00
}
}
. formulaire_spip . formulaire_recherche {
2021-05-11 22:18:36 +02:00
/* max-width:100%; */
2021-03-11 16:29:35 +01:00
}
}
2021-06-21 10:00:24 +02:00
2021-07-30 00:11:35 +02:00
/* page sommaire */
2022-12-02 14:22:49 +01:00
. body__sommaire . page_main {
2021-07-30 00:11:35 +02:00
h1 {
margin : 1 em 0 0 .8 em ;
2021-10-05 10:33:19 +02:00
}
. emission_heroine h1 {
2021-10-03 13:39:06 +02:00
font-size : 2 .4 rem ;
2021-10-12 09:31:46 +02:00
@include media ( $bp-xxsmall ) {
font-size : 2 rem ;
}
2021-07-30 00:11:35 +02:00
}
}
2021-09-28 12:10:21 +02:00
. emission-resume . article-resume {
2022-02-15 22:20:11 +01:00
align-items : center ;
2021-09-29 15:26:35 +02:00
padding : 0 1 rem 0 4 rem ;
2021-09-28 12:10:21 +02:00
margin : 0 ;
@include media ( $bp-medium ) {
2022-02-15 22:20:11 +01:00
padding : 0 1 rem 0 2 rem ;
2021-09-28 12:10:21 +02:00
}
2021-10-21 10:10:43 +02:00
h1 {
small {
2022-02-15 22:20:11 +01:00
display : inline-block ;
2021-10-21 10:10:43 +02:00
}
2022-11-22 17:38:39 +01:00
a : hover . fa-link {
opacity : 1 ;
}
}
. fa-link {
font-size : 0 .7 em ;
opacity : 0 .2 ;
2021-10-21 10:10:43 +02:00
}
2021-09-28 12:10:21 +02:00
}
2021-10-03 18:14:10 +02:00
2021-09-03 11:29:18 +02:00
. derniere_emission , . liste . emissions {
padding-bottom : 0 ;
> h2 {
2022-02-15 22:20:11 +01:00
color : white ;
2021-09-28 12:10:21 +02:00
. page_recherche & {
2022-02-15 22:20:11 +01:00
padding : 0 4 rem ;
2021-09-28 12:10:21 +02:00
}
2021-07-30 00:11:35 +02:00
}
. article__infos {
margin-top : 0 ;
. num_emission {
2022-02-15 22:20:11 +01:00
font-size : 2 rem ;
padding : 0 .1 rem 1 rem ;
2021-07-30 00:11:35 +02:00
width : auto ;
}
. article__date {
font-size : 1 rem ;
color : $couleurPrincipale ;
font-weight : 400 ;
}
. btn . blanc {
2021-09-24 23:15:58 +02:00
margin-left : 1 rem ;
2021-07-30 00:11:35 +02:00
font-weight : 700 ;
}
}
2021-10-05 15:09:50 +02:00
}
. derniere_emission : not ( . emission_heroine ) {
. emission-resume {
margin : 0 - 4 rem ;
2021-09-14 12:12:19 +02:00
@include media ( $bp-medium ) {
2021-09-29 15:26:35 +02:00
margin : 0 - 2 rem ;
2021-09-14 12:12:19 +02:00
}
2021-07-30 00:11:35 +02:00
}
}
2021-10-05 15:09:50 +02:00
. derniere_emission . emission_heroine {
2022-02-15 22:20:11 +01:00
position : relative ;
margin-top : - 2 rem ;
padding : 0 ;
padding-left : 0 !important ;
padding-right : 0 !important ;
background : white ;
2021-10-03 18:14:10 +02:00
> h2 {
color : $couleurPrincipale ;
/* margin-top:-3.6rem; */
/* margin-bottom:0.65rem; */
padding-left : 4 rem ;
@include media ( $bp-medium ) {
/* margin-bottom: 2.05rem; */
}
@include media ( $bp-small ) {
/* margin-bottom: 2.15rem; */
}
}
2021-10-03 18:49:50 +02:00
html : not ( . composition_chroniques ) & . article__infos {
2022-02-15 22:20:11 +01:00
margin-top : 0 ;
2021-10-03 18:49:50 +02:00
}
2021-10-03 18:14:10 +02:00
}
2021-10-05 15:09:50 +02:00
. prochaine_emission . emission_heroine {
. page_content > article & {
2022-02-15 22:20:11 +01:00
margin-bottom : 4 rem ;
2021-10-05 15:09:50 +02:00
}
}
2021-10-03 18:14:10 +02:00
2021-09-28 22:27:51 +02:00
. texte_content {
flex : 1 ;
2022-02-15 22:20:11 +01:00
padding-bottom : 1 rem ;
2021-10-12 09:31:46 +02:00
min-height : 240 px ;
2021-09-28 22:27:51 +02:00
h1 {
2022-02-15 22:20:11 +01:00
font-size : 1 .6 rem ;
2021-09-28 22:27:51 +02:00
}
h2 {
2022-02-15 22:20:11 +01:00
font-size : 1 .2 rem ;
2021-09-28 22:27:51 +02:00
}
p . flex {
2022-02-15 22:20:11 +01:00
margin : 1 rem 0 ;
padding-right : 2 rem ;
align-items : center ;
2021-09-28 22:27:51 +02:00
. podcast {
2022-02-15 22:20:11 +01:00
font-size : 110 % ;
text-transform : none ;
padding-left : 1 .6 rem ;
2021-09-28 22:27:51 +02:00
}
}
}
2021-09-02 20:04:44 +02:00
. liste . emissions {
2021-07-30 00:11:35 +02:00
. cartouche {
2022-02-15 22:20:11 +01:00
margin : 0 ;
2021-07-30 00:11:35 +02:00
}
> h2 {
2022-02-15 22:20:11 +01:00
margin-bottom : 0 .6 rem ;
2022-12-02 12:54:04 +01:00
@media ( max-width : 460 px ) {
margin-left : - 2 rem ;
margin-right : - 2 rem ;
}
2021-07-30 00:11:35 +02:00
}
> ul {
2022-02-15 22:20:11 +01:00
list-style : none ;
2021-07-30 00:11:35 +02:00
padding : 0 ;
2021-09-29 15:26:35 +02:00
margin : 0 - 4 rem ;
2021-09-28 12:10:21 +02:00
. page_recherche & {
2022-02-15 22:20:11 +01:00
margin : 0 ;
2021-09-28 12:10:21 +02:00
}
2021-09-14 10:06:42 +02:00
@include media ( $bp-medium ) {
2022-02-15 22:20:11 +01:00
margin : 0 - 2 rem ;
2021-09-14 10:06:42 +02:00
}
2021-07-30 00:11:35 +02:00
> li {
2021-09-03 11:29:18 +02:00
margin-bottom : 2 px ;
2021-07-30 00:11:35 +02:00
}
}
2021-10-21 10:10:43 +02:00
li {
line-height : 1 .3 ;
margin-bottom : 0 .5 rem ;
> small {
2022-02-15 22:20:11 +01:00
display : inline-block ;
margin-left : 0 .5 rem ;
2021-10-21 10:10:43 +02:00
}
}
2022-05-26 11:51:17 +02:00
2022-02-22 08:38:35 +01:00
. pagination {
2022-02-22 08:54:22 +01:00
. pagination-items a , . pagination-items span , . lien_pagination , . lien_pagination span , . pages a , . pages strong {
2022-02-22 08:38:35 +01:00
color : white ;
padding : 0 .2 em 0 .5 em ;
border-radius : 0 ;
& . on , & : hover {
background-color : #587ca0 !important ;
}
2021-09-08 11:29:22 +02:00
}
}
. sujet_autre {
2021-09-29 15:26:35 +02:00
margin : 1 rem - 1 rem - 1 rem ;
2022-02-15 22:20:11 +01:00
padding : 1 rem ;
width : auto ;
2021-09-08 11:29:22 +02:00
}
2022-10-21 18:22:33 +02:00
& . emissions_selectionaccueil {
position : relative ;
2022-12-02 12:59:21 +01:00
. controlcarousel {
display : inline-block ;
}
2022-11-30 15:42:24 +01:00
. avant {
@include triangle ( left , white , 0 .4 em ) ;
}
. ensuite {
@include triangle ( right , white , 0 .4 em ) ;
}
. avant , . ensuite {
display : inline-block ;
margin : 0 0 .2 em ;
cursor : pointer ;
& . disabled {
opacity : 0 .5 ;
cursor : default ;
}
}
2022-10-21 18:22:33 +02:00
. owl-carousel {
2022-11-30 15:42:24 +01:00
margin : 0 - 4 rem ;
width : auto ;
2022-12-01 15:55:33 +01:00
@media ( max-width : 768 px ) {
margin : 0 - 2 rem ;
}
2022-10-21 18:22:33 +02:00
article {
padding : 0 1 rem ;
2022-11-30 15:42:24 +01:00
h1 small , . texte_aside , . podcast , . sujets {
2022-10-21 18:22:33 +02:00
display : none ;
opacity : 0 ;
}
& : hover {
. sujets , . btn . blanc {
/* display: block; */
/* opacity: 1; */
/ *
position : absolute ;
top : 100 % ;
background : white ; * /
}
}
. article__infos {
margin : 0 0 1 rem - 1 rem ;
position : static ;
. btn . blanc {
position : absolute ;
bottom : 1 rem ;
right : 0 ;
}
}
. texte_content {
position : relative ;
2022-12-01 15:55:33 +01:00
min-height : 320 px ;
2022-10-21 18:22:33 +02:00
}
}
. owl-nav {
font-size : 6 rem ;
button . owl-prev , button . owl-next {
color : white ;
position : absolute ;
top : - 2 rem ;
right : - 4 rem ;
line-height : 1 ;
background : none !important ;
@media ( max-width : 768px ) {
right : - 2 .5 rem ;
}
span {
display : block ;
}
}
button . owl-prev {
left : - 4 rem ;
@media ( max-width : 768px ) {
left : - 2 .5 rem ;
}
}
}
}
}
2022-11-30 15:42:24 +01:00
. emission-resume . article-resume h1 {
margin-top : 0 .8 em ;
margin-bottom : 1 .5 em ;
small {
display : block ;
}
2022-10-21 18:22:33 +02:00
}
2021-07-30 00:11:35 +02:00
}
2021-09-02 20:04:44 +02:00
. liste . emissions . chroniques {
> ul > li {
2022-02-15 22:20:11 +01:00
background-color : white ;
margin-bottom : 1 rem ;
2021-09-02 20:04:44 +02:00
}
. emission-resume . article-resume {
2021-09-24 12:27:01 +02:00
/* align-items:start; */
2021-09-02 20:04:44 +02:00
}
2022-05-26 11:51:17 +02:00
2021-09-02 20:04:44 +02:00
}
2021-09-28 17:20:18 +02:00
. emission_heroine . emission-resume . article-resume {
2022-10-21 18:22:33 +02:00
/* margin-bottom:4rem; */
2021-09-29 15:26:35 +02:00
padding-bottom : 2 rem ;
2021-09-28 17:20:18 +02:00
. article__infos {
2021-09-29 15:26:35 +02:00
margin : 0 0 0 - 4 rem ;
2021-10-03 17:54:47 +02:00
@include media ( $bp-medium ) {
margin : 0 0 0 - 2 rem ;
}
2021-09-28 17:20:18 +02:00
}
2021-07-30 00:11:35 +02:00
. article__date {
2022-02-15 22:20:11 +01:00
display : inline-block ;
2021-10-19 17:06:18 +02:00
margin-right : 1 rem ;
2021-07-30 00:11:35 +02:00
font-size : 1 rem ;
color : $couleurPrincipale ;
font-weight : 400 ;
}
. chapo {
font-size : 1 .2 rem ;
}
2021-09-14 16:37:13 +02:00
. radiolive {
clear : right ;
2021-09-28 10:53:32 +02:00
text-align : center ;
2022-02-15 22:20:11 +01:00
max-width : 100 % ;
2021-09-29 15:26:35 +02:00
margin : 0 0 1 rem ;
2021-09-14 16:37:13 +02:00
h4 {
2022-02-15 22:20:11 +01:00
text-align : center ;
2021-09-14 16:37:13 +02:00
}
2021-09-28 10:53:32 +02:00
iframe {
2022-02-15 22:20:11 +01:00
min-height : 300 px ;
2021-09-28 10:53:32 +02:00
}
2021-09-14 16:37:13 +02:00
}
@include media ( $bp-medium ) {
2021-09-14 16:48:41 +02:00
h1 , . chapo , . sujet_principal {
2022-02-15 22:20:11 +01:00
clear : both ;
2021-09-14 16:46:33 +02:00
}
2021-09-14 16:37:13 +02:00
. encart , . radiolive {
2022-02-15 22:20:11 +01:00
clear : both ;
margin : 0 0 1 rem ;
2021-09-14 16:37:13 +02:00
}
}
2021-09-14 16:51:56 +02:00
@include media ( $bp-small ) {
. radiolive {
margin : 0 - 2 rem ;
float : none ;
}
}
2021-07-30 00:11:35 +02:00
}
2021-09-23 15:45:33 +02:00
/* modele radiolive */
. radiolive {
2021-10-07 15:13:14 +02:00
@include clearfix () ;
2021-09-23 15:45:33 +02:00
p {
2022-02-15 22:20:11 +01:00
line-height : 1 .1 ;
2021-09-23 15:45:33 +02:00
}
2021-09-28 10:53:32 +02:00
iframe {
2022-02-15 22:20:11 +01:00
min-height : 300 px ;
2021-09-28 10:53:32 +02:00
}
2021-10-05 18:19:43 +02:00
audio {
2021-10-07 14:39:42 +02:00
@include media ( $bp-medium ) {
2022-02-15 22:20:11 +01:00
margin : 0 .5 rem - 4 rem ;
width : 100 % ;
2021-10-07 14:39:42 +02:00
}
}
. live_audio {
@include media ( $bp-medium-up ) {
@include flex () ;
2022-02-15 22:20:11 +01:00
align-items : center ;
justify-content : space-between ;
2021-10-07 14:39:42 +02:00
> * {
width : 33 % ;
& : first-child {
2022-02-15 22:20:11 +01:00
text-align : left ;
2021-10-07 14:39:42 +02:00
}
& : last-child {
2022-02-15 22:20:11 +01:00
text-align : right ;
2021-10-07 14:39:42 +02:00
}
}
}
2022-02-15 22:20:11 +01:00
padding : 1 rem ;
background : $couleurSecondaire ;
color : white ;
text-align : center ;
2021-10-07 14:39:42 +02:00
h4 {
margin : 0 ;
2022-02-15 22:20:11 +01:00
color : white ;
2021-10-07 14:39:42 +02:00
}
2021-10-05 18:19:43 +02:00
}
2021-09-23 15:45:33 +02:00
}
2021-06-21 10:00:24 +02:00
2021-07-30 00:11:35 +02:00
. orange {
color : $couleurSecondaire ;
}
2021-06-21 10:00:24 +02:00
2022-02-22 08:38:35 +01:00
. pagination {
. pagination-items a , . pagination-items span , . lien_pagination a / * spip 3 et 4 * / {
color : white ;
. composition_blog & {
color : $couleurPrincipale ;
}
2021-09-06 22:06:58 +02:00
}
2021-09-03 11:29:18 +02:00
}
2021-09-13 13:09:23 +02:00
. header_initiatives , . header_initiatives . nav , . btn-nav , . header_initiatives . btn-initiatives {
2021-10-04 07:46:50 +02:00
@include gradient-4 ( #02375b , #02375b , #02375b , #00263e ) ;
2021-09-13 13:09:23 +02:00
. inclure_blocs { /* pour un var_mode=inclure sans encombre */
2022-02-15 22:20:11 +01:00
display : none ;
2021-09-13 13:09:23 +02:00
}
}
2021-09-13 13:26:46 +02:00
/* centrer le lecteur audio pour SPIP3 */
. audio-wrapper {
margin : 0 auto ;
}
2021-09-08 11:29:22 +02:00
2021-09-13 15:53:29 +02:00
2021-10-18 15:44:10 +02:00
. page_recherche , . page_plan {
2021-09-28 12:10:21 +02:00
. page_content . formulaire_spip . formulaire_recherche {
2022-05-26 11:51:17 +02:00
margin : 0 ;
2021-09-28 12:10:21 +02:00
}
2021-10-05 18:48:18 +02:00
. page_content {
2022-02-15 22:20:11 +01:00
background : white ;
2022-05-26 11:51:17 +02:00
p {
margin : 0 ;
}
2021-10-05 18:48:18 +02:00
}
2021-09-28 12:10:21 +02:00
}
2021-09-13 15:53:29 +02:00
2021-09-13 13:09:23 +02:00
/* ajout Antoine - 1 */
2021-06-21 10:00:24 +02:00
/*! Plusieurs typographies sont finalement trop grosses, j'ai réduit. */
h1 , . h1 {
2021-11-08 11:16:52 +01:00
/* font-size: 2.6em; */
2021-09-13 18:56:00 +02:00
a {
border : 0 ;
}
2021-06-21 10:00:24 +02:00
}
h2 {
font-weight : 700 ;
}
. article-resume__titre a {
color : #2E5281 ;
border-bottom : inherit ;
}
/*! certaines graisses sont trop forte en 700.*/
2021-09-27 14:22:30 +02:00
/ * . page_header > . page_container . nav a {
2021-06-21 10:00:24 +02:00
font-weight : 500 ;
2021-09-27 14:22:30 +02:00
} * /
2021-06-21 10:00:24 +02:00
2022-02-15 22:20:11 +01:00
/ * ! Sur le menu j ' ai augmenté la hauteur du bouton RSS et le champ recherche. Pour le menu avec le hover je propose de modifier le design, car le bouton bleu cyan au rollover est trop prégnant. Je convertis en filets simlple 2pt. Par contre j ' ai basculé le padding sur le " li " sinon le filet sous le " a " débordait de chaque côté ( voir copie-écran de la retouche css de la bannière )
2021-06-21 10:00:24 +02:00
Sur le menu , je vais voir s ' il est possible de faire des filets de rollover composés de tirets et de points avec les fonctions css border-image. Ce qui ferrait un rappel du design.*/
/*! cyan ausurvol*/
. page_header . nav a : hover , . page_header . nav a . on , . page_header . nav a . active {
color : white !important ;
background-color : transparent !important ;
2022-02-15 22:20:11 +01:00
border-bottom : 3 px solid #00c4f5 ;
2021-06-21 10:00:24 +02:00
}
2021-10-04 07:46:50 +02:00
. header_initiatives . menu-entree . sousinitiatives > ul . ouvert li {
background : #02375b ;
}
2021-06-21 10:00:24 +02:00
/*! bleu charte ensuite */
. page_header . nav a . on , . page_header . nav a . active {
2022-02-15 22:20:11 +01:00
border-bottom : 3 px solid #2E5281 ;
2021-06-21 10:00:24 +02:00
}
. formulaire_spip input [ type = " text " ] {
min-height : 2 .5 em ;
line-height : 1 .875 em ;
}
/*! trop gros, j'ai réduis. */
. num_emission {
font-size : 2 .3 rem ;
}
. nav li {
margin : 0 0 .7 em ;
}
. page_header . nav a {
padding : 0 .3 em 0 em 0 .2 em ;
color : white !important ;
background-color : inherit ;
2022-02-15 22:20:11 +01:00
border-radius : 0 ;
border-bottom : 3 px solid transparent ;
2021-06-21 10:00:24 +02:00
}
2022-02-15 22:20:11 +01:00
/*! couleurs des liens sortants selon la maquette */
2021-06-21 10:00:24 +02:00
. formulaire_spip . abonnement button : : after {
bottom : 0 .8 rem ;
}
2022-05-26 11:51:17 +02:00
2021-06-21 10:00:24 +02:00
/*! fond du cartouche galerie selon la maquette avec ombrages*/
. fl {
background : #EEF1F5 ;
box-shadow : inset 0 px 1 px 20 px rgba ( 0 , 0 , 0 , 0 .5 ) ;
}
/*! Polices du pied de page plus maigre */
. page_footer p {
font-size : 0 .8 rem ;
font-weight : 200 ;
2021-07-30 00:11:35 +02:00
a , a . spip_out {
2022-02-15 22:20:11 +01:00
display : inline ;
font-weight : 400 ;
color : white ;
border-bottom-width : 1 px ;
2021-07-30 00:11:35 +02:00
}
}
2021-09-09 14:46:52 +02:00
/ *
2022-05-26 11:51:17 +02:00
* ajouts Antoine 07 / 09
2021-09-09 14:46:52 +02:00
* /
/ * réduction de corps de titre
* /
h3 , . h3 {
font-size : 1 .2 em ;
}
2021-10-04 09:38:09 +02:00
/ * pas de graissage de corps . Dans le corps de texte , les liens " a " sont soulignés
2021-09-09 14:46:52 +02:00
* /
a . spip_out {
font-weight : 400 ;
2021-10-04 09:38:09 +02:00
color : #2E5281 ;
border-bottom : 1 px solid $couleurPrincipale ;
2021-09-09 14:46:52 +02:00
}
/ * réduction et degraissages des boutons podcats
* /
. btn . podcast {
padding : 0 em 0 .5 em 0 em 1 rem ;
border-width : 0 .15 rem ;
font-weight : 700 ;
font-size : 0 .5 rem ;
}
. podlove . native , . podlove . info , . podlove . progress {
font-family : $typo-titre ;
color : #005184 ;
font-weight : 300 ;
}
2021-10-03 17:54:47 +02:00
2021-09-09 14:46:52 +02:00
. telecharger . btn . blanc {
border-width : 0 .3 rem ;
}
. telecharger . btn . podcast {
font-size : 1 rem ;
font-weight : 600 ;
}
. btn . podcast small {
font-size : 0 .6 em ;
font-weight : 300 ;
}
2021-09-14 12:22:35 +02:00
/* ajout du 14/09 */
/* titres des chroniques en corps moins gras et gros */
. chronique h3 {
font-weight : 400 ;
font-size : 1 em ;
line-height : 1 .6 em ;
font-family : ' lato ' , ' sans-serif ' ;
}
2021-10-04 09:38:09 +02:00
2021-09-14 12:22:35 +02:00
/* liens du footer */
. page_footer p {
line-height : 1 .8 em ;
}
. page_footer p a , . page_footer p a . spip_out {
border-bottom : none ;
}
. page_footer a : hover , . page_footer p a : hover , . page_footer p a . spip_out : hover {
color : #00c4f5 ;
}
. sociaux . socicon : hover {
color : #00c4f5 ;
}
/* pave dernière émission, calage des boutons à gauche */
. derniere_emission . texte_content p . flex , . liste . emissions . texte_content p . flex {
margin : 1 rem 0 ;
justify-content : start ;
}
. derniere_emission . texte_content p . flex a , . liste . emissions . texte_content p . flex a {
margin-right : 2 rem ;
}
/* repositionnement photo de l'émission (IMCOMPLET:si possible un format carré) */
. derniere_emission . photo , . liste . emissions . photo {
max-width : 250 px ;
}
. derniere_emission . photo . photoapril , . liste . emissions . photo . photoapril {
margin : 1 em ;
}
. derniere_emission . photo , . liste . emissions . photo {
background : inherit ;
}
. derniere_emission . photo a , . liste . emissions . photo a {
color : #2E5281 ;
padding : 0 ;
margin-right : 1 em ;
}
2021-09-09 14:46:52 +02:00
/ *
2022-05-26 11:51:17 +02:00
* fin
2021-09-09 14:46:52 +02:00
* /
2021-10-05 18:46:12 +02:00
. page_header > . page_container . nav > ul . loupe . formulaire_recherche . vu {
top : 1 .4 rem ;
}
2021-09-09 14:46:52 +02:00
2021-07-30 00:11:35 +02:00
@media ( max-width : 940 px ) {
. page_header > . page_container {
. nav {
2022-02-16 23:42:17 +01:00
font-size : 0 .95 rem ;
z-index : 7 ;
position : static ;
2021-10-03 17:35:26 +02:00
> . nav-list {
2022-02-16 23:42:17 +01:00
position : absolute ;
width : 100 % ;
top : 36 px ;
left : - 100 % ;
z-index : 10 ;
justify-content : space-around ;
2021-07-30 00:11:35 +02:00
& . ouvert {
left : 0 ;
}
. loupe {
. formulaire_recherche . vu {
2022-02-16 23:42:17 +01:00
right : 50 % ;
2022-02-15 22:20:11 +01:00
margin-right : - 160 px ;
max-width : 320 px ;
2021-07-30 00:11:35 +02:00
form {
padding : 0 .5 rem ;
& : before {
2022-02-15 22:20:11 +01:00
display : none ;
2021-07-30 00:11:35 +02:00
}
}
}
}
}
}
}
. btn-nav {
2022-02-16 23:42:17 +01:00
display : block ;
2021-07-30 00:11:35 +02:00
}
. header_initiatives {
. btn-initiatives {
2022-02-15 22:20:11 +01:00
display : block ;
2021-07-30 00:11:35 +02:00
}
2021-10-03 17:35:26 +02:00
. nav {
2022-02-15 22:20:11 +01:00
position : absolute ;
2021-10-03 17:35:26 +02:00
width : 100 % ;
top : 36 px ;
left : - 100 % ;
@include vendor-prefix ( transition , all 0 .3 s ease-in-out ) ;
& . ouvert {
left : 0 ;
}
ul , . initiatives {
2022-02-15 22:20:11 +01:00
display : inline ;
2021-10-03 17:35:26 +02:00
}
2021-07-30 00:11:35 +02:00
}
}
2022-05-26 11:51:17 +02:00
2022-02-16 23:42:17 +01:00
. page_header . header_menu . liens {
flex-direction : column ;
margin-top : 2 .5 rem ;
. formulaire_spip . formulaire_abomailman_mini_une_liste {
margin : 0 0 0 .3 rem ;
}
2021-07-30 00:11:35 +02:00
}
}
2022-02-16 23:42:17 +01:00
@media ( min-width : 941 px ) {
2021-07-30 00:11:35 +02:00
. page_header > . page_container . nav {
2022-02-16 23:42:17 +01:00
position : relative ;
2021-09-02 20:04:44 +02:00
}
2021-06-21 10:00:24 +02:00
}
2022-02-16 23:42:17 +01:00
2021-10-03 17:35:26 +02:00
@media ( $ bp-medium ) {
. page_header > . page_container {
. nav {
2022-02-15 22:20:11 +01:00
font-size : 0 .95 rem ;
z-index : 7 ;
position : static ;
2021-10-03 17:35:26 +02:00
> . nav-list {
2022-02-15 22:20:11 +01:00
position : absolute ;
width : 100 % ;
top : 36 px ;
left : - 100 % ;
z-index : 10 ;
justify-content : space-around ;
flex-wrap : wrap ;
padding : 0 ;
2022-02-16 23:42:17 +01:00
& . ouvert {
2022-02-15 22:20:11 +01:00
left : 0 ;
2021-10-03 17:35:26 +02:00
}
a {
2022-02-15 22:20:11 +01:00
padding : 1 .1 rem 1 rem 1 rem ;
margin : 0 ;
background : $couleurPrincipale !important ;
2021-10-03 17:35:26 +02:00
border : 0 ;
& : hover , & : active , & : focus , &. on {
2022-02-15 22:20:11 +01:00
color : $couleurPrincipale !important ;
background : $couleurPrincipaleOn !important ;
border : 0 ;
2021-10-03 17:35:26 +02:00
}
}
. loupe {
. formulaire_recherche . vu {
2022-02-15 22:20:11 +01:00
right : 50 % ;
margin-right : - 160 px ;
max-width : 320 px ;
2021-10-03 17:35:26 +02:00
form {
padding : 0 .5 rem ;
& : before {
2022-02-15 22:20:11 +01:00
display : none ;
2021-10-03 17:35:26 +02:00
}
}
}
}
}
}
}
}
2022-02-16 23:42:17 +01:00
@include media ( $bp-small ) {
. page_header > . page_container . nav {
padding-top : 0 ;
}
. article-resume > : last-child . telecharger {
margin-bottom : 1 rem ;
}
2022-05-26 11:51:17 +02:00
2022-02-16 23:42:17 +01:00
. page_header . header_menu . liens {
margin-top : 1 .5 rem ;
. formulaire_spip . formulaire_abomailman_mini_une_liste {
width : 188 px ;
}
. abonnement label . btn {
font-size : 0 .9 rem ;
float : right ;
}
. sociaux {
margin-top : 0 ;
}
. sociaux_podcast {
flex-direction : column-reverse ;
. sociaux {
margin : 0 ;
display : block ;
width : 100 % ;
text-align : right ;
}
}
. btn {
font-size : 0 .9 rem ;
}
}
. page_header . header_title {
min-width : 100 px ;
}
2022-05-26 11:51:17 +02:00
}