:root {
--teal1: #007376;
--teal2: #00484a;
--lightLime1: #f5ffe0;
--loup: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="54" viewBox="0 0 49.8 51.8"><path class="cls-1" d="M42.2,7.8h0c3.2,3.2,4.8,7.5,4.8,11.8s-1.6,8.5-4.8,11.8c-3.2,3.2-7.4,4.9-11.6,4.9s-8.3-1.6-11.5-4.8h0c-3.2-3.3-4.8-7.6-4.8-11.8s1.6-8.5,4.8-11.8c3.2-3.2,7.4-4.9,11.6-4.9s8.4,1.6,11.6,4.9h0ZM17.6,35.8c-.4-.4-.8-.8-1.2-1.2s-.8-.8-1.1-1.2l-3.2,3.3c-.4.4-1,.4-1.4,0l-1-1L1.2,44.7C.4,45.5,0,46.6,0,47.6s.4,2.1,1.2,2.9c.8.8,1.8,1.2,2.9,1.2s2.1-.4,2.8-1.2l8.5-9.1-1-1c-.4-.4-.4-1,0-1.4l3.2-3.3h0ZM44.2,5.7C40.5,1.9,35.5,0,30.6,0s-9.8,1.9-13.6,5.7c-3.7,3.8-5.6,8.8-5.6,13.8s1.9,10,5.6,13.8c3.7,3.8,8.7,5.7,13.6,5.7s9.8-1.9,13.6-5.7c3.7-3.8,5.6-8.8,5.6-13.8s-1.9-10-5.6-13.8h0Z" fill="%23008287"/></svg>');
--loup-big: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="325" viewBox="0 0 325 325.1"><path d="M283.7,41.3c21.6,21.6,32.3,49.8,32.3,78.1,0,28.3-10.8,56.5-32.3,78.1-21.6,21.6-49.8,32.3-78.1,32.3-28.1,0-56.2-10.7-77.7-32l-.4-.4c-21.6-21.6-32.3-49.8-32.3-78.1,0-28.3,10.8-56.5,32.4-78.1,21.6-21.6,49.8-32.3,78.1-32.3,28.3,0,56.5,10.8,78.1,32.4h0ZM193.7,62.7c-13.5,1.6-23.9,6.2-31.4,13.6-7.3,7.5-11.7,17.8-13.3,31.1-.4,3.4-3.5,5.8-6.9,5.4-3.4-.4-5.8-3.5-5.4-6.9,2-16.1,7.5-28.8,16.7-38.2l.3-.4c9.4-9.4,22.2-15.1,38.5-17,3.4-.4,6.5,2,6.9,5.4.4,3.4-2,6.5-5.4,6.9h0ZM120.1,219.6c-2.6-2.2-5.1-4.6-7.6-7.1-2.5-2.5-4.8-5-7.1-7.6l-16.5,16.5c-2.4,2.4-6.3,2.4-8.8,0l-6.1-6.1L7.3,282.2C2.4,287.1,0,293.5,0,299.9c0,6.4,2.5,12.8,7.4,17.8,4.9,4.9,11.4,7.4,17.8,7.4,6.4,0,12.8-2.4,17.7-7.3l66.8-66.8-6.1-6.1c-2.4-2.4-2.4-6.3,0-8.8l16.5-16.5h0ZM290.1,35C266.7,11.7,236.2,0,205.6,0c-30.6,0-61.1,11.7-84.4,35-23.3,23.3-35,53.9-35,84.4,0,30.5,11.7,61.1,35,84.4,23.3,23.3,53.9,35,84.4,35,30.6,0,61.1-11.7,84.4-35,23.3-23.3,35-53.9,35-84.4,0-30.6-11.7-61.1-35-84.4h0ZM205.6,15.9c-26.5,0-53,10.1-73.2,30.3-20.2,20.2-30.3,46.7-30.3,73.2,0,26.5,10.1,53,30.5,73.3,20.3,20.1,46.7,30.1,73,30.1,26.5,0,53-10.1,73.2-30.3,20.2-20.2,30.3-46.7,30.3-73.2,0-26.5-10.1-53-30.3-73.2-20.2-20.2-46.7-30.3-73.2-30.3h0Z" fill="%23e8f7f6" /></svg>');
--widget-padding: 54px;
--widget-bg :#f1f1f1;
--widget-actif: blue;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: arial, sans-serif;
    font-family: "Swiss721BT-Roman", sans-serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
    line-height: 1.25;
    font-size: 1em;
}

