/*header*/
#content-header {
    background:
      #B6BAB8 url("++theme++sites/summer-school/images/summer-school.jpg") no-repeat center;
}
#portal-header {
    margin:0;
}
#portal-logo {
    height: 400px;
}

a#portal-logo {
    color:rgba(250, 250, 250, 0.8);
    font-size: 400%;
    padding-top: 240px;
    text-decoration: none;
}
@media (max-width: 640px) {
    a#portal-logo {
    font-size: 200%;
}
}

body.section-index #portal-breadcrumbs {
    display:none;
}
.plone-breadcrumb ol a {
    color: #1A9E9F;
}

/*navigation*/

#mainnavigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.plone-navbar-nav li a, 
.plone-navbar-nav li a:hover,
.plone-navbar-nav > .selected > a, 
.plone-navbar-nav > .selected > a:hover {
    font-size: 14px;
    text-transform: uppercase;
    font-weight:300;
}
.plone-navbar-nav li .submenu {
    background-color: #494949;
}
.plone-navbar-nav li .submenu a,
.plone-navbar-nav li .submenu a:hover {
    font-weight:300;
    font-size:x-small;
    padding-top: 5px;
    padding-bottom:4px;
}
.plone-navbar-nav li .submenu a:hover{
    background: #8c8c8c;
}

/*CAROUSEL*/
.carousel-caption h3 {
    color:#fff;
}

/*content*/
#content a {
    color:#1A9E9F;
    border:none;
}
.documentFirstHeading {
    font-size:30px;
    text-transform:uppercase;
    border-bottom: none;
}
.section-index #content-header {
    margin-bottom:20px;
}
#content-core p,
#content-core li {
    font-weight:normal;
}
#content-core td p {
    text-align:inherit;
}
#content-core th,
#content-core th a {
    color:#fff;
}
/*right portlets*/
#portal-column-two .portletHeader,
#portal-column-two .portletHeader a {
    color:#55ab26;
}
#portal-column-two a {
    color:#1A9E9F;
}
h2, h3 {
    margin: 40px 0;
}

body.section-index #content-core .col-xs-12.col-md-10{
    background-color:#e6e6e6;
    height:40px;
    border:2px solid #fff;
  
}
body.section-index #content-core .col-xs-12.col-md-10 p {
    text-align: center;
    padding-top: 10px;
}
body.section-index #content-core .col-xs-12.col-md-2 {
    background-color:#55ab26;
    height:40px;
    border:2px solid #fff;
    padding-top:10px;
    border-radius: 6px;
    text-align:center;
}
body.section-programme #content-core .col-xs-12.col-md-12 {
    padding: 6px;
    font-weight:300;
    text-align: right;
    margin: 10px;
    color:#55ab26;
}
body.section-programme #content-core .col-xs-12.col-md-6.txt {
    background-color: #e6e6e6;
}
body.section-programme #content-core .col-xs-12.col-md-6.txt p {
   font-weight:300;
   font-size: 120%;
}

body.section-index #content-core .col-xs-12.col-md-2 a {
    color:#fff;
    border:none;
}

/*footer*/

#portal-footer-wrapper p {
    border-bottom: none;
    padding-bottom: 0px;
}
#portal-footer-wrapper {
    padding: 0px 15px;
}
#footer-contact {
    color: #C9C9C9;
    font-weight: lighter;
    text-align: center;
    background-color: #494949;
    padding: 10px 0px;
    margin-top:40px;
}
#footer-contact a {
    color: #C9C9C9;
}
#footer-logos {
    text-align: center;
    background-color: #c9c9c9;
    padding: 15px 0;
}
#footer-logos img {
    height: 60px;
    padding: 0 15px;
}
@media (max-width: 640px) {
    #footer-logos img {
    margin:10px;
    }
}
#footer-logos a {
    text-decoration:none;
}
#footer-logos > a:nth-child(6) > img:nth-child(1) {
    height: 100%;
}
/*supprimer ligne grise au top du footer contact*/
.row::after {
    display:none;
}

/*landing page*/
body.section-register #portal-breadcrumbs,
body.section-register #footer-contact,
body.section-register #footer-logos,
body.section-register h1.documentFirstHeading{
    display:none;
}
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto auto auto auto auto;
  grid-gap: 10px 10px;
  margin:20px;
}
.item1 {
    grid-column: 1/5;  
    grid-row: 1 / 2;
    }
.item2 {
    grid-column: 1/3;  
    grid-row: 2 / 3;
    }
.item3 {
    grid-column: 3/5;  
    grid-row: 2 / 3;
    }
.item4 {
    grid-column: 1/5;  
    grid-row: 3 / 4;
    }
.item5 {
    grid-column: 1/5;  
    grid-row: 4 / 5;
    background:#f2f2f2;
    padding:10px;
    }
.item6 {
    grid-column: 2/3;
    grid-row: 5/ 6;
    }
.item7 {
    grid-column: 3/4;
    grid-row: 5/ 6;
    }
.item6, .item7 {
    border-radius:30px;
    border:2px solid #b3b3b3;
    text-align: center;
    padding:10px 20px;
}  
.item6 a, .item7 a {
    color:#b3b3b3 !important;
    font-weight:300;
    font-size:larger;
}   
@media (max-width: 1280px) {
    .item2 {
    grid-column: 1/5;  
    grid-row: 2 / 3;
    }
.item3 {
    grid-column: 1/5;  
    grid-row: 3 / 4;
    }
.item4 {
    grid-column: 1/5;  
    grid-row: 4 / 5;
    }
.item5 {
    grid-column: 1/3;  
    grid-row: 5 / 6;
    background:#f2f2f2;
    padding:10px;
    }
.item6 {
    grid-column: 3/4;
    grid-row: 5/ 6;
    }
.item7 {
    grid-column: 4/5;
    grid-row: 5/ 6;
    }
.item6, .item7 {
    border-radius:inherit;
    border:inherit;
    text-align: center;
}  
.item6 a, .item7 a {
   background: #b3b3b3;
   color:#fff !important;
   padding:6px;
}
}
@media (max-width: 767px) {
.grid-container {
  display: block;
}
.grid-container iframe {
    width:100%;
    height: 100%;
}
.grid-container h1{
    font-size:20px;
}
}

    
/*si besoin @media (max-width: 767px) {
    .tableau a {
        flex: 1 0 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .tableau a {
        flex: 1 0 45%;
    }
}*/