.wrapper{
background-color: #f5f5fa;
}
/* TITRE (book, cook, forum, etc...) */
.banner-title {
padding-top:3%;
padding-bottom:3%;
color: #5569af;
font-size: 36px;
text-align:center;
}
.banner-title .line-left{
clear:left;
float:left;
width:20%; /*width:25%;*/
border-top: 3px solid #eee;
}
.banner-title .line-right{
clear:right;
float:right;
width:20%; /*width:25%;*/
border-top: 3px solid #eee;
}
.banner-title .homebox-title{
margin-top: 20px;
font-size: large;
font-weight: bold;
font-family: montserra;
color:black;
}
.banner-title .panel-title{
font-size: x-large;
font-family: montserra;
color:black;
}
@media screen and (max-width: 992px) {
.banner-title .line-left {
width: 15%;
}
.banner-title .line-right {
width: 15%;
}
}
/* CONTENT*/
.zone-content{
}
.panel-pays{
display: inline-block;
margin: 1% 0%;
}
/* PLAN */
.panel-plan{
display: inline-block;
width: 100%; /*width: 90%;*/
margin: 0; /*margin: 0 5%;*/
background-color: white;
box-shadow: 6px 6px 6px #d6d6d6;
}
.list-plan {
/*max-height: 320px;*/ /*no voir plus*/
margin-top: 20px;
overflow: hidden;
transition: all 300ms ease-in;
}
.list-plan h2{
display:none;
}
.list-plan ol{
list-style: none;
margin-left: -30px;
font-family: montserra;
}
.list-plan ol .n1 {
display:none;
}
.list-plan ol .n1-philo { /* ajout philo vc */
font-weight: bold;
text-transform: uppercase;
color:#2c3436;
}
.list-plan ol .n2 {
font-weight: bold;
text-transform: uppercase;
color:#2c3436;
}
.list-plan ol .n3{
font-weight: bold;
/* font-size: large; supprimé vivien */
color:#5569af;
}
.list-plan ol .n4{
font-weight: bold;
color: #5569af;
}
.list-plan ol .n5{
font-weight: bold;
color: #5569af;
}
/* FIXED NAVPLAN (NavPLAN flottant)*/
.navbox-fixed{
position: fixed; /*floating*/
display:table; /*nb items*/
width: 70px; /*60px + margin*/
height: 70px; /*60px + margin*/
right: 38%;
bottom: 0;
margin: 0;
padding-right: 10px;
padding-bottom: 10px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
background-color: transparent;
opacity: 0.8;
z-index:2;
transition: 300ms;
}
@media screen and (max-width: 992px) {
.navbox-fixed {
right: 0%;
border-top-right-radius: 0px;
}
}
.navbox-fixed .nav-menu{
display:none;
float: right;
margin-top: 40px;
margin-bottom: 20px;
padding-left: 5px; /*padding-inline-start: 5px;*/
color: white;
font-size: 16px; /*font-size: 25px;*/
font-family:firasans;
list-style-type: none;
}
.navbox-fixed .nav-menu ol{
padding-left: 10px; /*padding-inline-start: 5px;*/
}
.navbox-fixed .nav-menu > li{
padding-bottom: 5px;
padding-left: 60px;
padding-right: 30px;
border-bottom: solid 1px;
text-align: right;
}
.navbox-fixed .nav-menu > li >a{
color: white;
}
.navbox-fixed .nav-menu .n1, .n1-philo, .n2, .n3 .n4, .n5{ /*modif philo vc*/
font-weight: bold;
color: #FFF;
}
.navbox-fixed .nav-btn{
cursor:pointer;
clear: right;
float: right;
width: 60px;
height: 60px;
border-radius: 30px;
text-align: center;
}
.navbox-fixed .nav-open{
padding-top: 2px;
font-size: 40px;
color: #fff;
background-color: #788cbe;
opacity: 0.8;
}
.navbox-fixed .nav-close{
display:none;
padding-top: 16px;
font-family:fontello;
font-size: 20px;
color: #788cbe;
background-color: #fff;
opacity: 1;
}
/* MOSAIC DA MEDIAS ENCYCLO */
.panel-medias{
}
.zone-medias{
display: inline-block;
width: 100%; /*1 item*/
padding: 10px 3px; /*padding: 20px;*/
background-color: white;
box-shadow: 6px 6px 6px #d6d6d6;
}
.zone-medias .photo{
float:left;
width: 33%; /* width: 110px; width: 120px; / width: 130px;*/
height: 160px; /*height: 150px;*/
text-align: center;
}
.zone-medias .photo img{
height: 100px;
width: 100px;
transition: all 100ms ease-in;
}
.zone-medias .photo img:hover{
margin:0px;
padding: 0px;
height: 110px;
width: 110px;
}
.zone-medias figcaption{
margin: 3px 1px 1px 1px;
text-align: center;
font-weight: 500;
font-size: 13px;
line-height:1.1;
}
.zone-medias .score{
display:none;
}
@media screen and (max-width: 992px) {
.zone-medias {
padding: 10px 20px;
}
.zone-medias .photo img{
height: 80px;
width: 80px;
}
.zone-medias .photo img:hover{
height: 90px;
width: 90px;
}
}
/* MODULE DA ARTICLES ENCYCLO */
.panel-articles{
}
.zone-articles{
display: inline-block;
margin: 10px;
padding: 0 20px;
background-color: white;
box-shadow: 6px 6px 6px #d6d6d6;
}
.btPlus{
cursor:pointer;
margin: 20px 3% 0 3%;
padding: 10px;
border-top:solid 1px #788cbe;
font-style: italic;
font-weight: bold;
text-align: center;
}
.iconPlus{
margin-left: 8px;
}
.itemShow{
display:inline-block;
}
.itemHidden{
display:none !important;
}
.zone-articles article{
display: inline-block;
width:100%;
/*margin-bottom: 20px;*/
font-family:firasans;
}
.zone-articles .link{
display:none;
}
.zone-articles h2{
/*float:right;
width: 70%;*/
font-size: 16px;
color:black;
}
.zone-articles p{
/*float:right;
width: 70%;*/
font-family:firasans;
font-size: 14px;
font-weight:bold;
line-height:1.25em; /*ajouté par vivien*/
color: #566bb3
}
.zone-articles div{
/*float: left;*/
display: inline-block;
width: 100%;
margin-top: 9px;
}
.zone-articles img{
height: 86px;
width: 86px;
margin-top: 20px;
padding:5px;
border-radius: 50px;
transition: all 100ms ease-in;
}
.zone-articles img:hover{
padding:0px;
margin-right: 15px;
height: 96px;
width: 96px;
}
/* MODULE DA CHRONO ENCYCLO */
.zone-chrono{
display: inline-block;
margin: 10px;
background-color: white;
box-shadow: 6px 6px 6px #d6d6d6;
}
.zone-chrono ul{
padding: 10px;
}
.zone-chrono ul li{
margin-top:5px;
}
/* PUBS */
.pub-pave{
text-align: center;
margin-top: 12%;
}
.taboola{
width: 92%;
margin: 3% auto;
padding: 5%;
background-color: white;
}