h1, h2, h3, h4, h5, strong {
    font-family: "Swiss721BT-Bold";
    font-weight:normal;
}

span#series {
    font-size: 1.75em;
    font-weight: bold;
    line-height: 1.1;
    letter-spacing:2px;
    color: var(--teal1);
}

p.intro {
    /* font-size: 1.08em; */
    line-height: 1.5;
    max-width: 606px;
}

.intro a {
	color:#fff;
}

.intro a:hover {
	color:yellow;
}

.uno span#series,
.uno h1,
.uno h2,
.uno .intro {
    color: white;
}


.uno h1 {font-size: clamp(1.5rem, 1.0374rem + 2.1145vw, 2.7rem)}
.uno h2 {font-size: clamp(1.125rem, 0.9708rem + 0.7048vw, 1.625rem)}
/*h1 {
    font-size: 2.6em;
    margin-top: 7px;
}*/

h2 {
    font-size: 1.75em;
    line-height: 1.3;
    color: var(--teal1);
}

.uno .icon-head svg {
    transform: skewX(-9deg);
    /* text-decoration: underline;
    text-underline-offset: 6px;*/
}

.icon-head a.title-link {
    text-decoration: none;
    color: #fff;
}

.icon-head a.title-link:hover {
    text-decoration: underline;
}

.icon-head a.title-link:visited {
    text-decoration: none;
}

h3 {
    margin-top: 30px;
}

h2.uno-h {
    color: #fff;
    font-size: 1.4em;
    line-height: 1.35;
}

h3.in {

    display: flex;
    align-items: center;
    color: #008287;
    color: var(--teal1);
    margin-left: -20px;
    background-image: var(--loup);
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: 1.3rem;
    margin-top: 10%;
    line-height: 1.1;
}

h3.in span:last-child {
    padding-bottom: 14px;
}

span.in-num {

    position: relative;
    width: 40px;
    padding: 11px 0 0 6px;
    /*border: 1px solid red;*/
    flex: 0 0 60px;
    min-height: 60px;
    text-align: center;
	margin-right: 2px;
        
}





p,
ul,
ol {
    line-height: 1.5
}

p.fig {
    text-align: center;
    color: #757575;
    margin-top: 40px;
    margin-bottom: 20px;
}

p.ack {
    color: #007377;
}

.ack-line {
    border-top: 1px solid #007377;
    width: 30%;
}

p.contact {
    display: flex;
    flex-direction: row;
}

p.contact a {
    color: #757575;
    text-decoration: none;

    padding: 0 6px;
}

p.contact span.arrow {
    font-size: 1.5em;
}


p.contact a:visited {
    color: #757575;
}

p.contact a:hover {
    color: black;
    text-decoration: underline;
}

li {
    margin: 10px 0;
}

sup {
    font-size: 11px;
    line-height: 0;
}

.foot-notes {
    margin-top: 90px;
    font-size: .9rem;
    color: #757575;
}

.foot-notes ol {
    /* margin-left: 0;*/
    padding-left: 10px;
}

.foot-decoration {
    border-top: 1px solid #757575;
    width: 30%;
    margin-bottom: 30px;
}

.foot-notes a {
    color: #757575;
    word-break: break-all;
}

.foot-notes a:hover {
    color: black;
}

.fi {
    color: #757575;
}

.container {
    display: grid;
    /*grid-template-columns: .9fr 1fr;*/
    grid-template-columns: 49% 51%;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0;
    grid-auto-flow: row;
    /*height: 100vh;*/
}


