/*reset*/
* {border:0; padding:0; margin:0; outline: 0; box-sizing: border-box;/* width = border+padding+content */}

@font-face {
    font-family: 'compactabold_italic';
    src: url('font/compacta_bold_italic-webfont.eot');
    src: url('font/compacta_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/compacta_bold_italic-webfont.woff2') format('woff2'),
         url('font/compacta_bold_italic-webfont.woff') format('woff'),
         url('font/compacta_bold_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

.flLeft {float:left;}
.flRight {float:right;}
.both {clear:both;}
.red {color:#D6121E;}
.green {color:#0C3;}
.blue {color:#5972AC;}
.err {color:#D6121E; margin:10px 0;}
.info {color:#0C3; margin:10px 0;}
  .err a {color:#D6121E;}
  .err a:hover {color:#B50012;}
  .info a {color:#0C3;}
  .info a:hover {color:#009926;}
.bold {font-weight:bold;}
.noBold {font-weight:normal;}
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}
.none {display:none;}
.pointer {cursor:pointer;}
.zoom-in {cursor:zoom-in;}
.zoom-out {cursor:zoom-out;}
.top {vertical-align:top;}
.uppercase {text-transform:uppercase;}
.nowrap {white-space:nowrap;}
hr {border-top:dotted #5C6183 1px;margin:10px 0;}
.clearFix {overflow:auto;}
.small {font-size:90%;}

.fullwidth {width:100%;}
.rwd300 {width:100%; max-width:300px; height:auto;}
.rwd400 {width:100%; max-width:400px; height:auto;}
.rwd600 {width:100%; max-width:600px; height:auto;}

/* layout ... 14px */
html {font-size:100%; line-height:1.7;}
body {font-family:'Trebuchet MS', Arial, sans-serif; font-size:0.9em; background:#FFF;
    color:#535353; overflow:auto; /*cursor:default;*/ text-align:center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);}

input, textarea, select {color:#535353; font-family:'Trebuchet MS', Arial, sans-serif; border:dotted #5C6183 1px; font-size:1em; 
  padding:3px 2px; border-radius:5px;}
textarea {line-height:1.5;}
textarea {overflow:auto;}
input.sbmt {cursor:pointer; color:#FFF; background:#5C6183; padding:3px 15px; -webkit-transition:background 0.5s; transition:background 0.5s;}
input.sbmt:hover {background:#4A4E68; border-color:#4A4E68;}
input[type=radio], input[type=checkbox] {border:none; background:#FFF;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
  border: 1px solid #5C6183; -webkit-text-fill-color: #535353; -webkit-box-shadow: 0 0 0px 50px #FFF inset;}/* autocomplete */

.maxWebWidth {max-width:1100px; margin:0px auto; padding:10px; text-align:left;}
.minWebHeight {min-height:300px;}
p {padding:0.3em 0px; text-align:justify;}
p.indent, .indent {text-indent:2em;}
.indentTop {text-indent:2em; margin-top:10px;}
a {color:#535353;}
a:hover {color:#5972AC;}
a, a span {-webkit-transition:color 0.5s, background 0.5s, opacity 0.5s; transition:color 0.5s, background 0.5s, opacity 0.5s,}
a.blue {color:#4D6499; text-decoration:none;}
a.blue:hover {color:#889ac3;}
a.blueLink {color:#4D6499;}
a.blueLink:hover {color:#889ac3;}

h1 {font-size:2em; color:#28315B; margin:10px 0 15px 0; font-weight:normal; line-height:1.3;}
  h1 span, h1 em {font-size:70%;}
h2 {font-size:1.22em; color:#28315B; margin:15px 0 7px 0; font-weight:normal; text-transform:uppercase;}
  h2 a {color:#28315B; text-decoration:none}
h3 {font-size:1.3em; color:#28315B; margin:15px 0 7px 0; font-weight:normal;}
h4 {font-size:110%; color:#28315B; margin:15px 0 5px 0; font-weight:bold;}

.imgBorder {border:solid #5972AC 1px;}
ul, ol {margin-left:2em;}
ul.list {list-style-type:none; list-style-image:url('/images/icons/list.svg');}

.mobil, .email, .address {display:inline-block; padding-left:25px;}
  .address {background:url('/images/icons/address.svg') no-repeat 8px top; background-size:auto 21px;}
  .email {background:url('/images/icons/email.svg') no-repeat left center; background-size:auto 10px;}
  .mobil {background:url('/images/icons/phone.svg') no-repeat 8px center; background-size:auto 20px;}

.formRWD label {display:inline-block;}
.formRWD label span {display:inline-block; color:#D6121E; width:0.8em;}
.formRWD input, .formRWD textarea, .formRWD .rw {display:block; width:100%; max-width:350px;}
.formRWD input[type=checkbox] {display:inline-block; width:auto;}
.formRWD input.sbmt {margin-top:10px;}

.submenuM {float:right; list-style-type:none; text-align:right;
      text-transform:uppercase; font-size:90%; font-weight:bold; line-height:1.9; letter-spacing:0.03em; margin-top:10px;}
  .submenuM a {text-decoration:none; color:#535353; padding:2px 10px 0px 10px; white-space:nowrap;
      background:url('/images/icons/subm-off.svg') no-repeat right center / auto 10px;}
  .submenuM a:hover, .submenuM a.act {color:#D6121E; background-image:url('/images/icons/subm-on.svg');}

.submenu {float:right; list-style-type:none; text-align:right;
    text-transform:uppercase; font-size:90%; line-height:1.9; letter-spacing:0.03em;}
  .submenu li {margin-bottom:3px;}
  .submenu a {text-decoration:none; color:#FFF; background:#28315B; padding:1px 10px 0px 50px; white-space:nowrap;
    display:block; border-radius:5px;}
  .submenu a:hover {background:#485073;} 
  .submenu a.act {background:#D6121E; color:#FFF;}

/*.submenu {float:right; list-style-type:none; text-align:right;
    text-transform:uppercase; font-size:90%; line-height:1.9; letter-spacing:0.03em;}
  .submenu li {margin-bottom:3px;}
  .submenu a {text-decoration:none; font-weight:bold; color:#28315B; background:#9DD4FF; padding:1px 10px 0px 50px; white-space:nowrap;
    display:block; border-radius:5px;}
  .submenu a:hover {color:#D6121E;} 
  .submenu a.act {color:#D6121E;}
*/
.uInfo {list-style-image:url('/images/icons/list.svg'); margin-top:15px; font-style:italic; color:#5972AC;}
  .uInfo .uInfo {margin-top:0; list-style-image:url('/images/icons/listr.svg');}
  .uInfo a {color:#5972AC;}
  .uInfo a:hover {color:#889ac3;}
.uInfoTab td {padding:1px 5px;}
  .uInfoTab td:first-child {text-align:right;}
  .uInfoTab td:last-child {font-weight:bold; color:#5972AC;}

/* FRONT ===================================================================================================================================== */
#topBar {text-align:right; padding:5px 10px; font-style:italic;}
#topBar a {text-transform:uppercase; font-size:80%; text-decoration:none;}
#topBar a.act, #topBar a:hover {color:#28315B;}
#topBar strong {display:inline-block; padding:0 0 0 18px; background:url('/images/icons/login.svg') no-repeat center left / 12px auto;}

.header .maxWebWidth {position:relative; line-height:0; padding:0;}
.header a.logo {font-family:compactabold_italic, impact, sans-serif; display:block; text-decoration:none;
  font-size:40px; font-size:7.4vw; text-shadow:7px 7px 12px #A6B7D2; line-height:1; color:#28315B; white-space:nowrap;
  position:absolute; top:0px; left:39%; z-index:100;}
.header a.logo span {color:#D6121E;}
.header .sh {position:absolute; bottom:-25px; right:0; height:85%;}
.header .bn {line-height:1; position:absolute; bottom:2px; left:39%; padding:0;
  font-size:100%; font-size:2.0vw; letter-spacing:0.04em; color:#28315B; white-space:nowrap;}
.header .bn span {color:#D6121E;}
/* mainMenu */
#menu {background:#9DD4FF;}
#menu .maxWebWidth {padding:0;}
.shBl {display:none; line-height:0; text-align:center; padding:7px;}
.shBl img {cursor:pointer;}
.mainMenu {text-align:left; margin:0;}
.mainMenu li {position:relative; display:inline-block; margin:7px 40px 7px 10px;}
.mainMenu li a {text-transform:uppercase; text-decoration:none; font-weight:bold; color:#28315B; font-size:90%; letter-spacing:0.03em;}
.mainMenu li a:hover, .mainMenu li a.act {color:#D6121E;}

/* ROTATOR ==================================================================================================================================== */
#rotContainer {width:100%; background:url('/images/header.jpg') no-repeat top center; background-size:auto 100%; position:relative;}
.setSize {width:37.6%;}
#rotator {width:37.6%; list-style-type:none; margin:0; position:absolute; top:0; left:0;}
#rotator li {width:100%; display:none;}
#rotator li img {width:100%;}
  #rotator li#rot0 {display:block;}
  .controlPanel {position:absolute; bottom:5px; left:31%;line-height:0;}
  .controlPanel img { cursor:pointer; border:solid #666 1px; background:#000; border-radius:7px; width:20px; padding:1px;}

/* FOOTER ==================================================================================================================================== */
#footer {background:#28315B; color:#9A9FB1; margin-top:30px; padding:5px 0 50px 0;}
#footer ul {list-style-type:none; margin:0 0 15px 0;}
#footer ul li.ind {text-indent:1em;}
#footer a {text-decoration:none; color:#9A9FB1;}
#footer a:hover, #footer a.act {color:#C9CBD6;}
#footer h3 {color:#C9CBD6; margin-top:0;}
#footer .footerPart {float:left; width:25%; padding:10px;}
#footer strong.fp {display:inline-block; margin-bottom:10px;}
.footerKZ {margin-bottom:10px;}
.footerKZ .err, .footerKZ .info {color:#0C3; background:none; margin:15px 0;}
.footerKZ input, #cookieInfo input {padding:2px; margin-bottom:5px; background:#28315B; color:#9A9FB1; border:solid #5C6183 1px;}
.footerKZ input {width:100%; max-width:200px;}
.footerKZ input:-webkit-autofill, .footerKZ input:-webkit-autofill:hover, .footerKZ input:-webkit-autofill:focus {
  border: 1px solid #5C6183; -webkit-text-fill-color: #9A9FB1; -webkit-box-shadow: 0 0 0px 50px #28315B inset;}/* autocomplete */
.footerKZ input.sbmt, #cookieInfo input.sbmt {color:#B7B9C8; padding:2px 10px; background:#5C6183;}
.footerKZ input.sbmt:hover, #cookieInfo input.sbmt:hover {background:#555977; border-color:#555977;}
.footerKZ input::placeholder {color:#5C6183; opacity:1;}
.footerKZ input:-ms-input-placeholder {color:#5C6183;}
.footerKZ input::-ms-input-placeholder {color:#5C6183;}
.copy {clear:both; text-align:right; border-top:solid #5C6183 1px; font-size:0.86em;}

/* cookieInfo */
#cookieInfo {background:#171d35; color:#9A9FB1; position:fixed; bottom:0; left:0; width:100%; z-index:1000; 
  display:none; border-top:solid #5C6183 1px;}
#cookieInfo .maxWebWidth {padding:5px 6px 5px 40px; background:url('/images/icons/info.svg') no-repeat 10px center / 20px auto;}
#cookieInfo a {color:#9A9FB1; text-decoration:underline;}
#cookieInfo a:hover {color:#C9CBD6; text-decoration:none;}
#cookieInfo .sbmt {margin-left:30px; border:none; background:#999; color:#3D4256;}
#cookieInfo .sbmt:hover {background:#BBB;}

/* slideJS =================================================================================================================================== */
.slideJS {background:url('/images/icons/open.svg') no-repeat left center;  padding:0 0 0 15px;}
.slideJS.slidecJS {background-image:url('/images/icons/close.svg')}
.tagSlidJs {display:none;}

/* contact =================================================================================================================================== */
.contactDiv {margin-bottom:15px; float:left; padding-right:20px; width:40%;}
.contactDiv > div {margin-bottom:15px;}
.contactForm {float:right; width:60%;}
.contactForm p {margin:5px 0;}

/* nominate + about-me =================================================================================================================================== */
.nominate1, .portraitLeft {width:30%; max-width:300px; float:left; margin:15px 25px 15px 0; height:auto;}
.aboutme1, .portraitRight {width:30%; max-width:300px; float:right; margin:15px 0 15px 25px; height:auto;}
.aboutme2, .countryLeft {width:40%; float:left; margin:15px 25px 15px 0; height:auto;}
ul.team strong {color:#5972AC; font-size:110%;}

/* DESATORO ================================================================================================================================== */
.vn {margin-top:12px;}
.vr {font-weight:bold; margin:15px 0 0 0; font-size:110%;}
#str {font-size:1.8em; border-bottom:dotted #555 1px; font-style:italic; letter-spacing:0.09em; font-family:compactabold_italic;}
.pm {font-size:120%; color:#28315B;}
a.email {color:#555; text-decoration:none; font-family:compactabold_italic; letter-spacing:0.05em; padding:0; background:none;}
a.email:hover {color:#555;}
a.email span:first-child, #str span:first-child {color:#D6121E;}
a.email:hover span:first-child {color:#555;}
a.email span:last-child, #str span:last-child {color:#28315B;}
a.email:hover span:last-child {color:#555;}

/* ARTICLES ================================================================================================================================== */
.articles h2 {font-size:1.45em; text-transform:none; margin:0;}
.articles div {margin-bottom:20px; overflow:auto;}
.articles p {margin:0; padding:0;}
.articles .infoBar {text-align:right; padding:0 10px; border-bottom:dotted #889ac3 1px; border-top:dotted #889ac3 1px; margin-bottom:7px;}
.articles .infoBar em {font-size:90%;}
.articles img {float:left; margin:0 15px 15px 0;}
.classIframeVideo {text-align:center;}
.classIframeVideo iframe {border:solid #5972AC 1px; max-width:560px; width:100%; margin:10px auto;}

/* ARTICLE ================================================================================================================================== */
.article p {margin:0; padding:0;}
.articleInfoBar {text-align:right; border-bottom:dotted #889ac3 1px; border-top:dotted #889ac3 1px; margin-bottom:15px;}
.articleIMG {width:30%; max-width:200px; float:left; margin:0 15px 15px 0;}

.article .leftSidebar {width:25%; float:left; border:dotted #889ac3 1px; padding:7px; text-align:justify;}
.article .leftSidebar img {width:auto; max-width:100%;}
.article .artLeft {float:left; width:74%; margin-left:1%;}

.article .partners {float:right; width:25%; text-align:center;}
.article .partners div {border:dotted #889ac3 1px; padding:7px; margin-bottom:10px;}
.article .partners img {width:auto; max-width:100%;}
.article .partners p {text-align:justify;}
.article .artRight {float:left; width:74%;}

.article .artLeft.artRight {width:48%;}

ul.refPDF {list-style-type:none; margin-left:1em;}
ul.refPDF li {background-repeat:no-repeat; background-position:left 0.5em; background-size:auto 12px; padding:0 0 0 20px;}
ul.refPDF li.pdf {background-image:url('/images/icons/pdf.svg');}
ul.refPDF li.xlsx, ul.refPDF li.xls {background-image:url('/images/icons/xlsx.png');}
ul.refPDF li.docx, ul.refPDF li.doc {background-image:url('/images/icons/docx.png');}
.refGallery img {margin:2px; width:30%; max-width:130px;}

.vote {margin-top:50px; clear:both;}
.vote h2 {background:#28315B; color:#FFF; padding:1px 10px; letter-spacing:0.01em;}
.vote .qText {color:#28315B;}
.vote form {margin:10px 0 0 25px; color:#28315B;}
.vote form label {font-weight:bold;}
.vote form input[type='radio'] {margin:0 5px 0 25px;}
.vote form .sbmt {width:10em; margin:7px 0 15px 0;}
.vote ul {list-style-type:none; margin:7px 0 0 15px;}
.vote ul li div {display:inline-block; height:10px; border-radius:5px;}
.vote ul li:first-child div {background:#445988;}
.vote ul li:last-child div {background:#99A8CC;;}
.vote ul li span {display:inline-block; width:4em; text-align:right;}

.discussion {margin-top:50px; clear:both;}
.discussion.dtop {margin-top:0px;}
.discussion h2 {background:#28315B; color:#FFF; padding:1px 10px; letter-spacing:0.01em;}
ul.tree {margin-left:0px; border-left:dotted #889ac3 1px; list-style-type:none;}
ul.tree ul.tree {margin-left:20px;}
ul.tree li {padding:0; margin:5px 0; padding-top:15px;}
ul.tree li p {text-align:left; padding:0 0 0 15px;}
ul.tree li p:first-child {background:#EEF1F6 url('/images/icons/tree.svg') no-repeat left center; border:dotted #889ac3 1px; border-left:none;}
ul.tree li p:first-child.reg, ul.tree li p:first-child.admin {
  background:#EEF1F6 url('/images/icons/reg.svg') no-repeat 4px center / 12px auto;  padding:0 0 0 23px;}
ul.tree li p:first-child.noReg {
  background:#EEF1F6 url('/images/icons/noReg.svg') no-repeat 4px center / 12px auto;  padding:0 0 0 23px;}
ul.tree li p:first-child strong, .usreg {color:#1F2647;}
ul.tree li p:first-child strong.red {color:#D6121E;}
ul.tree li p:first-child strong.shad, .usnoreg {color:#636363;}
ul.tree li p:first-child em {font-size:90%;}

.discBar {margin-left:15px;}
.discBar a {text-decoration:none; font-style:italic;}
.formDisc {margin:7px 0 0 0;}
.formDisc input[type=text] {margin-bottom:5px;}
.formDisc.formRWD textarea, .formDisc.formRWD input {max-width:600px;}
.formDisc textarea::placeholder, .formDisc input::placeholder {color:#535353; opacity:0.6; font-style:italic;}
.nick {font-size:1em;}

/* MY POSTS ================================================================================================================================== */
.discussion div {margin-bottom:20px; clear:right;}
.discussion div p:first-child {background:#EEF1F6 url('/images/icons/tree.svg') no-repeat left center; padding:2px 15px;}
.discussion div p:first-child a, .discussion div p:first-child strong {text-decoration:none; font-weight:bold;}
.discussion div p:first-child a {color:#4D6499;}
.discussion div p:first-child a:hover, .discussion div p:first-child strong {color:#889ac3;}
.discussion div p:first-child em {font-size:90%;}
.discussion div p:last-child {padding:0 15px;}

/* PROGRAM ================================================================================================================================== */
ul.treePr {margin-left:15px; border-left:dotted #889ac3 1px; list-style-type:none;}
ul.treePr ul.treePr {margin-left:15px;}
ul.treePr > li {background:url('/images/icons/tree.svg') no-repeat left 0.35em; padding:0 10px 5px 20px;}
.prHead {margin:0; padding:2px 5px; font-size:1.1em; color:#5972AC; border:dotted #889ac3 1px;}
.prPart.act {text-decoration:none; font-weight:bold; font-size:1.4em; color:#D6121E;}
ul.treePr > li.act {background:#EEF1F6 url('/images/icons/tree-act.svg') no-repeat left 0.6em; padding-left:20px;}
.prText {overflow:auto;}
.prText .flLeftPr {float:left; margin:0 25px 15px 0;}
.prText .flRightPr {float:right; margin: 0 0 15px 25px;}
ol.prOL {margin-top:10px; margin-left:2.5em;}

/* =========================================================================================================================================== */
/* TOP */
#back-top img {position:fixed; bottom:30px; right:30px; opacity:0.8; z-index:1100;}

/* LOADER */
#loader {display:none; position:absolute; border: 8px solid #F3F3F3; border-top: 8px solid #4D546E;
  border-radius: 50%; width: 45px; height: 45px; animation: spin 2s linear infinite;}
  @keyframes spin {
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
  }
/* ERRORDOCUMENT */
.errordocument {width:100%; max-width:800px; text-align:left; margin:0px auto; padding:0 10px;}
.errordocument ul {margin:3px 0 3px 25px; list-style-type:none; list-style-image:url('/images/icons/list.svg');}
.errordocument img {float:right; margin:15px 0 20px 0; width:90%; max-width:200px;}

/* PAGINATE */
.paginate {margin:0; color:#535353;}
.paginate a, .paginate span {font-size:90%; text-decoration:none; display:inline-block; margin:0 2px; padding:3px; line-height:1.6; text-align:center;}
.paginate span {color:#5972AC; font-weight:bold;}

/* MODAL-THUMB */
a.mod {cursor:zoom-in;}
img.imgModal {visibility:hidden; position:absolute; top:0; left:0; overflow:hidden; cursor:zoom-out; border:solid #6D7698 1px; z-index:1000;} 
a.noModal {cursor:default;}

/* crumbs */
.crumbs {border-bottom:dotted #889ac3 1px; font-style:italic;}
.crumbs .maxWebWidth {padding:2px 10px;}
.home {position:relative; top:1px;}

@media screen and (min-width:960px) {
  /* FRONT */
  .header {background:url('/images/bcg.jpg') no-repeat top center; 
    background-size:auto 100%;}
  
  /* rotator */
  .controlPanel {left:33%;}
}
@media screen and (min-width:2000px) {
  /* FRONT */
  .header {background:url('/images/bcg.jpg') no-repeat top center, url('/images/bcgL.png') no-repeat top left, url('/images/bcg0.jpg') repeat-x top center; 
    background-size:auto 100%, 50% 100%, auto 100%;}  
    
}
@media screen and (min-width:1200px) {
  /* FRONT */
  .header a.logo {font-size:82px;}
  .header .sh {right:-40px; height:88%;}
  .header .bn {font-size:22px; bottom:4px; letter-spacing:0.1em;}
}

@media screen and (max-width:960px) {
  /* footer, copy, cookieInfo */
  #footer .footerPart {width:33%;}
  #footer .footerPart:last-child {float:none;}
  /* mainMenu */
  .mainMenu li {margin:7px 35px 7px 10px;}
  /* partners
  .partners p, .article .leftSidebar, .article .leftSidebar p {text-align:left;} */
}

@media screen and (max-width:768px) {
  /* mainMenu */
  .mainMenu li {margin:7px 20px 7px 10px;}
  /* contact */
  .contactDiv, .contactForm {float:none; width:100%;}
  /* footer, copy, cookieInfo */
  #footer .footerPart {width:50%;}
  #footer .footerPart:last-child {float:left;}
  #footer .footerPart:nth-child(2n+1) {clear:left;}
}
@media screen and (max-width:640px) {
  /* mainMenu */
  .shBl {display:block;}
  .mainMenu {text-align:left; background:#F0F9FF; display:none; }
  .mainMenu li {display:block; border-bottom:dotted #9DD4FF 1px; margin:0; padding:7px; text-align:center;}
  .mainMenu li:last-child {border-bottom:solid #9DD4FF 2px;}
  .mainMenu li a {text-transform:uppercase; text-decoration:none; font-weight:bold; color:#28315B;}
  .mainMenu li a:hover, .mainMenu li a.act {color:#D6121E;}
  /*.submenu */
  .submenu  {margin-top:0;}
  h1 {clear:right;}
  /* FRONT */
  .setSize {width:250px;}
  #rotator {width:250px;}
  #play {left:115px; bottom:3px;}
  .header a.logo {position:static; width:100%; text-align:center; font-size:3em; text-shadow:4px 4px 6px #AAA; line-height:1.3;}
  .header .sh {right:0; bottom:-10px; height:auto; width:180px;}
  .header .bn {position:static; font-size:16px; font-weight:bold; padding:7px; line-height:1.2; text-align:center;white-space:normal;}
  
  /* article */
  .article .leftSidebar {width:auto; float:none; margin:0; overflow:auto; margin-bottom:20px;}
  .article .leftSidebar img {width:auto; max-width:30%; float:left; margin:0 10px 10px 0;}
  .article .artLeft {float:none; margin-left:0; width:auto;}
  
  .article .partners {float:none; width:100%; margin-top:15px;}
  .article .partners div {overflow:auto;}
  .article .partners img {width:auto; max-width:25%; float:left; margin:0 10px 10px 0;}
  .article .artRight {float:none; width:auto;}
  
  .article .artLeft.artRight {width:auto;}
  
  /* nominate + about-me */
  .nominate1, .portraitLeft {width:40%; float:left; margin:10px 10px 10px 0;}
  .aboutme1, .portraitRight {width:40%; float:right; margin:10px 0 10px 10px;}
  .aboutme2, .countryLeft {width:60%; float:left; margin:10px 10px 10px 0;}  
}
@media screen and (max-width:480px) {
  p {text-align:left;}
  /* footer, copy, cookieInfo */
  #footer .maxWebWidth {text-align:center;}
  #footer .footerPart, #footer .footerPart:last-child {width:100%; max-width:270px; float:none; margin:5px auto; text-align:left;}
  
  /* article */
  .partners img {width:auto; max-width:30%;}
}