diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html index 04c0171652d225e4bd06f75c8f27b011ed29d278..5d676eb28a2c124187355e18cbb3d96f5fbd64ec 100644 --- a/stylessoyezcreateurs.css.html +++ b/stylessoyezcreateurs.css.html @@ -176,7 +176,7 @@ ol { color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1e ul ul, ol ul, ul ol, ol ol { padding-left: 12px; } /* Suivre les recommandations de http://romy.tetue.net/signaler-les-abreviations - Merci !*/ acronym, abbr { border-bottom: .1em dotted; cursor: help; } -iframe { border: none; } +iframe { border: none; width: 100%;} a[hreflang]:after { content: ""; } /* Liens externes */ a.spip_out:after, a.external:after { content: ""; } @@ -1848,9 +1848,6 @@ div [lang], span [lang] { font-style: italic; } font-size: 0.89473685rem; } } -.portailcognac iframe { - width: 100%; -} .portailcognac #mobile-header { position: absolute; top: 18px; @@ -1937,73 +1934,73 @@ a[href]:focus { border: none; } -.portailcognac .text-center { +.text-center { text-align: center; } -.portailcognac .text-right { +.text-right { text-align: right; } -.portailcognac .text-left { +.text-left { text-align: left; } -.portailcognac .flexbox-flex { +.flexbox-flex { display: flex; align-items: unset; } -.portailcognac .flexbox-center-center { +.flexbox-center-center { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } -.portailcognac .flexbox-center-top { +.flexbox-center-top { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; } -.portailcognac .flexbox--center { +.flexbox--center { display: flex; align-items: center; } -.portailcognac .flexbox-flex-row-reverse { +.flexbox-flex-row-reverse { display: flex; flex-direction: row-reverse; } -.portailcognac .flex-nowrap { +.flex-nowrap { flex-wrap: nowrap; } -.portailcognac .flexbox-wrap-space-between { +.flexbox-wrap-space-between { display: flex; flex-wrap: wrap; align-content: space-between; } -.portailcognac .flexbox-wrap-space-around { +.flexbox-wrap-space-around { display: flex; flex-wrap: wrap; justify-content: space-around; } -.portailcognac .flexbox-center-space-between { +.flexbox-center-space-between { display: flex; align-items: center; justify-content: space-between; } -.portailcognac .flexbox-start-space-between { +.flexbox-start-space-between { display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 47.9375em) { - .portailcognac .flex-nowrap { + .flex-nowrap { flex-wrap: wrap; } } -.portailcognac .flexbox-stretch { +.flexbox-stretch { display: flex; align-items: stretch; } @media screen and (max-width: 40em) { - .portailcognac .flexbox-stretch { + .flexbox-stretch { display: block; } } @@ -2011,120 +2008,120 @@ a[href]:focus { font-size: 1.25rem; font-weight: 300; } -.portailcognac .sans-border { +.sans-border { border: 0; } -.portailcognac .avec-border { +.avec-border { border: 1px solid #be1621 ; } -.portailcognac .avec-border-top { +.avec-border-top { border-top: 1px solid #be1621 ; } -.portailcognac .avec-border-bottom { +.avec-border-bottom { border-bottom: 1px solid #be1621 ; } -.portailcognac .avec-border-left { +.avec-border-left { border-left: 1px solid #be1621 ; } -.portailcognac .sans-margin { +.sans-margin { margin: 0; } -.portailcognac .avec-margin { +.avec-margin { margin: 1.5em; } -.portailcognac .avec-margin-top { +.avec-margin-top { margin-top: 1.5em; } -.portailcognac .avec-margin-right { +.avec-margin-right { margin-right: 1.5em; } -.portailcognac .avec-margin-bottom { +.avec-margin-bottom { margin-bottom: 1.5em; } -.portailcognac .avec-margin-bottom05 { +.avec-margin-bottom05 { margin-bottom: .5em; } -.portailcognac .avec-margin-bottom015 { +.avec-margin-bottom015 { margin-bottom: .15em; } -.portailcognac .avec-margin-left { +.avec-margin-left { margin-left: 1.5em; } @media screen and (min-width: 40em) { - .portailcognac .avec-margin-bottom-for-medium { + .avec-margin-bottom-for-medium { margin-bottom: 1.5em; } } -.portailcognac .sans-padding { +.sans-padding { padding: 0; } @media screen and (max-width: 40em) { - .portailcognac .sans-padding-for-small { + .sans-padding-for-small { padding: 0; } } -.portailcognac .avec-padding { +.avec-padding { padding: 1em; } -.portailcognac .avec-padding05 { +.avec-padding05 { padding: .5em; } -.portailcognac .avec-padding-top { +.avec-padding-top { padding-top: 1em; } -.portailcognac .avec-padding-top05 { +.avec-padding-top05 { padding-top: .5em; } -.portailcognac .avec-padding-top15 { +.avec-padding-top15 { padding-top: 1.5em; } -.portailcognac .avec-padding-right { +.avec-padding-right { padding-right: 1em; } -.portailcognac .avec-padding-right05 { +.avec-padding-right05 { padding-right: .5em; } -.portailcognac .avec-padding-bottom { +.avec-padding-bottom { padding-bottom: 1em; } -.portailcognac .avec-padding-left { +.avec-padding-left { padding-left: 1em; } -.portailcognac .avec-padding-leftright { +.avec-padding-leftright { display: block; padding-right: 1em; padding-left: 1em; } -.portailcognac .display-block { +.display-block { display: block; } -.portailcognac .text-transform-none { +.text-transform-none { text-transform: none; } -.portailcognac .text-uppercase { +.text-uppercase { text-transform: uppercase; } -.portailcognac .font-style-italic { +.font-style-italic { font-style: italic; } -.portailcognac .position-relative { +.position-relative { position: relative; } -.portailcognac .float-left { +.float-left { float: left ; } -.portailcognac .float-right { +.float-right { float: right ; } -.portailcognac .float-center { +.float-center { display: table; margin-right: auto ; margin-left: auto ; } -.portailcognac .z-index-999 { +.z-index-999 { z-index: 999; } -.portailcognac .cursor-pointer { +.cursor-pointer { cursor: pointer; } @@ -2205,24 +2202,24 @@ button { .portailcognac .ajaxbloc { height: 100%; } -.portailcognac .row { +.row { margin-right: auto; margin-left: auto; - max-width: 75rem; + max-width: #GET{LargeurContaineur}px; } -.portailcognac .button, -.portailcognac button { +.button, +button { padding: .55rem 1.5rem .625rem; font-size: 1.2em; border: 1px solid transparent; border-radius: 4px; } -.portailcognac .button:hover, -.portailcognac .button:focus, -.portailcognac a.button:hover, -.portailcognac a.button:focus, -.portailcognac button:hover, -.portailcognac button:focus { +.button:hover, +.button:focus, +a.button:hover, +a.button:focus, +button:hover, +button:focus { background-color: white; border: 1px solid #be1621; } @@ -2518,16 +2515,16 @@ button { padding: 0 0.75em; } } -.portailcognac #footer #bandeaucontact p { +#footer #bandeaucontact p { margin: 0; padding-left: 1em; font-size: 19px; text-align: left; } -.portailcognac #footer #bandeaucontact p a { +#footer #bandeaucontact p a { font-size: 19px; } -.portailcognac #footer #bandeaucontact p .icon-envelope { +#footer #bandeaucontact p .icon-envelope { font-size: 1.75em; vertical-align: text-bottom; } @@ -2786,61 +2783,64 @@ button { .portailcognac #footer h2 a:hover { border-bottom: 2px dotted #GET{c_footer}; } -.portailcognac #footer .liste-rubriques section { +#footer .liste-rubriques section { max-width: 300px; padding: 0 0 0 1em; } -.portailcognac #footer .liste-rubriques a, -.portailcognac #footer .liste-rubriques a:hover { +#footer .liste-rubriques a, +#footer .liste-rubriques a:hover { color: #GET{c_footer}; } -.portailcognac #footer .liste-rubriques li { +#footer .liste-rubriques li { line-height: 1.25em; border-bottom: 2px dotted transparent; } -.portailcognac #footer .liste-rubriques li:hover { +#footer .liste-rubriques li:hover { border-bottom: 2px dotted #GET{c_footer}; } -.portailcognac #footer .liste-rubriques li a { +#footer .liste-rubriques li a { display: inline-block; padding: .35em 0!important; } @media screen and (max-width: 800px) { - .portailcognac #footer .liste-rubriques section { + #footer .liste-rubriques section { border-bottom: 1px solid #GET{c_footer}; } } @media screen and (max-width: 400px) { - .portailcognac #footer .liste-rubriques section { + #footer .liste-rubriques section { width: 100%; } } -.portailcognac [class^="icon-"], -.portailcognac [class*=" icon-"] { +[class^="icon-"], +[class*=" icon-"] { display: inline-block; } +.icon-lg { + font-size: 2.33333333em; + line-height: 0.75em; +} .portailcognac .icon-lg { font-size: 1.33333333em; - line-height: 0.75em; } -.portailcognac .icon-2x { +.icon-2x { font-size: 2em; vertical-align: middle; } -.portailcognac .icon-25x { +.icon-25x { font-size: 2.5em; } -.portailcognac .icon-3x { +.icon-3x { font-size: 3em; } -.portailcognac .icon-4x { +.icon-4x { font-size: 4em; } -.portailcognac .icon-5x { +.icon-5x { font-size: 5em; } -.portailcognac .icon-fw { +.icon-fw { width: 1.28571429em; text-align: center; }