.uno {
    /*grid-area: 1 / 1 / 2 / 2;*/


    position: fixed;
    height: 100vh;
    width: 49%;
    background-color: #007376;
    background: rgb(0, 115, 118);
    background: linear-gradient(177deg, rgba(0, 115, 118, 1) 42%, rgba(3, 85, 87, 1) 100%);
    padding-right: 5em !important;
    overflow: hidden;
    overflow-y: auto;
    padding: 4em;
    padding-bottom: 1.8em !important;
    padding-top: 0.5em !important;

}


.uno-scarf {
    max-width: 600px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: calc(100% - 85px);

}

.face {
    /* border:1px solid red;*/
	min-height: 50vh;   
}

footer {
    max-width: 600px;
    margin-left: auto;
}

footer div.logo-twin {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    text-align: right;
    justify-content: space-between;
    align-items: center;
    padding-right: 5%;
}

.frag-out,
.frag-mid,
.frag-in {
    transform-box: fill-box;
    /* you need this for SVGs */
    transform-origin: center center;
    /* moved here */
    transform: rotate(0);
    transition: all .3s ease-out;
}

.atwd-logo-link:hover .frag-out {
    transform: rotate(90deg);
}

.atwd-logo-link:hover .frag-mid {
    transform: rotate(90deg);
    transition-delay: .05s;
}

.atwd-logo-link:hover .frag-in {
    transform: rotate(90deg);
    transition-delay: .1s;
}

.aitsl-logo-group .aitsl-logo-type {
    font-size: 12px;
    fill: #ffffff;
    font-family: Arial;
}

.aitsl-logo-group .aitsl-logo-type.smll {
    font-size: 9px;
}


/*.uno-scarf h2 {font-weight: normal;}*/
.dos-scarf {
    /*max-width: 602px;*/
    max-width: 632px;
}




/*.dos { grid-area: 1 / 2 / 2 / 3; }*/
.dos {
    grid-area: 1 / 2 / 2 / 3;
    overflow: hidden;
    /*overflow-y: scroll;*/
    overflow-y: hidden;
}

.dosi {
    padding: 4em;
    padding-top: 4em;
    padding-top: 120px;
}

.dosii {
    background-color: #f8ffff;
    padding-top: 1px;
    background-image: var(--loup-big);
    background-repeat: no-repeat;
    background-position: -42px -122px;
    /*font-size: 1.3em;*/


}

.xbo {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
   /* grid-template-rows: 0.2fr repeat(3, 1fr);*/
    gap: 5px 5px;
    grid-auto-flow: row;
    width: 105%;
}


.a1 {
    grid-area: 1 / 1 / 2 / 11;
    display: flex;
    flex-direction: row;
    align-items: center;
        padding-bottom: .3em !important;
}

.a2 { grid-area: 2 / 1 / 3 / 7 }
.a3 { grid-area: 3 / 1 / 4 / 7 }
.a4 { grid-area: 4 / 1 / 5 / 6 }
.a5 { grid-area: 4 / 6 / 5 / 11 }
.a6 { grid-area: 1 / 7 / 4 / 11 }
.a7 { grid-area: 2 / 1 / 3 / 11 }
.a8 { grid-area: 3 / 1 / 4 / 11 }


.xbo h2 { margin: 0}
.xbo strong {font-size: 1.3em}
.xbo div {
    color: var(--teal1);
    background-color: var(--lightLime1);
    padding: 1.3em 1.3em;
    line-height: 1.4;
    font-size: 1.08em;
}

.a6 {padding: 0 !important;}
.a6 img {display: block;}

.b1,
.b2,
.b3,
.b4,
.b5 {
    color: var(--teal1);
    background-color: var(--lightLime1);
    padding: 1.8em;
    line-height: 1.4;
    font-size: 1.08em;
}

.read-more {
    display: flex;
    align-items: center;
    margin-top: 50px;
    border: 1px solid #00ffdc;
    padding: 0 15px;
    background-color: #f2feff;
    border-radius: 15px;
    color: #0b655d;
}

.info {
    width: 33px;
    height:33px;
    fill: #1aa6b9;
    margin-right: 10px;
}

.read-more a {
    color: #06655d;
    padding: 2px;
    padding-right:0px;
}

.read-more a:hover {
    /*color:#9100a1;*/
    background-color: #cafbff;
}


