Changeset 104915 in spip-zone


Ignore:
Timestamp:
Jun 20, 2017, 11:04:11 AM (2 years ago)
Author:
real3t@…
Message:

Mode Cognac, on y est presque !
La couleur des pavés DessousBreves? peut être données par un mot clef du groupe _CouleurRubrique

Location:
_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/presentation/couleurrubrique.html

    r91805 r104915  
    77<BOUCLE_ArticleEnCours(ARTICLES){id_article}>
    88<BOUCLE_RubriqueColoreeArticle(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}>
    9 <BOUCLE_CouleurRubriqueArticle(MOTS){id_rubrique}{type=_CouleurRubrique}>
     9<BOUCLE_CouleurRubriqueArticle(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>
    1010<INCLURE{fond=noisettes/presentation/appliquercouleurrubrique,couleur=(#TEXTE|textebrut)}>
    1111</BOUCLE_CouleurRubriqueArticle>
     
    1313</BOUCLE_ArticleEnCours>
    1414<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}>
    15 <BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}>
     15<BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>
    1616<INCLURE{fond=noisettes/presentation/appliquercouleurrubrique,couleur=(#TEXTE|textebrut)}>
    1717</BOUCLE_CouleurRubrique>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/noisettes/sommaire/sommaire_modeportailcognac.html

    r104846 r104915  
    147147        <div id="projets" class="avec-margin-top">
    148148                <BOUCLE_DessousBreves(RUBRIQUES){titre_mot = DessousBreves }{par num titre}>
    149                 <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}">
     149                <div class="projet idprojet#COMPTEUR_BOUCLE #EDIT{titre}"<BOUCLE_RubriqueColoree(HIERARCHIE){id_rubrique}{tout}{type_mot=_CouleurRubrique}{inverse} {0,1}><BOUCLE_CouleurRubrique(MOTS){id_rubrique}{type=_CouleurRubrique}{0,1}>[ style="background-color: #(#TEXTE|textebrut);"]</BOUCLE_CouleurRubrique></BOUCLE_RubriqueColoree>>
    150150                        <div class="content-projets">
    151151                                <BOUCLE_articles_plusdun(ARTICLES) {id_rubrique} {1,1}{lang}><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_plusdun><BOUCLE_articles_unseul(ARTICLES) {id_rubrique} {0,1}{lang}><a href="#ARTICLE_URL"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]></BOUCLE_articles_unseul><a href="#URL_RUBRIQUE"[ title="(#_DessousBreves:DESCRIPTIF|attribut_html)"]><//B_articles_unseul><//B_articles_plusdun>
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r104715 r104915  
    44
    55#SET{c_vignettes_bk,(#CONFIG{soyezcreateurs_couleurs/vignettes_bk,#ffffff})}
     6#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
     7#SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#eceded})}
     8#SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
     9#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#262626})}
     10        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})}
     11#SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#595959})}
     12        #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#ffffff})}
    613#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
    714        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
     
    1017#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
    1118        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
     19#SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#595959})}
     20        #SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#ffffff})}
    1221#SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})}
    1322        #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})}
     23#SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
     24        #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#0b7899})}
     25#SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#ffffff})}
     26        #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#0b7899})}
     27#SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})}
     28        #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})}
     29
    1430
    1531#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
     
    8399  vertical-align: middle;
    84100}
    85 .flexbox-flex {
    86   display: flex;
    87   align-items: baseline;
    88   margin-bottom: .5em;
    89 }
    90 .flexbox-center-center {
    91   display: flex;
    92   align-items: center;
    93   justify-content: center;
    94   flex-wrap: wrap;
    95 }
    96 .flexbox-center-top {
    97   display: flex;
    98   align-items: stretch;
    99   justify-content: center;
    100   flex-wrap: wrap;
    101 }
    102 .flexbox--center {
    103   display: flex;
    104   align-items: center;
    105 }
    106 .flexbox-flex-row-reverse {
    107   display: flex;
    108   flex-direction: row-reverse;
    109 }
    110 .flex-nowrap {
    111   flex-wrap: nowrap;
    112 }
    113 .flexbox-wrap-space-between {
    114   display: flex;
    115   flex-wrap: wrap;
    116   align-content: space-between;
    117 }
    118 .flexbox-wrap-space-around {
    119   display: flex;
    120   flex-wrap: wrap;
    121   justify-content: space-around;
    122 }
    123 .flexbox-center-space-between {
    124   display: flex;
    125   align-items: center;
    126   justify-content: space-between;
    127 }
    128 .flexbox-start-space-between {
    129   display: flex;
    130   align-items: flex-start;
    131   justify-content: space-between;
    132 }
    133 @media screen and (max-width: 47.9375em) {
    134   .flex-nowrap {
    135     flex-wrap: wrap;
    136   }
    137 }
    138 .flexbox-stretch {
    139   display: flex;
    140   align-items: stretch;
    141 }
    142 @media screen and (max-width: 40em) {
    143   .flexbox-stretch {
    144     display: block;
    145   }
    146 }
     101
    147102.hide {
    148103  display: none;
     
    264219  cursor: pointer;
    265220}
     221
     222.portailcognac #letexte {
     223  display: none;
     224}
     225.portailcognac #content {
     226  padding: 0;
     227}
     228.portailcognac #contenu {
     229  max-width: 100%;
     230  width: 100%;
     231}
     232.portailcognac #contenu #content {
     233  max-width: 100%;
     234  width: 100%;
     235}
     236.portailcognac #contenu #content img {
     237  padding: 0;
     238}
     239.portailcognac #projets {
     240  margin: 0;
     241  padding: 0;
     242}
     243.portailcognac #projets article {
     244  width: 50%;
     245  float: left;
     246}
     247.portailcognac #projets a {
     248  display: flex;
     249  flex-direction: row;
     250  align-content: center;
     251  height: 20vw;
     252  color: white;
     253  border: none;
     254}
     255.portailcognac #projets a:hover {
     256  color: #333;
     257}
     258.portailcognac #projets h2 {
     259  width: 100%;
     260  height: auto;
     261  margin: auto;
     262  padding: 0 10px;
     263  align-self: center;
     264  color: inherit;
     265  font-size: 3vw;
     266  font-weight: 300;
     267  text-align: center;
     268  line-height: 50px;
     269}
     270.portailcognac #projets .suite {
     271  background-color: rgba(100, 100, 100, 0.5) ;
     272  display: flex;
     273  height: auto;
     274  padding: 0 25px;
     275}
     276.portailcognac #projets .suite .icon {
     277  margin: auto;
     278  align-self: center;
     279  font-size: 0;
     280}.portailcognac #projets .suite .icon:before {
     281  font-size: 4vw;
     282}
     283@media only screen and (max-width: 1024px) {
     284  .portailcognac #projets h2 {
     285    font-size: 36px;
     286    line-height: 38px;
     287  }
     288}
     289@media only screen and (max-width: 768px) {
     290  .portailcognac #projets h2 {
     291    font-size: 30px;
     292    line-height: 34px;
     293  }
     294}
     295@media only screen and (max-width: 640px) {
     296  .portailcognac #projets article {
     297    width: 100%;
     298    float: none;
     299  }
     300  .portailcognac #projets article a {
     301    height: auto;
     302  }
     303  .portailcognac #projets h2 {
     304    padding: 1rem;
     305    font-size: 26px;
     306    line-height: 30px;
     307  }
     308  .portailcognac #projets .suite {
     309    padding: 0 15px;
     310  }
     311  .portailcognac #projets .suite .icon {
     312    font-size: 25px;
     313  }
     314}
     315.portailcognac .slider-pratique {
     316  margin: 0 4rem;
     317}
     318.portailcognac .slider-pratique .slick-prev,
     319.portailcognac .slider-pratique .slick-next {
     320  width: 60px;
     321  height: 70px;
     322  text-shadow: initial;
     323}
     324.portailcognac .slider-pratique .slick-prev {
     325  left: -60px;
     326}
     327.portailcognac .slider-pratique .slick-prev:before {
     328  content: "\e907";
     329}
     330.portailcognac .slider-pratique .slick-next {
     331  right: -60px;
     332}
     333.portailcognac .slider-pratique .slick-next:before {
     334  content: "\e906";
     335}
     336.portailcognac .slider-pratique .slick-prev:before,
     337.portailcognac .slider-pratique .slick-next:before {
     338  margin-left: -20px;
     339  font-family: "picto-cognac" ;
     340  font-size: 50px;
     341  opacity: 1;
     342  color: #be1621;
     343}
     344.portailcognac .slider-pratique .slick-prev:hover:before,
     345.portailcognac .slider-pratique .slick-prev:focus:before,
     346.portailcognac .slider-pratique .slick-next:hover:before,
     347.portailcognac .slider-pratique .slick-next:focus:before {
     348  opacity: 1;
     349  color: #333 ;
     350}
     351.portailcognac .slider-pratique button:hover,
     352.portailcognac .slider-pratique button:focus {
     353  background-color: transparent;
     354}
     355.portailcognac .slider-pratique .content-pratique {
     356  background-color: #129b9b;
     357  width: 280px;
     358  margin: 0 12px;
     359  -webkit-transition: all .25s ease;
     360  transition: all .25s ease;
     361}
     362.portailcognac .slider-pratique .content-pratique:hover,
     363.portailcognac .slider-pratique .content-pratique:focus {
     364  background-color: rgba(18, 155, 155, 0.2) ;
     365  -webkit-transition: all .25s ease;
     366  transition: all .25s ease;
     367}
     368.portailcognac .slider-pratique .content-pratique:hover h2,
     369.portailcognac .slider-pratique .content-pratique:focus h2 {
     370  color: #129b9b ;
     371}
     372.portailcognac .slider-pratique .h2 {
     373  display: flex;
     374  height: 150px;
     375  margin: 1.5em 0 0 0;
     376  padding-bottom: 90px;
     377  font-family: 'Open Sans', sans-serif ;
     378  font-size: 26px;
     379  color: white;
     380  font-weight: 300;
     381  text-align: right;
     382}
     383.portailcognac .slider-pratique .h2 .titre-pratique {
     384  width: 100%;
     385  align-self: center;
     386  padding: 10px;
     387  text-align: right;
     388  border-right: 1px solid;
     389}
     390.portailcognac .slider-pratique .h2 .icon {
     391  align-self: center;
     392  padding: 7px 15px 7px 7px;
     393  font-size: 0;
     394}
     395.portailcognac .slider-pratique .h2 .icon:before {
     396  font-size: 30px;
     397}
     398@media only screen and (max-width: 400px) {
     399  .portailcognac .slider-pratique {
     400    margin: 0 2.8rem;
     401  }
     402  .portailcognac .slider-pratique .content-pratique {
     403    width: 240px;
     404  }
     405  .portailcognac .slider-pratique .h2 {
     406    height: 130px;
     407    padding-bottom: 0;
     408    font-size: 21px;
     409  }
     410}
     411
    266412.slick-slider {
    267413  margin-bottom: 4em;
    268414}
    269415
    270 #liens-diaporama {
     416.portailcognac #content .titre-sommaire {
     417  margin-top: 4em;
     418}
     419.portailcognac #content .titre-sommaire:before {
     420  content: "";
     421  display: block;
     422  background-color: #be1621;
     423  width: 100%;
     424  height: 1px;
     425}
     426.portailcognac #content .titre-sommaire h1 {
     427  display: block;
     428  background-color: #eae9e5;
     429  max-width: 1156px;
     430  margin: -1.1em auto 1em auto;
     431  padding: .5em .8em .5em;
     432  color: #be1621;
     433  font-size: 2rem;
     434  line-height: 1em;
     435  border-left: 1px solid #be1621;
     436}
     437@media screen and (max-width: 1178px) {
     438   .portailcognac #content .titre-sommaire h1 {
     439    border-left: none;
     440  }
     441}
     442 .slick-slider {
     443  margin-bottom: 0;
     444}
     445 .slick-slide img {
     446  margin: 0 auto;
     447}
     448 .slick-slide .row {
     449  max-width: none;
     450}
     451 .slick-dots {
     452  bottom: -45px;
     453}
     454 .slick-dots li {
     455  width: 30px;
     456  height: 30px;
     457}
     458 .slick-dots li button {
     459  width: 30px;
     460  height: 30px;
     461}
     462 .slick-dots li button::before {
     463  font-size: 20px;
     464  line-height: 30px;
     465  width: 30px;
     466  height: 30px;
     467}
     468 .slick-dots li.slick-active button::before {
     469  color: #be1621;
     470}
     471 #liens-diaporama {
    271472  position: absolute;
    272473  top: 100px;
    273474  right: 0;
    274475}
    275 @media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
    276   #liens-diaporama {
     476@media only screen and (max-width: 1024px) {
     477   #liens-diaporama {
    277478    top: 5vw;
    278479  }
    279480}
    280481@media only screen and (max-width: 767px) {
    281   #liens-diaporama {
     482   #liens-diaporama {
    282483    position: relative;
    283484    top: 50px;
    284485  }
    285486}
    286 #liens-diaporama ul {
     487 #liens-diaporama ul {
    287488  width: 220px;
    288489  text-align: right;
     
    294495    flex-wrap: wrap;
    295496  }
     497  #liens-diaporama li {
     498    flex-grow: 1;
     499  }
     500}
     501@media only screen and (max-width: 767px) {
     502   #liens-diaporama li a span {
     503    padding: .25em .5em;
     504  }
     505}
     506 #liens-diaporama li a span.icon {
     507  margin-left: .55rem;
     508  padding: .85rem .5rem;
     509  font-size: 0;
     510  border-left: 1px solid #be1621 ;
     511}
     512 #liens-diaporama li a span.icon:before {
     513  font-size: 2.15rem;
     514}
     515 #liens-diaporama li a:hover {
     516  color: #666 ;
     517}
     518@media only screen and (max-width: 767px) {
     519   #liens-diaporama li a {
     520    background-color: #eae9e5;
     521    margin-left: .5em;
     522  }
     523}
     524 #actualites {
     525  margin-top: 7em;
     526}
     527 #lesprojets {
     528  margin-top: 5em;
     529}
     530 #lesprojets .titre-sommaire {
     531  display: none;
     532}
     533
     534 #pratique {
     535  margin-top: 6.5em;
     536  margin-bottom: 4em;
     537}
     538 #pratique .titre-sommaire h1 {
     539  background-color: #CFEBEB;
     540}
     541 .clearfix:after,
     542 .grid:after {
     543  content: '';
     544  display: block;
     545  clear: both;
     546}
     547 #masonry {
     548  max-width: 1200px;
     549  margin: 0 auto;
     550  padding-left: 20px;
     551  text-align: center;
     552}
     553 .grid {
     554  text-align: center;
     555}
     556 .grid-item {
     557  background-color: #eae9e5 ;
     558  height: calc(340px + 65px) ;
     559  margin-bottom: 20px;
     560  -webkit-transition: all .25s ease;
     561  transition: all .25s ease;
     562}
     563 .grid-item:hover,
     564 .grid-item:focus {
     565  background-color: rgba(190, 22, 33, 0.2) ;
     566  -webkit-transition: all .25s ease;
     567  transition: all .25s ease;
     568}
     569 .grid-item .content-actus:nth-child(2) {
     570  margin-top: 0;
     571  border-top: 20px solid white;
     572}
     573 .grid-item header {
     574  font-size: 20px;
     575  font-weight: 300;
     576  line-height: 21px;
     577  overflow: auto;
     578}
     579 .grid-item header strong {
     580  font-size: 36px;
     581  font-weight: 400;
     582}
     583 .grid-item header time {
     584  padding: .75em .5em;
     585}
     586 .grid-item header img {
     587  max-width: 65%;
     588}
     589 .grid-item .h2 {
     590  display: flex;
     591  flex-direction: row;
     592  width: 100%;
     593  height: 95px;
     594  margin: 0;
     595  font-size: 21px;
     596  font-weight: 400;
     597  color: #be1621 ;
     598  line-height: 21px;
     599  text-align: right;
     600}
     601 .grid-item .h2 .icon {
     602  font-size: 0;
     603}
     604 .grid-item .h2 .icon:before {
     605  font-size: 30px;
     606}
     607 .grid-item img {
     608  max-width: 100%;
     609}
     610 .grid-item-x2 {
     611  width: calc(50% - 20px) ;
     612}
     613 .grid-item-x3 {
     614  width: calc(75% - 20px) ;
     615}
     616@media only screen and (max-width: 1200px) {
     617   .grid-item {
     618    height: calc(26vw + 90px) ;
     619  }
     620}
     621@media only screen and (max-width: 1024px) {
     622   .grid-item {
     623    height: calc(34.5vw + 90px) ;
     624  }
     625   .grid-item-x2 {
     626  }
     627   .grid-item-x3 {
     628  }
     629}
     630@media only screen and (max-width: 800px) {
     631   .grid-item header strong {
     632    font-size: 34px;
     633  }
     634}
     635@media only screen and (max-width: 680px) {
     636   .grid-item {
     637    height: auto;
     638  }
     639   .grid-item-x2 {
     640  }
     641}
     642@media only screen and (max-width: 540px) {
     643   .grid-item {
     644  }
     645}
     646
     647#liens-diaporama {
     648  position: absolute;
     649  top: 100px;
     650  right: 0;
     651}
     652@media only screen and (max-width:[(#GET{LargeurContaineur})]px) {
     653  #liens-diaporama {
     654    top: 5vw;
     655  }
     656}
     657@media only screen and (max-width: 767px) {
     658  #liens-diaporama {
     659    position: relative;
     660    top: 50px;
     661  }
     662}
     663#liens-diaporama ul {
     664  width: 220px;
     665  text-align: right;
     666}
     667@media only screen and (max-width: 767px) {
     668  #liens-diaporama ul {
     669    display: flex;
     670    width: 100%;
     671    flex-wrap: wrap;
     672  }
    296673}
    297674#liens-diaporama li {
    298   background-color: rgba(255, 255, 255, 0.75);
     675  /* Si le fond est clair, on va le prendre comme couleur de fond, sinon, la couleur d'écriture Texte : #GET{c_header}([(#GET{c_header}|couleur_extreme)])/ Fond : #GET{c_header_bk}([(#GET{c_header_bk}|couleur_extreme)]) */
     676  background-color: rgba([(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}}|sc_rgb)], 0.75);
    299677  margin-bottom: .5em;
    300678}
     
    307685  display: flex;
    308686  font-size: 1.2em;
    309   color: #GET{c_menu_a};
     687  color: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header},#GET{c_header_bk}})];
    310688  justify-content: flex-end;
    311689  line-height: 1 ;
     
    321699}
    322700#liens-diaporama li a span.icon {
    323   margin-left: .25em;
    324   padding-left: .25em;
    325   font-size: 1.8em;
    326701  border-left: 1px solid;
    327702  border-left-color: inherit;
     
    493868    align-self: center;
    494869        padding: 7px 0 7px 7px;
    495     font-size: 30px;
    496870}
    497871.grid-item .h2 .titre-actus {
     
    6781052}
    6791053
    680 .portailcognac#sommaire_mode_portailcognac #projets .suite {
     1054.portailcognac #projets .suite {
    6811055    background-color: rgba(100, 100, 100, 0.498039);
    6821056    display: flex;
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html

    r104802 r104915  
    164164/*************** DEFAULT DEFINITION */
    165165html, body { padding: 0; margin: 0; font-family: #GET{f_content}; }
    166 html { background-color: #GET{c_body_bk}; [(#GET{c_body_bk}|!={transparent}|oui|et{[(#GET{d_body_degrade}|non)]}) background: #GET{c_body_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_haut3.png}|image_sepia{[(#GET{c_body_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];] color: #[(#GET{c_body_bk}|couleur_inverserluminosite{80})]; font-size: 62.7%; }
     166html { background-color: #GET{c_body_bk}; [(#GET{c_body_bk}|!={transparent}|oui|et{[(#GET{d_body_degrade}|non)]}) background: #GET{c_body_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_haut3.png}|image_sepia{[(#GET{c_body_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];] color: #[(#GET{c_body_bk}|couleur_inverserluminosite{80})]; font-size: [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|?{100%,62.7%})]; }
    167167#header, #menuhaut, #navHaute, #navigation, #extra, #footer { font-family: #GET{f_navigation}; }
    168168div { margin: 0; padding: 0; border: 0; }
     
    17871787
    17881788/* Mode d'affichage Cognac, éléments communs à toutes les pages */
    1789 .portailcognac html {
    1790   font-size: 100.01%;
    1791   -ms-text-size-adjust: 100%;
    1792   -webkit-text-size-adjust: 100%;
     1789.portailcognac body {
     1790  font-size: 1rem;
     1791  line-height: 1.75em;
     1792}
     1793@media screen and (max-width: 70em) {
     1794  .portailcognac body {
     1795    font-size: 0.89473685rem;
     1796  }
     1797}
     1798.portailcognac iframe {
     1799  width: 100%;
     1800}
     1801.portailcognac :focus {
     1802  outline: none;
    17931803}
    17941804.portailcognac #header #logo a:hover,
     
    17991809  border: none;
    18001810}
     1811.portailcognac #header .searchfrm label {
     1812  overflow: hidden;
     1813  position: relative;
     1814  top: auto;
     1815  left: auto;
     1816  height: auto;
     1817  width: auto;
     1818}
     1819
     1820.portailcognac [type="text"],
     1821.portailcognac [type="password"],
     1822.portailcognac [type="date"],
     1823.portailcognac [type="datetime"],
     1824.portailcognac [type="datetime-local"],
     1825.portailcognac [type="month"],
     1826.portailcognac [type="week"],
     1827.portailcognac [type="email"],
     1828.portailcognac [type="number"],
     1829.portailcognac [type="search"],
     1830.portailcognac [type="tel"],
     1831.portailcognac [type="time"],
     1832.portailcognac [type="url"],
     1833.portailcognac [type="color"],
     1834.portailcognac textarea {
     1835  box-shadow: none;
     1836}
     1837
     1838.portailcognac body {
     1839  background-color: #GET{c_container_bk};
     1840  font-family: 'Open Sans', sans-serif;
     1841  font-size: 1em;
     1842  color: #GET{c_container};
     1843  line-height: 1.75em;
     1844}
     1845@media screen and (max-width: 80em) {
     1846  .portailcognac body {
     1847    font-size: 1.0625rem;
     1848  }
     1849}
     1850@media screen and (max-width: 64em) {
     1851  .portailcognac body {
     1852    font-size: 1rem;
     1853  }
     1854}
     1855.portailcognac a[href]:hover,
     1856.portailcognac a[href]:focus {
     1857  color: #GET{c_container};
     1858  text-decoration: none;
     1859  -webkit-transition: all .3s ease;
     1860  transition: all .3s ease;
     1861}
     1862.portailcognac a[href]:focus {
     1863  background-color: #ddd!important;
     1864}
     1865.portailcognac #spip-admin a[href]:hover {
     1866  color: white!important;
     1867}
     1868
     1869.portailcognac .spip-admin-float {
     1870  top: 104px;
     1871  right: 0px;
     1872}
     1873
     1874.portailcognac #header #logo a:hover,
     1875.portailcognac #header #logo a:focus,
     1876.portailcognac #header #logo a:active {
     1877  background-color: transparent;
     1878  display: inline-block;
     1879  border: none;
     1880}
     1881
     1882.portailcognac .text-center {
     1883  text-align: center;
     1884}
     1885.portailcognac .text-right {
     1886  text-align: right;
     1887}
     1888.portailcognac .text-left {
     1889  text-align: left;
     1890}
     1891.portailcognac .flexbox-flex {
     1892  display: flex;
     1893  align-items: unset;
     1894}
     1895.portailcognac .flexbox-center-center {
     1896  display: flex;
     1897  align-items: center;
     1898  justify-content: center;
     1899  flex-wrap: wrap;
     1900}
     1901.portailcognac .flexbox-center-top {
     1902  display: flex;
     1903  align-items: stretch;
     1904  justify-content: center;
     1905  flex-wrap: wrap;
     1906}
     1907.portailcognac .flexbox--center {
     1908  display: flex;
     1909  align-items: center;
     1910}
     1911.portailcognac .flexbox-flex-row-reverse {
     1912  display: flex;
     1913  flex-direction: row-reverse;
     1914}
     1915.portailcognac .flex-nowrap {
     1916  flex-wrap: nowrap;
     1917}
     1918.portailcognac .flexbox-wrap-space-between {
     1919  display: flex;
     1920  flex-wrap: wrap;
     1921  align-content: space-between;
     1922}
     1923.portailcognac .flexbox-wrap-space-around {
     1924  display: flex;
     1925  flex-wrap: wrap;
     1926  justify-content: space-around;
     1927}
     1928.portailcognac .flexbox-center-space-between {
     1929  display: flex;
     1930  align-items: center;
     1931  justify-content: space-between;
     1932}
     1933.portailcognac .flexbox-start-space-between {
     1934  display: flex;
     1935  align-items: flex-start;
     1936  justify-content: space-between;
     1937}
     1938@media screen and (max-width: 47.9375em) {
     1939  .portailcognac .flex-nowrap {
     1940    flex-wrap: wrap;
     1941  }
     1942}
     1943.portailcognac .flexbox-stretch {
     1944  display: flex;
     1945  align-items: stretch;
     1946}
     1947@media screen and (max-width: 40em) {
     1948  .portailcognac .flexbox-stretch {
     1949    display: block;
     1950  }
     1951}
     1952.portailcognac .label-input {
     1953  font-size: 1.25rem;
     1954  font-weight: 300;
     1955}
     1956.portailcognac .sans-border {
     1957  border: 0;
     1958}
     1959.portailcognac .avec-border {
     1960  border: 1px solid #be1621 ;
     1961}
     1962.portailcognac .avec-border-top {
     1963  border-top: 1px solid #be1621 ;
     1964}
     1965.portailcognac .avec-border-bottom {
     1966  border-bottom: 1px solid #be1621 ;
     1967}
     1968.portailcognac .avec-border-left {
     1969  border-left: 1px solid #be1621 ;
     1970}
     1971.portailcognac .sans-margin {
     1972  margin: 0;
     1973}
     1974.portailcognac .avec-margin {
     1975  margin: 1.5em;
     1976}
     1977.portailcognac .avec-margin-top {
     1978  margin-top: 1.5em;
     1979}
     1980.portailcognac .avec-margin-right {
     1981  margin-right: 1.5em;
     1982}
     1983.portailcognac .avec-margin-bottom {
     1984  margin-bottom: 1.5em;
     1985}
     1986.portailcognac .avec-margin-bottom05 {
     1987  margin-bottom: .5em;
     1988}
     1989.portailcognac .avec-margin-bottom015 {
     1990  margin-bottom: .15em;
     1991}
     1992.portailcognac .avec-margin-left {
     1993  margin-left: 1.5em;
     1994}
     1995@media screen and (min-width: 40em) {
     1996  .portailcognac .avec-margin-bottom-for-medium {
     1997    margin-bottom: 1.5em;
     1998  }
     1999}
     2000.portailcognac .sans-padding {
     2001  padding: 0;
     2002}
     2003@media screen and (max-width: 40em) {
     2004  .portailcognac .sans-padding-for-small {
     2005    padding: 0;
     2006  }
     2007}
     2008.portailcognac .avec-padding {
     2009  padding: 1em;
     2010}
     2011.portailcognac .avec-padding05 {
     2012  padding: .5em;
     2013}
     2014.portailcognac .avec-padding-top {
     2015  padding-top: 1em;
     2016}
     2017.portailcognac .avec-padding-top05 {
     2018  padding-top: .5em;
     2019}
     2020.portailcognac .avec-padding-top15 {
     2021  padding-top: 1.5em;
     2022}
     2023.portailcognac .avec-padding-right {
     2024  padding-right: 1em;
     2025}
     2026.portailcognac .avec-padding-right05 {
     2027  padding-right: .5em;
     2028}
     2029.portailcognac .avec-padding-bottom {
     2030  padding-bottom: 1em;
     2031}
     2032.portailcognac .avec-padding-left {
     2033  padding-left: 1em;
     2034}
     2035.portailcognac .avec-padding-leftright {
     2036  display: block;
     2037  padding-right: 1em;
     2038  padding-left: 1em;
     2039}
     2040.portailcognac .display-block {
     2041  display: block;
     2042}
     2043.portailcognac .text-transform-none {
     2044  text-transform: none;
     2045}
     2046.portailcognac .text-uppercase {
     2047  text-transform: uppercase;
     2048}
     2049.portailcognac .font-style-italic {
     2050  font-style: italic;
     2051}
     2052.portailcognac .position-relative {
     2053  position: relative;
     2054}
     2055.portailcognac .float-left {
     2056  float: left ;
     2057}
     2058.portailcognac .float-right {
     2059  float: right ;
     2060}
     2061.portailcognac .float-center {
     2062  display: table;
     2063  margin-right: auto ;
     2064  margin-left: auto ;
     2065}
     2066.portailcognac .z-index-999 {
     2067  z-index: 999;
     2068}
     2069.portailcognac .cursor-pointer {
     2070  cursor: pointer;
     2071}
     2072
     2073
     2074
     2075
     2076
    18012077.portailcognac #header .searchfrm label {
    18022078  overflow: hidden;
     
    19022178  position: relative;
    19032179}
     2180@media screen and (max-width: 960px) {
     2181  .portailcognac #content {
     2182    max-width: 100%;
     2183    width: 100%;
     2184  }
     2185}
     2186@media screen and (max-width: 768px) {
     2187  .portailcognac #content .cartouche {
     2188    margin-top: 1em;
     2189  }
     2190}
     2191
    19042192.portailcognac .hide {
    19052193  display: none!important;
     
    20462334  padding: 0 .5vw 8px !important;
    20472335  border-bottom: 3px solid transparent;
     2336  background-color: transparent;
     2337  color: #GET{c_header}; }
    20482338}
    20492339.portailcognac #header #cadre_outils a:hover {
     
    21582448  }
    21592449}
     2450.portailcognac #footer {
     2451  margin: 4em 0 0 0;
     2452}
     2453.portailcognac #footer #bandeaucontact p {
     2454  margin: 0;
     2455  padding-left: 1em;
     2456  font-size: 19px;
     2457  text-align: left;
     2458}
     2459.portailcognac #footer #bandeaucontact p a {
     2460  font-size: 19px;
     2461}
     2462.portailcognac #footer #bandeaucontact p .icon-envelope {
     2463  font-size: 1.75em;
     2464  vertical-align: text-bottom;
     2465}
     2466.portailcognac #footer #footerbas {
     2467  background: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}})];
     2468  margin: 0;
     2469  padding: 0;
     2470  color: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header},#GET{c_header_bk}})];
     2471}
     2472.portailcognac #footer #footerbas div {
     2473  display: block;
     2474}
     2475.portailcognac #footer #footerbas a {
     2476  color: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header},#GET{c_header_bk}})];
     2477}
     2478
     2479.portailcognac #footer #datemajsitefooter {
     2480  background: [(#GET{c_header_bk}|couleur_extreme|=={ffffff}|?{#GET{c_header_bk},#GET{c_header}})];
     2481  margin: 0;
     2482  font-size: 12px;
     2483}
     2484.portailcognac #footer #datemajsitefooter span {
     2485  padding: 0;
     2486}
     2487.portailcognac #footer p {
     2488  color: white;
     2489  font-weight: 300;
     2490}
     2491.portailcognac #footer #copymentions {
     2492  padding: 1em;
     2493}
     2494.portailcognac #footer #w3cgohome {
     2495  font-size: 70%;
     2496  border-top: 1px dotted #aaa;
     2497  border-bottom: 1px dotted #aaa;
     2498}
     2499.portailcognac #footer #footerbas div#droitsauteurs {
     2500  display: none;
     2501}
     2502
     2503@media screen and (min-width: 768px) {
     2504  #footer #informations {
     2505    display: flex;
     2506    justify-content: space-between;
     2507  }
     2508  #footer #informations #coordonnees {
     2509    margin-top: 1rem;
     2510    width: 60%;
     2511  }
     2512  #footer #informations #coordonnees .adresse,
     2513  #footer #informations #coordonnees .telephone,
     2514  #footer #informations #coordonnees .accueil {
     2515    margin-bottom: 1em;
     2516  }
     2517  #footer #informations #carte {
     2518    width: 40%;
     2519  }
     2520}
     2521.portailcognac #letexte .innermulticolonnes h2 {
     2522  border: none;
     2523}
     2524
     2525.portailcognac #letexte .innermulticolonnes h2 a {
     2526  display: block;
     2527  width: 100%;
     2528  margin: 0;
     2529  padding: .75rem 0 .75rem 1.3rem;
     2530  font-size: 2rem;
     2531  line-height: 1em;
     2532}
     2533.portailcognac #letexte #listearticlerubrique dt {
     2534  padding: 0;
     2535  border: none;
     2536}
     2537.portailcognac #letexte #listearticlerubrique dt a {
     2538  display: block;
     2539  width: 100%;
     2540  margin: 1em 0 0;
     2541  padding: .75rem 0 .75rem 1.3rem;
     2542  font-weight: 400;
     2543  font-size: 2rem;
     2544  line-height: 1em;
     2545}
     2546.portailcognac #letexte #listearticlerubrique dd {
     2547  padding: 0;
     2548  margin: 0;
     2549  border: none;
     2550}
     2551.portailcognac #letexte .ps,
     2552.portailcognac #letexte #artrecents.artrecent_bas,
     2553.portailcognac #letexte .notes {
     2554  -webkit-border-radius: 0;
     2555  -moz-border-radius: 0;
     2556  border-radius: 0;
     2557}
     2558.portailcognac #letexte hr.spip {
     2559  width: 100%;
     2560}
     2561.portailcognac #letexte thead,
     2562.portailcognac #letexte table.spip tr.row_first,
     2563.portailcognac #letexte table.spip thead th {
     2564  font-size: inherit;
     2565}
     2566.portailcognac #letexte .spip td,
     2567.portailcognac #letexte .spip th {
     2568  padding: 10px 15px;
     2569}
     2570.portailcognac #letexte ul {
     2571  margin: 1rem;
     2572  line-height: 1.6;
     2573}
     2574.portailcognac #letexte .texteencadre-spip {
     2575  padding: .5em 1em;
     2576  border: none;
     2577  border-top: 1px solid;
     2578  border-bottom: 1px solid;
     2579}
     2580@media screen and (max-width: 768px) {
     2581  .portailcognac #letexte .logo_modenews {
     2582    display: none;
     2583  }
     2584}
     2585.portailcognac.bodyarticle .surtitre,
     2586.portailcognac.bodyarticle .soustitre,
     2587.portailcognac.bodyarticle .datepublication {
     2588  padding: 0;
     2589  font-size: 1em;
     2590  font-weight: 400;
     2591}
     2592.portailcognac.bodyarticle .surtitre {
     2593  padding-bottom: .5rem;
     2594}
     2595.portailcognac.bodyarticle .soustitre {
     2596  padding-top: .5rem;
     2597}
     2598.portailcognac.bodyarticle .chapo p {
     2599  font-weight: 700;
     2600}
     2601.portailcognac.bodyarticle .cartouche {
     2602  margin-top: 0;
     2603  margin-bottom: 1em;
     2604}
     2605.portailcognac.bodyarticle .cartouche .titrepage h1 {
     2606  display: block;
     2607  width: 100%;
     2608  margin: 1em 0 0;
     2609  padding: .75rem 0 .75rem 1.3rem;
     2610  font-weight: 400;
     2611  font-size: 2rem;
     2612  line-height: 1em;
     2613}
     2614@media screen and (max-width: 640px) {
     2615  .portailcognac.bodyarticle .cartouche .titrepage h1 {
     2616    display: flex;
     2617    background: none;
     2618    padding: 0;
     2619    justify-content: center;
     2620    flex-direction: column-reverse;
     2621    align-items: flex-start;
     2622    border: none;
     2623  }
     2624  .portailcognac.bodyarticle .cartouche .titrepage h1 .logo_article,
     2625  .portailcognac.bodyarticle .cartouche .titrepage h1 .logo_rubrique {
     2626    float: none;
     2627    margin: 0;
     2628    padding: 1rem 0 0 0;
     2629  }
     2630}
     2631.portailcognac.bodyarticle .cartouche .notation .ariaformprop {
     2632  background-color: transparent;
     2633}
     2634.portailcognac.bodyarticle .cartouche .notation .notation_note {
     2635  display: inline-block;
     2636}
     2637.portailcognac.bodyarticle .cartouche .notation .note {
     2638  padding-left: 7px;
     2639  font-size: 1rem;
     2640  font-weight: 300;
     2641  border: none;
     2642}
     2643.portailcognac #artrecents {
     2644  margin: 1em 0 0 0;
     2645  padding-bottom: 1em;
     2646  border-radius: 0;
     2647}
     2648.portailcognac #artrecents h2 {
     2649  padding-bottom: 1rem;
     2650}
     2651.portailcognac #artrecents ul {
     2652  line-height: 2;
     2653}
     2654
     2655
     2656
     2657.portailcognac #extra {
     2658  margin-bottom: 1em;
     2659}
     2660.portailcognac #extra .rss_bottom a {
     2661  margin: 0 .5rem;
     2662}
     2663.portailcognac #documents_portfolio img {
     2664  margin: 0 .75em .75em 0;
     2665}
     2666.portailcognac #navigation .navstuff {
     2667  margin-top: .65rem;
     2668  padding-right: 1rem;
     2669  padding-left: 1rem;
     2670}
     2671.portailcognac #navigation .navstuff .espaceavant {
     2672  margin-top: 0;
     2673}
     2674.portailcognac #navigation .navstuff li img + a span,
     2675.portailcognac #navigation .navstuff li img + strong a span {
     2676  padding-left: 10px;
     2677}
     2678.portailcognac #navigation .navstuff img.menu_plus,
     2679.portailcognac #navigation .navstuff img.menu_minus {
     2680  cursor: pointer;
     2681}
     2682.portailcognac #navigation a {
     2683  margin: 0;
     2684  padding: .5rem 1rem;
     2685  border-top: 1px solid #ccc;
     2686}
     2687.portailcognac #navigation strong a,
     2688.portailcognac #navigation a:hover {
     2689  margin: 0;
     2690}
     2691.portailcognac .titre-plan {
     2692  margin-top: 4em;
     2693}
     2694.portailcognac .titre-plan:before {
     2695  content: "";
     2696  display: block;
     2697  background-color: #GET{c_footer};
     2698  width: 100%;
     2699  height: 1px;
     2700}
     2701.portailcognac .titre-plan h1 {
     2702  display: table;
     2703  background-color: #GET{c_footer_bk};
     2704  margin: -1.1em 1em 1em 0.75em;
     2705  padding: .25em .8em .3em!important;
     2706  color: #GET{c_footer};
     2707  font-size: 2rem;
     2708  border-left: 1px solid #GET{c_footer};
     2709}
     2710.portailcognac #footer .menu > li > a {
     2711  padding-left: 0;
     2712}
     2713
     2714.portailcognac #footer h2 a {
     2715  padding-bottom: 7px;
     2716  font-weight: 300;
     2717  text-transform: lowercase;
     2718  font-size: .85em !important;
     2719  border-bottom: 2px dotted transparent;
     2720}
     2721.portailcognac #footer h2 a:hover {
     2722  border-bottom: 2px dotted #GET{c_footer};
     2723}
     2724.portailcognac #footer .liste-rubriques section {
     2725  max-width: 300px;
     2726  padding: 0 0 0 1em;
     2727}
     2728.portailcognac #footer .liste-rubriques a,
     2729.portailcognac #footer .liste-rubriques a:hover {
     2730  color: #GET{c_footer};
     2731}
     2732.portailcognac #footer .liste-rubriques li {
     2733  line-height: 1.25em;
     2734  border-bottom: 2px dotted transparent;
     2735}
     2736.portailcognac #footer .liste-rubriques li:hover {
     2737  border-bottom: 2px dotted #GET{c_footer};
     2738}
     2739.portailcognac #footer .liste-rubriques li a {
     2740  display: inline-block;
     2741  padding: .35em 0!important;
     2742}
     2743
     2744@media screen and (max-width: 800px) {
     2745  .portailcognac #footer .liste-rubriques section {
     2746    border-bottom: 1px solid #GET{c_footer};
     2747  }
     2748}
     2749@media screen and (max-width: 400px) {
     2750  .portailcognac #footer .liste-rubriques section {
     2751    width: 100%;
     2752  }
     2753}
     2754.portailcognac [class^="icon-"],
     2755.portailcognac [class*=" icon-"] {
     2756  display: inline-block;
     2757}
     2758.portailcognac .icon-lg {
     2759  font-size: 1.33333333em;
     2760  line-height: 0.75em;
     2761}
     2762.portailcognac .icon-2x {
     2763  font-size: 2em;
     2764  vertical-align: middle;
     2765}
     2766.portailcognac .icon-25x {
     2767  font-size: 2.5em;
     2768}
     2769.portailcognac .icon-3x {
     2770  font-size: 3em;
     2771}
     2772.portailcognac .icon-4x {
     2773  font-size: 4em;
     2774}
     2775.portailcognac .icon-5x {
     2776  font-size: 5em;
     2777}
     2778.portailcognac .icon-fw {
     2779  width: 1.28571429em;
     2780  text-align: center;
     2781}
     2782.portailcognac .formulaire_spip legend,
     2783.portailcognac .formulaire_spip label {
     2784  font-size: 1.1875rem;
     2785}
     2786.portailcognac .formulaire_spip .boutons {
     2787  text-align: center;
     2788}
     2789
     2790
     2791
    21602792#js-modal.sombre-modal {
    21612793  position: fixed;
     
    23582990
    23592991[(#PLUGIN{lesscss}|oui)
    2360 [(#CHEMIN{images/stylessoyezcreateurs_perso.less.html}|?{'/* Surcharge eventuelle */'})
    2361 [(#INCLURE{[(#PRODUIRE{fond=images/stylessoyezcreateurs_perso.less,format=less}|appliquer_filtre{less_css})]});
    2362 #SET{lessdone,1}]
    2363 ]
     2992        [(#CHEMIN{images/stylessoyezcreateurs_perso.less.html}|?{'/* Surcharge eventuelle */'})
     2993                [(#INCLURE{
     2994                        [(#PRODUIRE{fond=images/stylessoyezcreateurs_perso.less,format=less}
     2995                                |appliquer_filtre{less_css}
     2996                        )]
     2997                });
     2998                #SET{lessdone,1}
     2999                ]
     3000        ]
    23643001]
    23653002[(#GET{lessdone}|non)
Note: See TracChangeset for help on using the changeset viewer.