.tres {
    grid-area: 1 / 3 / 2 / 4;

    overflow: hidden;
    overflow-y: scroll;

}


img {
    width: 100%;

}


.icon-head {
    display: flex;
    align-items: center;

}

.icon-hand {
    display: flex;
    align-items: center;
    /*justify-content: space-around;*/
    flex-direction: column;
}

.icon-head-adj {
    margin-top: 60px;
    margin-left: 0px;
    margin-bottom: 30px;
}

.icon-head svg {
    margin-right: 12px;
}


.atwd-icon-line {
    margin-top: 0px;
    border-top: 1px solid white;
    padding-top: 10px;
    width: 120px;
}


/* SVG */

/*.icn-11 {
    fill: #fff;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 14px;
}*/

.aw-1 {
    fill: #555759;
}

.aw-1,
.aw-2,
.aw-3,
.aw-4,
.aw-5,
.aw-6,
.aw-7,
.aw-8,
.aw-9 {
    stroke-width: 0px;
    fill: #ffffff;
}

/*.icn-1 {
    fill: #008287;
}*/

.icn-2 {
    fill: #000;
}

.icn-3 {
    fill: #fff;
    stroke: #000;
    stroke-miterlimit: 10;
}


.page-widgets {
position:fixed;
right: 0;
top:35%;
width: 34px;
background-color: var(--widget-bg);
padding:1px 8px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 100;

}

.page-icons > div {
margin:15px 0;
display: flex;
flex-direction: column;
align-items: center;
}

.page-icons span {
font-size: 8px;
margin-top: 5px;
display: block;
}



.social-icons {
position: absolute;
right: -12px;
top:1px;
width: 350px;
padding-right: var(--widget-padding);
z-index: -1;
display: none;
}

.pw-1,
.page-icons > div > span
{fill:#007377;
color:#007377;}

.share:hover > span,
.share:hover .pw-1 {
cursor: pointer;
color: var(--widget-actif);
fill:var(--widget-actif);
}

.share:hover .social-icons {
display: block;
}

.social-icons-shim {
display: flex;
justify-content: space-around;
background-color: var(--widget-bg);
padding: 10px;
border-radius: 8px;
align-items: flex-end;
/*box-shadow: -1px 2px 7px 0px rgba(0, 0, 255, .2);
*/}

.social-icons-shim a {
display: flex;
flex-direction: column;
align-items: center;
color:#007377;
text-decoration: none
}

/*.pw-2 {fill:#007377;}*/
.icon-size-18 {width: 16px; height: 18px; fill:#007377;}
.icon-size-22 {width: 22px; height: 22px; fill:#007377;}


/* {fill:var(--widget-actif);}*/


.social-icons-shim a:hover,
.social-icons-shim a:hover  svg.icon-size-22  {
fill:var(--widget-actif);
color: blue;
}

.cite {
cursor: pointer;
}
.cite:hover span, .cite:hover .pw-1{
    color:var(--widget-actif);
fill:var(--widget-actif);
}

.cite-contents {
position: absolute;
right: -12px;
top:1px;
width: 450px;
padding-right: var(--widget-padding);
z-index: -1;
display: none;
font-size: .85rem;

}

.cite:hover .cite-contents {
display: block;
}

.cite-name {
border-radius: 10px;
background-color: var(--widget-bg);
padding: 8px 12px; 
/*box-shadow: -1px 2px 7px 0px rgba(0, 0, 255, .2);
*/}
.cite-name p {margin:4px 0;}

.cite-action {
display: inline-flex;
flex-shrink: 1;
flex-direction: row;
align-items: center;
/*border:1px solid red;*/
padding: 4px 10px;
border-radius: 12px;
cursor: pointer;
/*background-color: var(--lightLime1);
}*/}

.cite-string {
margin-top: 0 !important;
margin-left: 5px;
line-height: 1;
/*font-size: .9rem !important;*/
text-decoration: underline;
}


.print-page {
   cursor: pointer;
}
.print-page:hover span, 
.print-page:hover .pw-1 {
color:var(--widget-actif);
fill:var(--widget-actif);

}