html {
overflow-x: hidden;
overflow-y: scroll;
}
@font-face{
font-family:'titre';
src: url('Droidiga.otf');
/*src: url('baronneue.otf');*/
}
@font-face{
font-family:'titre2';
src: url('baronneue.otf');
}
iframe{
border:none;
}
button{
font-family:'Source Sans Pro'!important;
}
/********************************************/
/********** Affichage desktop ***************/
/********************************************/
/************ fond **************************/
body.site{
background:url(../images/fond.png);
background-size:0.75% auto;
/*background:url(/images/cbnb/1441655299.jpg);
background-size:cover;*/
background-attachment:fixed;
padding-top:0;
font-family:'Source Sans Pro';
}
body{
--color-titre: rgb(150,150,150);
}
body.itemid-101{
--color-titre:rgb(213,66,132);
}
.body .container{
padding-top:9em;/*13.5em;*/
max-width:1180px;
width:1160px;
}
/*********** zone supérieure *****************/
.header {
width: 100vw;
position: absolute;
background: white;
left: 0;
top: 0;
padding-top: 3em;
/*padding-bottom: 5.4em;*/
z-index: 4;
background-image: url(../images/plante-gris-2.png),url(../images/plante-gris-1.png);
background-repeat: no-repeat;
background-position: right 0,left 0;
background-size: 21em auto, 26em auto;
}/*********** barre supérieure ****************/
header .pull-right {
position: absolute;
width: 100em;
height: 2em;
top: 0;
left: calc(50% - 51em);
text-align: right;
z-index: 4;
max-width:99vw;
}
header .pull-right div {
display: inline-block;
vertical-align: top;
margin-top: 0.1em;
}
.custom [type="button"][alt] {
width: 25px;
height: 25px;
background-color: transparent;
background-image: url(../images/icone_ondes_noire.png);
background-size: auto 75%;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 0;
border-radius: 0.3em;
}
.custom [type="button"][alt="facebook"] {
background-image: url(../images/icone_facebook_noire.png);
}
.custom [type="button"][alt="youtube"] {
background-image: url(../images/icone_youtube_noire.png);
}
/* -------------------------------------- */
[name="searchword"] {
padding: 0 !important;
padding-left: 2.5em !important;
font-size: 0.8em !important;
border: 1px solid #ccc !important;
border-radius: 0 !important;
background: url(../images/loupe_blanc.png),linear-gradient(to right,black 0,black 2em,white 2.1em,white);
background-size: 1.7em auto,auto;
background-repeat: no-repeat;
background-position: 0.15em 0.15em,0 0;
transition: 1s !important;
width: 12em !important;
height: 2em !important;
cursor: pointer;
margin-left: 0.5em;
font-family: source sans pro;
}
[name='searchword']:not(:focus) {
width: 0!important;
padding-left: 2em!important;
}
/* ------------------------------------- */
.je_suis p{
margin:0;
padding:0;
width:8em;
overflow:hidden;
}
.je_suis select {
color: white;
background-color: black;
background-image: url(../images/fleche-select.png);
background-size: 0.7em;
background-repeat: no-repeat;
background-position: 6.5em 50%;
border-radius: 0;
border: none;
height: 1.9em;
width: 9.5em;
display: inline-block !important;
position: relative;
top: -1px;
margin-right: 0.5em;
font-family: titre;
text-transform:uppercase;
}
.je_suis div{
display:none!important;
}
/* ------------------------------------- */
.header .clearfix::before {
width: 100%;
height: 2em;
background: #ddd;
position: absolute;
left: 0;
top: 0;
mix-blend-mode:multiply;
}
/******************* titre ************************/
.header .pull-left {
float: none;
margin: auto;
width: 100em;
display: block;
max-width:97vw;
}
.header .pull-left::after {
content: ' ';
display: block;
border-bottom: 1px solid rgba(0,0,0,0.075);
height: 0.9em;
width: inherit;
position: absolute;
top: 8em;
}
.site-title {
font-size: 2.5em;
line-height: 1em;
font-weight: 400;
width: 20em;
display: block;
text-transform:uppercase;
color: black;
font-family: titre;
transform:none;
margin-left:0;
}
.site-title::before {
display: block;
content: ' ';
/*border-right: 0.15em solid silver;*/
height: 2em;
width: 4.5em;
background: url('../images/2013logo_CBN-DE-BRESTvecCOULEUR.png');
background-size: contain;
background-repeat: no-repeat;
float: left;
margin-right: 0.5em;
}
.site-title::after {
display: block;
content: '';
width: 0.15em;
border-radius: 1em;
background: silver;
height: 2em;
position: relative;
top: -2em;
left: 4.35em;
}
/************************************************/
/************ menu principal ********************/
/***********************************************/
/* Ces règles ne s'activent qu'en affichage desktop */
@media (min-width: 980px){
.navigation {
width: 100em;
/*transform:translateX(-6em);*/
position:relative;
position: sticky;
left: 0;
top: 0;
background: white;
padding-bottom: 1em;
text-align: center;
border-top:0;
border-bottom:0;
z-index:255;
margin-left:-5.3em;
}
.navigation::after {
width: 100vw;
position: absolute;
content: ' ';
height: 5.5em;
background: white;
left: 50%;
top: 0;
z-index: -1;
transform: translateX(-50vw);
box-shadow: 0 0.1em 0.1em 0.05em rgba(100,100,100,0.1);
background-image: url(../images/plante-gris-2.png),url(../images/plante-gris-1.png);
background-size: 21em auto,26em auto;
background-position: right -9.3em,left -9.3em;
background-repeat: no-repeat;
border-bottom:1px solid rgba(0,0,0,0.075);
}
.navbar{
margin-bottom:0;
}
.nav-pills {
max-width:100vw;
margin:auto;
}
.navigation .nav li {
position: relative;
float:none;
}
.navigation .nav > li {
font-family: 'Source Sans Pro';
text-transform: uppercase;
width: 12%;
display: inline-block;
vertical-align: top;
height: 4em;
font-size: 0.8em;
}
.navigation .nav .default {
width: 3em;
height: 3em;
background-image: url(../images/home.png);
background-size: 80% 80%;
background-position: 50% 70%;
overflow: hidden;
margin-right: 0.5em;
margin-top: 0.5em;
background-repeat: no-repeat;
}
.navigation .nav .default a {
color: transparent !important;
background: transparent!important;
}
.navigation .nav > li {
/*font-family: 'Source Sans Pro';*/
font-family: 'Titre';
text-transform:uppercase;
width: calc(12.5% - 0.5em);
/*max-width:13em;*/
text-align: center;
display: inline-block;
vertical-align: top;
font-size: 0.8em;
}
.navigation .nav li li{
position:static;
}
.navigation .nav li li li a::before {
content: '';
display: inline-block;
width: 0.75em;
height: 0;
border-top: 0.33em solid transparent!important;
border-bottom: 0.33em solid transparent!important;
border-left: 0.33em solid #666!important;
border-right:none!important;
position: static!important;
margin-left:0.5em;
}
.navigation .nav li a {
color: black !important;
background: transparent !important;
width: calc(100% - 4em);
min-width: 9em;
margin: 0 auto;
position: relative;
font-size: 1.2em;
font-weight: 400;
height:2.6em;
}
.navigation .nav li li a{
height:auto;
}
.navigation .nav li:nth-of-type(7) a,
.navigation .nav li:nth-of-type(6) a {
min-width: 10.5em;
position: relative;
}
.navigation .nav li li a{
min-width:8em!important;
}
.navigation .nav li li li a {
padding: 1px 20px;
}
.navigation .nav li ul li a{
color:#666!important;
font-weight:400;
}
.navigation .nav > li:nth-of-type(n+2)::after {
content: ' ';
position: absolute;
width: calc(100% - 2em);
height: 0.45em;
border-radius: 1em;
background: rgb(0,145,109);
bottom: -0.5em;
left: 1em;
}
.navigation .nav > li > .nav-child::after,
.navigation .nav > .current > a::after,
.navigation .nav > .active > a::after{
position: absolute;
top: -1em;
left: 6em;
display: inline-block;
border-right: 10px solid transparent;
border-top: 10px solid rgb(0,145,109);
border-left: 10px solid transparent;
content: '';
box-shadow:none;
}
.navigation .nav > li > .nav-child::after{
left:5.1em;
}
.navigation .nav > .current > a::after,
.navigation .nav > .active > a::after {
top: 3.8em;
left: 4.5em;
}
.navigation .nav > li:nth-of-type(3)::after{
background:rgb(0,154,62);
}
.navigation .nav > li:nth-of-type(3) > .nav-child::after,
.navigation .nav li:nth-of-type(3) > a::after {
border-top: 10px solid rgb(0,154,62);
}
.navigation .nav > li:nth-of-type(4)::after{
background:rgb(116,175,38);
}
.navigation .nav > li:nth-of-type(4) > .nav-child::after,
.navigation .nav li:nth-of-type(4) > a::after {
border-top: 10px solid rgb(116,175,38);
}
.navigation .nav > li:nth-of-type(5)::after{
background:rgb(240,124,0);
}
.navigation .nav > li:nth-of-type(5) > .nav-child::after,
.navigation .nav li:nth-of-type(5) a::after {
border-top: 10px solid rgb(240,124,0);
}
.navigation .nav > li:nth-of-type(6)::after{
background:rgb(197,93,58);
}
.navigation .nav > li:nth-of-type(6) > .nav-child::after,
.navigation .nav li:nth-of-type(6) a::after {
border-top: 10px solid rgb(197,93,58);
}
.navigation .nav > li:nth-of-type(7)
,.navigation .nav > li:nth-of-type(6){
max-width:15em;
}
.navigation .nav > li:nth-of-type(7)::after{
background:rgb(111,51,82);
}
.navigation .nav > li:nth-of-type(7) > .nav-child::after,
.navigation .nav li:nth-of-type(7) a::after {
border-top: 10px solid rgb(111,51,82);
}
.navigation .nav > li:nth-of-type(8)::after{
background:rgb(72,53,131);
}
.navigation .nav > li:nth-of-type(8) > .nav-child::after,
.navigation .nav li:nth-of-type(8) a::after {
border-top: 10px solid rgb(72,53,131);
}
.navigation .nav > li:nth-of-type(9)::after{
background:rgb(109,133,194);
}
.navigation .nav > li:nth-of-type(9) > .nav-child::after,
.navigation .nav li:nth-of-type(9) a::after {
border-top: 10px solid rgb(109,133,194);
}
/************** deroulé des sous-sous-menus suivant la résolution***********************/
@media (max-width:1500px){
.navigation .nav > li:nth-last-of-type(-n+2) > .nav-child::after {
left:auto;
right:6em;
}
.navigation .nav > li:nth-last-of-type(-n+2) > .nav-child{
border-radius:0;/*0 0 2em 0; */
}
.navigation .nav li:nth-last-of-type(-n+2) ul{
left:auto;
right:0;
/*border:none;*/
/*display:block;*/
}
.navigation .nav li li:nth-last-of-type(-n+2) ul{
left:100%;
right:auto;
}
.navigation .nav li:nth-last-of-type(-n+2) ul ul{
border-right:1px solid #666;
border-left:none;
}
.navigation .nav li:nth-last-of-type(-n+2) li .nav-child{
left:auto;
right:100%;
border-radius:0 0 0 2em;
border-radius: 0 1em 1em 2em;
box-shadow:-3px 0 3px rgba(0,0,0,0.2);
}
.navigation li:nth-last-of-type(-n+2) .nav-child li:hover a::after/*,
.navigation li:nth-last-of-type(-n+2) ul:not(:hover) li:first-of-type a::after*/{
border-top:7px solid transparent;
border-left:none;
border-right:7px solid white;
left:auto;
right:calc(100% + 7px)!important;
}
.navigation li:nth-last-of-type(-n+2) .nav-child li:hover a::before/*,
.navigation li:nth-last-of-type(-n+2) ul:not(:hover) li:first-of-type a::before*/{
border-left:none;
border-right:8px solid #666;
left:auto;
right:calc(100% + 7px);
}
}
@media (max-width:1700px){
.navigation .nav > li:last-of-type > .nav-child::after {
left:auto;
right:6em;
}
.navigation .nav > li:last-of-type > .nav-child{
border-radius:0;/*0 0 2em 0; */
}
.navigation .nav li:last-of-type ul{
left:auto;
right:0;
/*border:none;*/
/*display:block;*/
}
.navigation .nav li li:last-of-type ul{
left:100%;
right:auto;
}
.navigation .nav li:last-of-type ul ul{
border-right:1px solid #666;
border-left:none;
}
.navigation .nav li:last-of-type li .nav-child{
left:auto;
right:100%;
border-radius:0 0 0 2em;
border-radius: 0 1em 1em 2em;
box-shadow:-3px 0 3px rgba(0,0,0,0.2);
}
.navigation li:last-of-type .nav-child li:hover a::after/*,
.navigation li:nth-last-of-type(-n+2) ul:not(:hover) li:first-of-type a::after*/{
border-top:7px solid transparent;
border-left:none;
border-right:7px solid white;
left:auto;
right:calc(100% + 6px)!important;
}
.navigation li:last-of-type .nav-child li:hover a::before/*,
.navigation li:nth-last-of-type(-n+2) ul:not(:hover) li:first-of-type a::before*/{
border-left:none;
border-right:8px solid #666;
left:auto;
right:calc(100% + 6px);
}
}
/*******************************************************************************/
.navigation .nav > li > .nav-child::before {
display: none;
}
.navigation .nav ul {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: right;
text-transform:none;
box-shadow:0px 0px 5px rgba(0,0,0,0.2);
border:1em solid white;/*0;*/
border-radius: 0;/*0 0 0 2em;*/
background:white;
margin-top:0.7em;
}
.navigation .nav ul ul {
text-align: left;
min-height:calc(100% - 5px);
margin-top:4px;
border-radius: 0 0 2em 0;
border-radius: 1em 0 2em 1em;
overflow-x:hidden;
overflow-y:auto;
border-left:1px solid #666;
box-shadow:3px -1px 3px rgba(0,0,0,0.2);
display:none!important;
}
.navigation .nav-child li:hover > a/*,
.navigation > div > ul > li > ul:not(:hover) > li:first-of-type > a*/{
background:none;
color:black!important;
font-weight:700;
}
.navigation .nav-child li li a:hover {
color:green!important;
}
.navigation .item-108 li li a:hover{
color:rgb(0,145,109)!important;
}
.navigation .item-110 ul{
display:none!important;
}
.navigation .item-114 li li a:hover{
color:rgb(0,154,62)!important;
}
.navigation .item-113 li li a:hover{
color:rgb(116,175,38)!important;
}
.navigation .item-110 li li a:hover{
color:rgb(240,124,0)!important;
}
.navigation .item-349 li li a:hover{
color:rgb(197,93,58)!important;
}
.navigation .item-112 li li a:hover{
color:rgb(111,51,82)!important;
}
.navigation .item-111 li li a:hover{
color:rgb(72,53,131)!important;
}
.navigation .item-109 li li a:hover{
color:rgb(109,133,194)!important;
}
.navigation li:nth-of-type(2) .nav-child{
/*display:block;*/
}
.navigation .nav li li .nav-child {
top: calc(-1.2em - 4px);
left: 100%;
z-index:-1;
overflow-y:hidden;
font-size:0.8em;
}
.navigation .nav-child li:hover a::after/*,
.navigation li:hover ul:not(:hover) li:first-of-type a::after*/{
content: " ";
position: absolute;
right: -13px!important;
background: transparent;
padding-top: 0;
top: 3px;
/*border-left:7px solid white;
border-top:7px solid transparent;
border-bottom:7px solid transparent;*/
}
.item-246:hover a::after,
.item-246:hover a::before,
.item-138:hover a::after,
.item-138:hover a::before,
.item-434:hover a::after,
.item-434:hover a::before,
.item-125:hover a::after,
.item-125:hover a::before,
.item-123:hover a::after,
.item-123:hover a::before,
.item-212:hover a::after,
.item-212:hover a::before,
.item-127:hover a::after,
.item-127:hover a::before,
.item-540:hover a::after,
.item-540:hover a::before{
display:none;
}
.navigation .nav-child li:hover a::before/*,
.navigation li:hover ul:not(:hover) li:first-of-type a::before*/{
content: " ";
position: absolute;
right: -14px;
background: transparent;
padding-top: 0;
top: 2px;
/*border-left:8px solid #666;
border-top:8px solid transparent;
border-bottom:8px solid transparent;*/
}
/*.navigation li:hover ul:not(:hover) li:first-of-type ul{
display:block;
} */
.navigation .nav > li:hover > ul:not(:hover){
border-radius: 0;/*0 0 2em 2em;*/
}
.navigation .nav a[href="/agir-a-nos-cotes"]::before {
content: ' ';
display:block;
height:1em;
}
}
/********************************************************/
/********************* Zone principale ******************/
/********************************************************/
.row-fluid{
margin-top:2.5em;
}
.body .container{
box-shadow:-0 0 0.5em rgba(100,100,100,0.3);
}
#content{
position:relative;
}
#content:not(.span12)::after{
content:' ';
height:100%;
width:0.5em;
position:absolute;
top:0;
right:-1.5em;
background:linear-gradient(to top,white 0, white 2px, grey 3px,white 4px);
background-size:0.5em 4px;
}
/********************** date ****************************/
.article-info time{
background:#888;
color:white;
padding:0.25em;
font-size:0.8em;
font-family:source sans pro;
padding-left:2em;
}
.article-info .icon-calendar {
position: absolute;
mix-blend-mode: color-dodge;
margin: 0.2em;
}
dd{
margin-left:0;
}
/******************* Fil d'Ariane ***********************/
.breadcrumb{
background:none;
margin:0;
font-size:0.8em;
padding-top:0;
padding-left:0;
}
.breadcrumb li a{
color:grey;
}
.breadcrumb li:first-of-type{
display:none;
}
.breadcrumb .active{
font-weight:700;
}
.breadcrumb li .divider{
padding: 0 2px;
}
.breadcrumb::after {
content: '';
display: block;
background: silver;
width: 8em;
height: 0.3em;
border-radius: 0.5em;
position: relative;
top: 0.75em;
}
/****************** page hors accueil ********************/
#sidebar ~ #aside,
.itemid-390 #aside,
.itemid-410 #aside{
margin-top:18em;
margin-top:312px;
}
#sidebar ~ #content::after,
.itemid-390 #content::after,
.itemid-410 #content::after{
top:24em;
height:calc(100% - 24em);
}
.itemid-254 #content::after,
.itemid-229 #content::after,
.itemid-443 #content::after,
.itemid-446 #content::after,
.itemid-231 #content::after,
.itemid-467 #content::after,
.itemid-600 #content::after,
.itemid-668 #content::after,
.itemid-674 #content::after{
display:none;
}
.random-image, .item-image, .ic-image {
height: 23em;
overflow: hidden;
top: 0;
position: relative;
}
.item-image, .ic-image{
margin:0;
position:absolute;
}
.item-image{
z-index:1;
}
.imageNosActionsPhares{
z-index:0;
}
.itemid-410 .random-image {
width: 1160px !important;
max-width: calc(100vw - 6em);
}
.itemid-418 .random-image{
background-image:url(/images/cbnb/cbnb_photos/Jardin-Dombeya-acutangula-CBN-de-Brest-Charlotte-Dissez-2014.jpg);
background-size:cover;
}
.itemid-358 .random-image{
background-image:url(/images/cbnb/cbnb_photos/Flore-Calluna-vulgaris-H.Guitton-CBN-de-Brest.jpg);
background-size:cover;
}
.itemid-667 .random-image{
background-image:url(/images/cbnb/cbnb_photos/Bandeau-catalogue-doc-2.png);
background-size:auto 555px;
background-position:0 20%;
}
#sidebar ~ #content .random-image,
#sidebar ~ #content .item-image{
width: 1160px;
/*left:-45%;*/
transform:translateX(-22%);
max-width:calc(100vw - 6em);
}
.itemid-390 #content .random-image,
.itemid-390 #content .item-image,
.ic-image{
width: 1160px!important;
max-width:calc(100vw - 6em)!important;
}
#content:first-of-type .random-image,
.item-image{
left:0;
width:100%;
margin:0!important;
}
/*.itemid-390 #content .random-image,
.itemid-390 #content .item-image{
width:134%;
}*/
.random-image img,
.item-image img,
.ic-image img{
width:100%;
height:auto;
position:relative;
top:50%;
transform:translateY(-50%);
}
.itemid-254 .item-image{
background-color:#483583;
}
.itemid-254 .item-image img{
left:16em;
}
.itemid-246 .item-image{
background-color:#7a201c;
}
.itemid-246 .item-image img{
left:10em;
}
.itemid-390 .random-image {
background-image: url(/images/cbnb/cbnb_photos/BZH-sortie-belz.jpg);
background-size: cover;
background-position: 50% 50%;
}
.itemid-410 .random-image {
background-image: url(/images/cbnb/cbnb_photos/Jardin-CBN-de-Brest-CDissez-235.jpg);
background-size: cover;
background-position: 50% 50%;
}
.com_tags .random-image img,
.com_search .random-image img {
background-image: url(/images/cbnb/cbnb_photos/Flore-Papaver-argemone-JGeslin-07-05-2010-Allonnes-3.jpg);
background-size: contain;
background-position: 50% 50%;
}
.img_caption.none{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.random-image p,
.item-image p,
.ic-image p{
display:none;
}
.icinfo {
margin: 0 !important;
padding: 0 !important;
border: 0;
background: none;
text-align:left;
}
.ic-image img {
max-width: 100%;
margin: 0;
max-height: 100vh;
}
.page-header{
border-bottom:none;
}
#sidebar ~ #content .page-header{
margin:0;
padding:0;
border:0;
}
#content .moduletable ~ div .page-header h2,
.componentheading,
.ic-event-header h1{
position: absolute;
top: 1.8em;
left:1.8em;
font-family: 'Titre';
text-transform: uppercase;
color: white;
padding: 1.3em 0.7em 0.5em 0.5em;
background: rgba(150,150,150,0.4);
font-size: 2.4em;
font-weight: 400;
z-index:2;
line-height:1em;
max-width:27em;
}
#sidebar ~ #content .page-header h2{
left: -4em;
}
#sidebar ~ #content .page-header h2 a{
/*color:white;*/
}
.itemid-159 .page-header h2::after,
.itemid-421 .page-header h2::after,
.itemid-330 .page-header h2::after {
content: '^';
position: absolute;
right: 2.7em;
top: 1em;
font-size: 1em;
margin:0;
padding:0;
}
.itemid-159 .page-header h2::after {
left: 3.4em;
}
.itemid-330 .page-header h2::after {
right: 9.5em;
}
.itemid-421 .page-header h2::after {
right: 18.55em;
bottom: 0.77em;
top: auto;
}
#content .page-header::after,
.componentheading::after,
.ic-event-header::after{
position: absolute;
font-size: 2.4em;
left: 2.3em;
top: 2.7em;
content: ' ';
width: 12.5%;
height: 0.2em;
background: linear-gradient(to right,transparent 0px,white 1px,transparent 2px);
background-size: 4px;
z-index:2;
}
#sidebar ~ #content .page-header::after{
left:-3.5em;
}
.componentheading::after {
top: 0.2em;
left: 0.2em;
height: 0.1em;
width: 1em;
}
#content .moduletable ~ div.blog .page-header h2{
position:static;
color:auto;
padding:0;
margin:1em 0;
background:none;
font-size:1.2em;
}
#content .moduletable ~ div.blog .page-header::after{
display:none;
}
/****************** Contenu *************************/
/*[itemprop='articleBody']::before{
content:'';
display:block;
background:silver;
width:8em;
height:0.2em;
border-radius:0.5em;
margin-bottom:1em;
}*/
[itemprop="articleBody"] {
font-size: 1.1em;
line-height: 1.4em;
}
[itemprop="articleBody"] h1 {
font-family: Titre,titre2,arial,verdana;
color: var(--color-titre);
text-transform:uppercase;
font-weight: 400;
font-size: 1.4em;
}
[itemprop="articleBody"] h2 {
font-size: 0.9em;
padding: 0em 0.5em 0 0.5em;
background: black;
color: white;
font-family: source sans pro;
display: inline-block;
text-transform: uppercase;
}
[itemprop="articleBody"] h3{
color:#084;
font-size:1.5em;
text-transform:uppercase;
font-family:'Source Sans Pro';
padding: 0.7em 0;
font-weight:400;
}
[itemprop="articleBody"] ul{
}
[itemprop="articleBody"] h3::before,
[itemprop="articleBody"] h3::after{
content:' ';
display:block;
width:15%;
height:0.1em;
background:silver;
position:relative;
top:-0.5em;
}
[itemprop="articleBody"] h3::after{
background:grey;
top:0.3em;
}
[itemprop='articleBody'] div{
border:1px solid var(--color-titre);
padding:1em;
clear:both;
}
[itemprop="articleBody"] a:not([href]){
font-weight:700;
text-decoration:none;
}
[itemprop="articleBody"] a[href],
.ic-full-description a[href]{
font-weight:400;
color:black;
text-decoration:underline;
}
[itemprop="articleBody"] li{
list-style-type:none;
position:relative;
}
[itemprop="articleBody"] li::before{
content:'';
position:absolute;
width:0.3em;
height:0.3em;
border-radius:0.5em;
background:var(--color-titre);
left:-0.75em;
top:0.5em;
}
[itemprop="articleBody"] p img {
margin: 0 10px 6px 0!important;
height:auto!important;
}
/****************** Tags **************************/
/*.article-info a[href], */
.tags a[href] {
border-radius: 0;
padding: 0.2em 0.2em 0.1em 0.3em;
font-family: 'Source Sans Pro';
text-transform: uppercase;
background-color: silver;
color: white;
font-weight: 700;
font-size:12px;
text-shadow:none;
}
.tags a[href]:hover{
background-color:black;
}
.tags a[href^='/component/tags/tag/je-suis']{
display:none;
}
/*************** Caroussel ***************************/
.carouselck_wrap{
background:white;
z-index:1!important;
height:26.6em;
}
.carouselck_captions,
.carouselck_images{
width:100%!important;
left:0!important;
position:relative;
overflow:hidden;
height:100%;
}
.itemid-101 .carouselck_images img,
.itemid-110 .carouselck_images img{
width:100%!important;
height:auto!important;
top:50%!important;
transform:translate(-17.5%,-50%);
min-width:100%;
min-height:100%;
}
.carouselck_caption > div {
color: black;
background: transparent !important;
background-image: url(../images/encart-carroussel.png) !important;
background-size: 100% 100% !important;
text-align: right;
font-family: source sans pro;
background-position: 0 -1.5em !important;
font-size:1.5em!important;
border-radius: 0px !important;
}
.carouselck_caption_title {
font-weight: 700;
line-height: 1em;
font-size: 1.5em;
}
.carouselck_caption_desc {
line-height: 1em;
width: 80%;
position: relative;
left: 15%;
}
.carouselck_caption_desc::after {
font-size: 0.6em;
content: 'En savoir';
display: block;
margin-top: 1em;
background: url(../images/plus.png);
background-size: 1em;
background-repeat: no-repeat;
background-position: right 50%;
height: 1.5em;
padding: 0 1.5em 0 0;
font-weight: 700;
}
.carouselck_caption_desc:hover::after{
text-decoration:underline;
}
.carouselck_pag_nav{
height:6px!important;
width:18px!important;
}
.carouselck_pag_nav.carouselckcurrent span{
height:6px!important;
width:18px!important;
background:rgb(213,66,132)!important;
background:var(--color-titre)!important;
top:0!important;
left:0!important;
}
/*************** Caroussel jardin ********************/
.carousselJardin{
margin-top:1em;
}
.carousselJardin .carouselck_caption > div {
width: 37% !important; /*largeur de la bande blanche sur l'image*/
}
.carousselJardin .carouselck_caption > div .carouselck_caption_title {
font-size: 1.5em !important;
word-wrap: break-word;
}
.carousselJardin .carouselck_images img{
transform:translate(12%,-50%);
top:50%!important;
}
.carousselJardin .carouselck_caption_desc::after{
background-image:url(../images/plus-jardin.png);
}
.carousselJardin ~ .item-page[itemscope]{
height:2em;
}
/****************** actualités ***********************/
.moduletable h3 {
font-family: titre;
background: rgb(213,66,132);
color: white;
text-transform:uppercase;
display: inline-block;
padding: 0.1em 0.2em 0.3em 0.5em;
font-size: 1.2em;
margin-bottom: 0;
font-weight: 400;
}
.moduletable h3 ~ div,
.moduletable h3 ~ ul{
background-color:#ececef;
list-style-type:none;
margin:0;
padding:0.5em;
}
.moduletable:not(.en_images) h3 ~ div,
.moduletable h3 ~ ul{
height:29em;
}
.moduletable h4 ~ ul{
height:29em;
}
.actualites.moduletable{
width:calc(67% - 1.5em);
display:inline-block;
overflow:hidden;
margin-right: 1em;
}
.actualites p {
margin: 0 !important;
padding: 0.5em !important;
background: transparent !important;
text-shadow: none !important;
}
.actualites .mfp-table-cell-inner > a{
width: calc(100% - 1em);
float:none;
margin:0.5em;
height:150px;
display:block;
position:relative;
overflow:hidden;
}
.actualites img {
width:auto!important;
position:absolute;
height:100%!important;
left:50%;
transform:translate(-50%,0);
max-width:none;
}
.actualites.moduletable ul{
height:calc(100% - 3em);
}
.actualites.moduletable li {
width: calc(50% - 2em - 3px);
display: inline-block;
vertical-align: top;
padding: 0 1em 1em 1em;
height: calc(100% - 3.5em);
margin-top: 1em;
overflow: hidden;
}
.actualites.moduletable li + li{
border-left:2px solid silver;
}
.actualites h4,
.actualites h2{
margin-top:0;
}
.actualites h4 a,
.actualites .mfp-introtitle a,
.itemid-110 main .mfp-introtitle a {
color: black;
text-transform: uppercase;
margin-left: 0.4em;
font-size: 15px;
font-weight: 700;
display: inline-block;
padding-bottom: 0.5em;
font-family: source sans pro;
}
.actualites .mfp-date-author {
margin: 0 0.5em !important;
font-size: 1em !important;
position: static !important;
}
.actualites .minifrontpage-default .mfp-table-cell p {
font-size: 14px !important;
color: rgb(67,67,69);
line-height: 1.2em;
}
.actualites .minifrontpage-default p *{
font-weight:400;
}
.itemid-408 .article-info,
.itemid-409 .article-info,
.itemid-389 .article-info,
.itemid-662 .article-info{
display:none;
}
.liensActus {
float: left;
margin: 0 !important;
min-width: 100%;
position: relative;
top: -0.2em;
}
.liensJournal {
float: left;
margin: 0 !important;
min-width: 100%;
position: relative;
top: -0.2em;
height:0;
}
#lien_actus {
position: absolute;
left: calc(67% - 11.7em);
top: -1.8em;
background: #d54284;
padding: 0.2em 0.5em;
text-decoration: none;
display: inline-block;
color: white;
font-weight: 700;
font-size: 0.9em;
}
#lien_journal {
position: absolute;
left: calc(67% - 19em);
top: 62em;
background: var(--color-titre);
padding: 0.2em 0.5em;
text-decoration: none;
display: inline-block;
color: white;
font-weight: 700;
font-size: 0.9em;
z-index: 2;
}
/****************** agenda ***************************/
#system-message-container{
display:none;
}
.moduletable.agenda,.actualites ~ #icagenda {
width: 33%;
display: inline-block;
vertical-align: top;
}
.actualites ~ #icagenda h1{
display:none;
}
.actualites ~ #icagenda {
position: relative;
margin-top: 1em;
background: linear-gradient(to bottom,transparent 0, transparent 2em,#ececef 2em,#ececef 100%) !important;
height: 30em;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 2em solid #eee;
}
.agenda h3,.actualites ~ #icagenda::before{
background-color:rgb(235,96,14);
}
.actualites ~ #icagenda::before {
content: 'Agenda';
font-family: Titre;
color: white;
text-transform:uppercase;
display: inline-block;
padding: 0.1em 0.2em 0.3em 0.5em;
font-size: 1.2em!important;
font-weight: 400;
margin-bottom: 0;
position: relative;
top: 0.15em;
left: 0;
}
#icagenda-list > .ic-clearfix:first-of-type,
.itemid-101 #icagenda-list > .ic-clearfix:nth-of-type(-n+2),.share {
display: none;
}
#icagenda.agendaAccueil form{
margin-top:1em;
}
.agendaAccueil .ic-box-date {
display: none;
float: none;
text-transform: uppercase;
width: auto;
margin: 0;
height: 1.9em;
padding: 0;
text-align: left;
background:none!important;
}
.ic-date {
padding-left: 1.5em;
background: url(../images/icone-agenda.png);
background-size: 0.9em auto;
background-repeat: no-repeat;
background-position: 0.4em;
}
.ic-date *{
color: rgb(235,96,14) !important;
display:inline;
font-weight: 700 !important;
font-size:16px;
}
.ic-cat{
display:none;
}
.actualites ~ #icagenda h2 a {
font-size: 16px;
margin: 0;
color: black;
white-space: nowrap;
width: 100%;
overflow: hidden;
display: block;
height: 1.4em;
text-overflow: ellipsis;
}
.agendaAccueil .ic-content {
padding: 0 1em;
width: calc(100% - 2em);
position: static;
}
.agendaAccueil .ic-event {
margin: 0;
padding-top: 2em;
font-size: 1em;
background: none !important;
}
.agendaAccueil .ic-event::after {
content: ' ';
height: 0.3em;
background: linear-gradient(to right,transparent 0, transparent 2px, grey 3px,transparent 4px);
background-size: 4px 0.5em;
display: block;
margin-top: 6.5em;
}
.agendaAccueil .ic-event:nth-of-type(3)::after{
display:none;
}
.agendaAccueil .ic-descshort {
line-height: 1.2em;
height: 3.8em;
position: relative;
color:rgb(67,67,69);
font-size:14px;
}
.agendaAccueil .ic-descshort .more{
color:inherit;
}
.agendaAccueil .ic-descshort i{
font-style:normal;
}
/*.agendaAccueil .ic-descshort::after {
content: '[...]';
background: #eee;
position: absolute;
bottom: 0.15em;
right: 0;
}*/
.agendaAccueil .ic-content .ic-event-title{
border-bottom:none;
}
.agendaAccueil .title-header{
width:100%;
float:none;
}
.agendaAccueil .ic-single-starttime,
.agendaAccueil .ic-period-starttime,
/*.agendaAccueil .ic-datetime-separator:nth-last-of-type(2),*/
.agendaAccueil .ic-single-endtime,
.agendaAccueil .ic-period-endtime{
display:none;
}
.agendaAccueil .nextdate{
margin:0;
}
.agendaAccueil .nextdate strong {
left: 1em;
top: 0.25em;
font-size: 1.1em;
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 4em);
overflow: hidden;
}
.itemid-101 .ic-event:nth-of-type(n+3) {
/*display: none;*/
}
.ic-content::after {
content: ' ';
background: linear-gradient(to right,transparent 0, transparent 2px, grey 3px,transparent 4px);
background-size: 4px 0.5em;
height: 0.3em;
display: block;
margin-top: 1em;
}
.ic-descshort{
font-size:1.1em;
}
.ic-descshort i{
font-style:normal;
}
.moduletable ~ #icagenda + div {
text-align: right !important;
line-height: 1em;
visibility:hidden;
display:none;
}
.lienDates,
.lienDatesJardin{
position:relative;
}
.lienDatesJardin{
height:0;
}
#lien_evenements{
position: absolute;
right: 0.3em;
top: -3.05em;
background: rgb(235,96,14);
padding: 0.2em 0.5em;
text-decoration: none;
display: inline-block;
color: white;
font-weight: 700;
font-size: 0.9em;
}
.itemid-110 #lien_evenements {
top: -5em;
right: calc(70% - 40px);
z-index: 2;
background: var(--color-titre);
}
#lien_evenements::after,
#lien_actus::after,
#lien_publis::after,
#lien_journal::after {
content: ' >';
font-size: 1.1em;
padding-left: 0.25em;
}
/************** agenda -> evenement ******************/
.ic-event-header {
display: inline;
margin: 0;
padding: 0;
border: none;
}
.ic-event-header::before{
display:none;
}
.ic-features-container{
display:none!important;
}
#ic-detail-desc{
margin:0;
}
.ic-full-description h1 {
color: var(--color-titre);
font-family: titre;
text-transform:uppercase;
font-weight: 400;
font-size: 1.4em;
}
.ic-registration-box {
float: left;
background: grey;
display: inline-block;
}
.ic-btn-success{
background:none;
text-shadow:none;
}
.ic-info .ic-details{
text-align:left;
}
.ic-details > strong:first-of-type{
font-size:1.5em;
text-transform:uppercase;
}
.ic-details > strong:first-of-type::before {
content: ' ';
display: inline-block;
height: 1.2em;
width: 1.7em;
background: url(../images/icone-agenda.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
top: 0.15em;
}
.ic-details p{
display:none;
}
.ic-details span{
font-size:1.4em;
}
.ic-info-box{
border:1px solid var(--color-titre);
border-radius:0;
background:none;
}
.ic-info-box-header{
display:none;
}
.ic-info-box-content::before {
content: 'informations pratiques';
color: black;
text-transform: uppercase;
font-size: 1.5em;
display: block;
padding: 1em 0.5em 1em;
font-weight:700;
}
.ic-divRow {
left: 0.75em;
position: relative;
/*font-size:1.2em;*/
}
.ic-divRow::before{
content:'';
position:absolute;
display:block;
left:-0.5em;
width:0.33em;
top:0.5em;
height:0.33em;
border-radius:1em;
background:var(--color-titre);
}
.ic-divRow div,
.ic-divRow strong{
font-weight: 400;
display: inline-block;
vertical-align: top;
min-width: auto;
padding:1px 5px;
}
.ic-divRow *{
color:black;
font-weight:400;
}
.ic-divRow span{
/*display:none;*/
}
.ic-divRow strong ~ span::after{
display:block;
}
.ic-divRow .ic-label::after{
content:':';
margin-left:0.25em;
}
.ic-value{
padding:0;
}
.ic-divRow br{
display:inline;
}
h3.alldates{
text-transform:uppercase;
font-family:titre;
font-weight:400;
}
h3.alldates::before {
content: ' ';
display: inline-block;
height: 1.2em;
width: 2em;
background: url(../images/icone-agenda.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
left: 0.25em;
top: 0.15em;
}
#detail-date-list ul{
color:var(--color-titre);
}
#detail-date-list :first-line{
color:black;
}
.ic-participants{
display:none;
}
/************** journal de bord **********************/
.itemid-110 dl,
.itemid-110 .icons{
visibility:hidden;
}
.itemid-110 #content .minifrontpage-default {
background: #eee;
width: calc(50% - 3em);
float: left;
padding: 1em;
margin-right: 1em;
height: 52.2em;
position:relative;
}
.itemid-110 #content .minifrontpage-default::before {
position: absolute;
font-family: titre;
color: white;
padding: 0 0.5em 0.3em;
top: -1.4em;
content: 'Journal de bord';
text-transform:uppercase;
background: var(--color-titre);
left: 0;
font-weight: 400;
font-size: 1.25em;
}
.itemid-110 #content .mfp-date-author {
position: static !important;
/*color: grey !important;
font-style: italic;*/
}
.itemid-110 #content .mfp-table-cell-inner{
margin:0!important;
}
.itemid-110 #content .mfp-introtitle a {
color: black;
text-transform: uppercase;
/*font-size: 0.9em;*/
margin:0;
}
.itemid-110 #content .mfp-table-cell-inner p {
font-size: 14px !important;
margin: 0.5em 0 !important;
padding: 0 !important;
background: none;
color: rgba(67,67,69);
text-shadow: none;
}
.itemid-110 #content .mfp-table-cell-inner strong {
font-weight: 400;
font-style: normal;
}
/*.itemid-110 #content .mfp-date-author::before{
display:none;
}*/
.itemid-110 #content .minifrontpage-default .mfp-table-cell-inner img{
width:100%!important;
height:auto!important;
}
.itemid-110 #content .mfp-table-row:first-of-type {
padding-bottom: 0.5em;
border-bottom: 2px solid grey;
display: block !important;
margin-bottom: 1em;
}
/************** agenda - jardin **********************/
.itemid-110 .ic-1 {
width: calc(50% - 2em);
background: #eee;
padding: 1em;
position:relative;
display:inline-block;
vertical-align:top;
}
.itemid-110 .ic-1::before {
position: absolute;
font-family: titre;
color: white;
padding: 0 0.5em 0.3em;
top: -1.4em;
content: 'agenda';
text-transform:uppercase;
background: var(--color-titre);
font-weight: 400;
left: 0;
padding-left: 2em;
background-image: url(../images/icone-agenda-blanc.png);
background-size: auto 70%;
background-repeat: no-repeat;
background-position: 0.25em 0.1em;
font-size: 1.25em;
}
.agendaJardin .titleic {
color: darkorange;
font-weight: 700;
font-size: 1.7em!important;
}
.agendaJardin .icnav{
margin-bottom:1em!important;
}
.agendaJardin table td div.style_Today {
box-shadow: none !important;
border: 2px solid darkorange !important;
text-shadow: none !important;
border-radius: 0!important;
font-weight: 400 !important;
}
#ic-calendar-165 .agendaJardin table td .icevent a .ic-bright {
background: darkorange !important;
color: white !important;
border-radius: 0 !important;
}
.agendaJardin.ic_rounded{
padding:0!important;
border:none!important;
}
.ic_rounded .icnav [id^='ic-']{
border:none!important;
}
body #ictip {
/*display: block !important;*/
border: 1px solid darkorange;
border-radius: 0;
}
.ictip-date-lbl {
color: transparent;
display: inline-block;
width: 3em;
height: 2.1em;
background: url(../images/icone-agenda.png);
background-size: contain;
background-repeat: no-repeat;
margin: 0 !important;
position: relative;
top: -0.5em;
}
#ictip span.ictip-date-format {
display: inline-block;
vertical-align: top;
margin: 0;
color: darkorange;
font-weight: 700;
font-size: 1.1em !important;
}
body #ictip a.close {
cursor: pointer;
background: silver!important;
color: white!important;
font-weight: 400;
font-size: 10px;
height: 19px;
padding: 0 5px;
opacity:1;
filter:none;
}
#ictip .close div{
background:transparent!important;
}
#ictip .close::before {
content: 'x ';
position: absolute;
left: -15px;
background: silver!important;
width: 15px;
height: 19px;
text-align: center;
}
#ictip span.img {
padding: 0 !important;
border-radius: 0 !important;
width:auto!important;
}
#ictip span img{
width:125px!important;
}
#ictip .ictip-location {
font-style: italic;
}
#ictip div.linkTo{
background:none!important;
}
#ictip .ictip-event {
border: none !important;
padding-bottom: 0 !important;
}
#ictip .ictip-event::after {
content: '';
display: block;
position: relative;
left: -0.25em;
height: 0.3em;
background: linear-gradient(to right,white 0, white 2px, grey 3px,white 4px);
background-size: 4px 100%;
width: 66%;
margin-top: 1em;
}
#ictip .ictip-event:last-of-type::after{
display:none;
}
#ictip .clr {
height: 0 !important;
margin-bottom: 0;
}
#ictip .clr::before {
display: block;
border-radius: 1em;
background: silver;
width: 11em;
height: 0.2em;
content: '';
position: relative;
left: -1em;
}
/**************** Lien serres ************************/
.lienSerres {
width: calc(50% - 2em);
background: var(--color-titre);
border-radius: 1em;
display: inline-block;
vertical-align: top;
padding: 0 1em 1em 1em;
color: white;
margin-top: 1em;
margin-bottom:1em;
}
.lienSerres h3 a {
margin-top: 0;
font-family: titre;
font-weight: 400;
font-size: 1.3em;
line-height: 1.4em;
color: white;
}
.lienSerres::after{
content:' ';
display:block;
height:0;
padding-top:100%;
background-image:url(/images/cbnb/cbnb_photos/Serres-Geranium-maderense-Loic-Ruellan.jpg);
background-size:cover;
background-position:50% 50%;
}
/***************** accès directs *************************/
.acces_directs h3{
background-color:rgb(0,104,62);
}
#cg_gallery_205 {
padding-top:1.5% ;
padding-bottom:1.5%;
}
.ug-textpanel-bg.ug-trans-enabled {
background-color: white !important;
}
.ug-thumb-wrapper.ug-tile {
box-shadow: none !important;
}
.ug-gallery-wrapper{
overflow:hidden;
position:relative;
font-family:source sans pro;
text-transform : uppercase;
}
.ug-gallery-wrapper .ug-textpanel-title{
font-size:10px;
font-weight:bold;
color:black;
text-align:left;
z-index:2;
}
/***************** en images *************************/
.en_images h3{
background-color:rgb(0,104,62);
}
.playlistck_wrap_cont{
background:#ececef!important;
position:relative;
margin-top:2em;
}
.playlistck_wrap_cont::before {
content: 'En images';
font-family: Titre;
background-color: rgb(0,104,62);
color: white;
text-transform:uppercase;
display: inline-block;
padding: 0.1em 0.2em 0.3em 0.5em;
font-size: 1.2em;
margin-bottom: 0;
position: absolute;
top: -1.5em;
left: 0;
}
.en_images .playlistck_thumbs_li div {
background: white;
color: rgb(67,67,69);
}
.en_images .playlistck_thumbs_cont .playlistck_thumbs_li > div{
background:white;
}
.en_images .playlistck_thumbs_caption{
text-shadow:none;
}
.en_images .playlistck_commands{
display:none;
}
.playlistck_prev,
.playlistck_next,
.playlistck_caption > div {
background: rgba(255,255,255,0.7) !important;
color: black;
border-radius:0!important;
margin:0!important;
}
.playlistck_prev{
left:-2px!important;
}
.playlistck_next{
right:-2px!important;
}
.playlistck_prev > span{
background-position:0 0!important;
}
.playlistck_next > span{
background-position:-40px 0!important;
}
/*.playlistck_caption > div{
width:100%;
position:absolute;
bottom:0;
}
.playlistck_caption{
width:100%!important;
bottom:0!important;
margin-bottom:0!important;
}*/
.playlistck_caption > div div {
display: inline-block;
color: rgba(67,67,69);
}
.playlistck_caption_title{
text-transform:uppercase;
}
.playlistck_caption_desc{
font-size:1em!important;
}
/***************** Nos actions phares & sous-rubriques ****************/
.blog.nosActionsPhares{
display:none;
}
.item-page ~ .nosActionsPharesTitre{
display:none;
}
.nosActionsPhares .icons{
display:none;
}
.nosActionsPhares p{
/*font-weight:700;*/
}
.nosActionsPhares ~ form{
margin:1em;
padding:1.5em;
background:#eee;
}
.nosActionsPhares ~ form [name='rechercher']{
width:calc(100% - 1em);
margin-bottom:2em;
font-family:source sans pro;
}
.nosActionsPhares ~ form div{
column-count:2;
-moz-column-count:2;
-webkit-column-count:2;
}
.nosActionsPhares ~ form label{
font-size:1.1em;
text-transform:uppercase;
font-weight:700;
}
.nosActionsPhares ~ form span input {
position: relative;
bottom: 0.3em;
margin-right: 0.5em;
}
.nosActionsPhares ~ form div select{
width:90%;
font-size:0.9em;
}
.nosActionsPhares ~ form div span{
display:block;
height:2.5em;
}
.nosActionsPhares ~ form div span:last-of-type{
margin-bottom:3em;
}
.nosActionsPhares ~ form div span:last-of-type ~ *{
margin-left:10%;
}
.nosActionsPhares ~ form [type='submit']{
background:black;
color:white;
border:none;
padding:0.2em;
text-transform:uppercase;
margin-top:2em;
float:right;
font-weight:700;
}
#h2_resultats_liste {
font-family: titre;
color: var(--color-titre);
text-transform:uppercase;
font-weight: 400;
text-align: center;
background: linear-gradient(white,white),linear-gradient(to right,white 0,#555 1px, white 2px);
background-size: 12em 100%,3px 0.2em;
background-repeat: no-repeat,repeat-x;
background-position: 49% 0,0 50%;
height: 1.4em;
clear:both;
}
#h2_resultats_liste[article]{
background-size:7em 100%,3px 0.2em;
}
#h2_resultats_liste[applications]{
background-size:10em 100%,3px 0.2em;
}
#h2_resultats_liste[sous-article]{
background: black;
color: white;
display: inline-block;
padding: 0.1em 0.2em 0em 0.2em;
font-size: 1.1em;
font-family: source sans pro;
font-weight: 700;
}
#h2_resultats_liste[sous-article]::after {
content: ' ';
display: block;
background: black;
height: 0.3em;
position: absolute;
width: 100%;
left: 0;
border-radius: 0 1em 1em 0;
}
.itemid-229 #h2_resultats_liste,
.itemid-229 #resulats_liste,
.itemid-254 #h2_resultats_liste,
.itemid-254 #resulats_liste{
display:none;
}
#resulats_liste{
margin:0;
text-align:center;
}
#resulats_liste > p{
text-align:left;
text-indent:1em;
}
.minifrontpage-default{
text-align:center;
}
.itemid-408 .mfp-table-row,
.itemid-409 .mfp-table-row,
.itemid-389 .mfp-table-row,
.itemid-419 .mfp-table-row,
.itemid-662 .mfp-table-row{
display:inline!important;
}
#resulats_liste li,
.itemid-408 .mfp-table-cell,
.itemid-409 .mfp-table-cell,
.itemid-389 .mfp-table-cell,
.itemid-419 .mfp-table-cell,
.itemid-662 .mfp-table-cell {
display: inline-block !important;
margin: 0.5em 1em 2em 0.1em;
width: 19.75em !important;
height: 0;
position: relative;
padding-top: 15em;
/* background: url(/images/cbnb/IMG_1707_2---CBNB-Agnes-Lieurade-1000.jpg); */
background-size: 100% 80%;
background-repeat: no-repeat;
vertical-align: top;
max-width: calc(50% - 1em);
text-align: left;
}
/*#h2_resultats_liste[sous-article] + #resulats_liste li{
width:13.15em;
padding-top:11em;
}*/
#h2_resultats_liste[sous-article] + #resulats_liste li p{
font-size:0.8em;
}
#resulats_liste li::after,
.itemid-408 .mfp-table-cell::after,
.itemid-409 .mfp-table-cell::after,
.itemid-389 .mfp-table-cell::after,
.itemid-419 .mfp-table-cell::after,
.itemid-662 .mfp-table-cell::after{
content:'';
background:#aaa;
display:block;
height:0.3em;
border-radius:0.5em;
width:100%;
}
#resulats_liste li.rubrique::after{
position: absolute;
top: 85%;
height: 0.4em;
z-index:99!important;
}
#resulats_liste li:hover::after,
.itemid-408 .mfp-table-cell:hover::after,
.itemid-409 .mfp-table-cell:hover::after,
.itemid-389 .mfp-table-cell:hover::after,
.itemid-419 .mfp-table-cell:hover::after,
.itemid-662 .mfp-table-cell:hover::after{
background:var(--color-titre);
}
#resulats_liste li:hover a{
z-index:5;
}
#resulats_liste li:hover h3 {
white-space: normal;
line-height: 1.2em;
background: white;
background-color: white;
display: block;
height: 2.4em;
bottom: 0.2em;
}
#resulats_liste li *,
.itemid-408 .mfp-table-cell *,
.itemid-409 .mfp-table-cell *,
.itemid-389 .mfp-table-cell *,
.itemid-419 .mfp-table-cell *,
.itemid-662 .mfp-table-cell *{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#resulats_liste li iframe{
display:none;
}
.itemid-408 .mfp-date-author,
.itemid-409 .mfp-date-author,
.itemid-389 .mfp-date-author,
.itemid-419 .mfp-date-author,
.itemid-662 .mfp-date-author{
font-size: 0.8em !important;
}
#resulats_liste li img,
.itemid-408 .mfp-table-cell img,
.itemid-409 .mfp-table-cell img,
.itemid-389 .mfp-table-cell img,
.itemid-419 .mfp-table-cell img,
.itemid-662 .mfp-table-cell img {
min-height: 80% !important;
z-index: 2;
margin: 0 !important;
float: none !important;
width: auto !important;
min-width: 100%;
/*height: auto !important;*/
top: 40%;
transform: translate(-50%,-50%);
left: 50%;
max-width: none;
}
#resulats_liste li > a,
.itemid-408 .mfp-table-cell a,
.itemid-409 .mfp-table-cell a,
.itemid-389 .mfp-table-cell a,
.itemid-419 .mfp-table-cell a,
.itemid-662 .mfp-table-cell a {
height: 100%;
display: block;
text-decoration: none;
overflow: hidden;
}
#resulats_liste li a a{
display:none;
}
#resulats_liste li > a::after,
.itemid-408 .mfp-table-cell-inner::after,
.itemid-409 .mfp-table-cell-inner::after,
.itemid-389 .mfp-table-cell-inner::after,
.itemid-419 .mfp-table-cell-inner::after,
.itemid-662 .mfp-table-cell-inner::after {
background: white;
content: ' ';
display: block;
height: 3em;
bottom: 0;
position: absolute;
width: 100%;
z-index: 2;
border-radius:0;
}
.itemid-408 .mfp-introtitle,
.itemid-409 .mfp-introtitle,
.itemid-389 .mfp-introtitle,
.itemid-419 .mfp-introtitle,
.itemid-662 .mfp-introtitle{
font-size:1em!important;
}
.itemid-408 .mfp-readon,
.itemid-409 .mfp-readon,
.itemid-389 .mfp-readon,
.itemid-419 .mfp-readon,
.itemid-662 .mfp-readon {
background: transparent !important;
color: transparent !important;
z-index: 2;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0;
}
#resulats_liste h3:first-of-type,
.itemid-408 .mfp-table-cell .mfp-introtitle a,
.itemid-409 .mfp-table-cell .mfp-introtitle a,
.itemid-389 .mfp-table-cell .mfp-introtitle a,
.itemid-419 .mfp-table-cell .mfp-introtitle a,
.itemid-662 .mfp-table-cell .mfp-introtitle a {
top: auto;
/*font-family: titre;
font-weight: 400;*/
text-transform: uppercase;
font-size: 1em;
color: black;
bottom: 1em;
height: 1.5em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin: 0;
z-index: 3;
}
#resulats_liste h3:first-of-type {
bottom: 1.3em;
background: white;
z-index: 99;
}
#resulats_liste .rubrique h3{
margin:0.5em;
padding:0.5em;
width:calc(100% - 2em);
height:calc(83% - 2em);
font-size:1.7em;
font-family:titre;
color:rgba(255,255,255,0.7);
white-space:normal;
text-align:center;
position:absolute;
top:0;
left:0;
display:flex;
flex-direction:column;
justify-content:center;
line-height:1.2em;
z-index:3;
font-weight:400;
background:transparent;
}
#resulats_liste .rubrique:hover h3 {
background: rgba(125,125,125,0.5);
color: white;
height: calc(83% - 2em);
display: flex;
}
#resulats_liste li p,
.itemid-408 .mfp-table-cell-inner p,
.itemid-409 .mfp-table-cell-inner p,
.itemid-389 .mfp-table-cell-inner p,
.itemid-419 .mfp-table-cell-inner p,
.itemid-662 .mfp-table-cell-inner p {
display: none;
position: relative;
margin: 1em !important;
font-size: 1.1em !important;
color: white !important;
background: var(--color-titre) !important;
width: calc(100% - 3em);
height: calc(76% - 3em);
text-decoration: none;
padding: 0.5em !important;
overflow: hidden;
border-bottom: 0.5em solid var(--color-titre);
line-height: 1.1em !important;
z-index: 2;
border-radius: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
#resulats_liste li p *,
.itemid-408 .mfp-table-cell p *,
.itemid-409 .mfp-table-cell p *,
.itemid-389 .mfp-table-cell p *,
.itemid-419 .mfp-table-cell p *,
.itemid-662 .mfp-table-cell p *{
display:inline;
position:static;
font-weight:400;
}
#resulats_liste li p img,
#resulats_liste li p iframe,
#resulats_liste li ul,
#resulats_liste li h1,
#resulats_liste li h2,
#resulats_liste li h3,
#resulats_liste li h4,
#resulats_liste li div,
#resulats_liste li table,
.itemid-408 .mfp-table-cell acstyle,
.itemid-409 .mfp-table-cell acstyle,
.itemid-389 .mfp-table-cell acstyle,
.itemid-419 .mfp-table-cell acstyle,
.itemid-662 .mfp-table-cell acstyle{
display:none
}
#resulats_liste li:hover a:first-of-type p:nth-of-type(2):not([style]),
.itemid-408 .mfp-table-cell-inner:hover p,
.itemid-409 .mfp-table-cell-inner:hover p,
.itemid-389 .mfp-table-cell-inner:hover p,
.itemid-419 .mfp-table-cell-inner:hover p,
.itemid-662 .mfp-table-cell-inner:hover p{
display:block;
}
.mfp-date-author, #resulats_liste li .apercu-article-date {
color: black !important;
height: 1em !important;
position: absolute !important;
top: 17.1em !important;
display: block;
background: transparent !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
font-size: 1em !important;
overflow: visible !important;
z-index:3;
}
#resulats_liste li .apercu-article-date {
top: auto !important;
bottom: 0.8em;
font-size: 0.8em !important;
}
.mfp-date-author::before, #resulats_liste li .apercu-article-date::before {
content: ' ';
display: inline-block;
vertical-align: bottom;
width: 1.4em;
height: 1.4em;
background-image: url(../images/icone-date.png);
background-size: contain;
margin-right: 0.5em;
background-repeat: no-repeat;
}
.mfp-other-article{
margin-top:3em;
position:relative;
}
.mfp-other-article-title {
position: absolute;
font-size: 1.5em !important;
padding: 0.2em 0.5em;
top: -1.5em;
left: 0;
font-family: titre;
background: var(--color-titre);
color: white !important;
text-shadow: none;
font-weight: 400 !important;
}
.mfp-other-article-inner ul{
margin-top:2em;
color:var(--color-titre);
margin-left:10px;
margin-bottom:1.5em;
}
.mfp-other-article-inner li{
margin-bottom:1em;
}
.mfp-other-article-inner a{
color:black;
font-size:1.2em;
padding:0.5em;
}
/****************** tous les évènements **************************/
/*.tousLesEvenements*/ .ic-event {
background: #eee;
border-radius: 0;
padding: 0.5em;
position: relative;
}
body:not(.itemid-101) .com_icagenda .ic-event {
height: 129px;
border-bottom: 0.75em solid #f8f8f8;
overflow: hidden !important;
}
/*.tousLesEvenements*/ .ic-box-date{
border:none;
border-radius:0;
}
/*.tousLesEvenements*/ .ic-date {
position: absolute;
left: 26%;
width: auto;
top: 0.25em;
text-shadow:none;
}
/*.tousLesEvenements*/ .ic-date *{
display:none;
}
/*.tousLesEvenements*/ .ic-next-date{
margin:0;
}
/*.tousLesEvenements*/ .nextdate strong {
position: absolute;
/*left: 2%;*/
top: -1.6em;
background: url(../images/icone-agenda.png);
padding-left: 2em;
background-size: contain;
background-repeat: no-repeat;
height: 1.2em;
color: darkorange;
text-transform:uppercase;
}
/*.tousLesEvenements*/ .ic-content{
width:71%;
position:absolute;
left:27%;
top:3em;
margin:0;
}
/*.tousLesEvenements*/ .title-cat,
/*.tousLesEvenements*/ .moreinfos{
display:none;
}
/*.tousLesEvenements*/ .title-header{
width:auto;
}
/*.tousLesEvenements*/ .eventtitle{
border-bottom:none;
padding-bottom:0!important;
}
/*.tousLesEvenements*/ .ic-title-header h2 a{
color: black;
font-size: 0.8em;
text-transform: uppercase;
}
/*.tousLesEvenements*/ .ic-descshort{
margin: 0 !important;
max-height: 4em;
overflow: hidden;
}
/*.tousLesEvenements*/ .ic-content::after{
display:none;
}
.ic-datetime-separator {
color: transparent;
position: relative;
display: inline;
left: -0.5em!important;
}
.ic-datetime-separator::after{
color:darkorange;
content:'>';
}
.ic-place{
font-style:italic;
}
.itemid-101 .ic-place{
display:none;
}
.ic-place::before{
content:'Lieu : ';
}
/*********** evenement **************/
.ic-back a:link, .ic-back a:visited, .ic-prev a:link, .ic-prev a:visited, .ic-next a:link, .ic-next a:visited {
color: grey;
font-size: 14px;
text-transform: uppercase;
font-family: source sans pro !important;
margin: 14px 0;
display: inline-block;
}
.ic-pagination a span{
font-family:source sans pro!important;
}
.iCtip span{
top:2px;
position:relative;
}
.ic-btn-success:hover{
background:darkorange;
border-radius:0;
}
.ic-reg-event-title a{
color:darkorange;
}
#icagenda-registration .validate {
background: darkorange;
border-color: darkred;
}
.ic-pagination div[style] {
text-align: center !important;
top: 14px;
position: relative;
}
.ic-pagination div[style] span a {
border: 1px solid black;
border-radius: 0;
padding: 1px 4px !important;
font-size: 13px;
color: grey;
}
.ic-pagination .ic-current-page a{
background:grey;
position:relative;
top:1px;
}
.ic-pagination div span a span{
background:transparent;
border:0;
padding:0;
font-weight:400;
}
/**************** formulaire *************************/
.itemid-667 form input,
.itemid-667 form textarea,
.itemid-667 form .uneditable-input {
width: 266px;
}
/*****************************************************/
/***************** Zone de droite ********************/
/*****************************************************/
#aside{
padding-left:0.5em;
font-size:1.3em;
}
#aside .well {
padding: 0;
border: 0;
box-shadow: none;
background: none;
/*border-bottom: 3px solid silver;*/
/*padding-bottom: 1em;*/
border-radius:0;
display:inline-block;
vertical-align:top;
width:16em;
}
#aside .well::after{
content:' ';
background:linear-gradient(to right,white 0, white 2px, grey 3px,white 4px);
background-size:4px 0.5em;
height:0.3em;
display:block;
margin-top:1em;
}
#aside .well:last-of-type{
border-bottom:none;
}
#aside .well:last-of-type::after{
display:none;
}
#aside .well h3 {
color: #d35400;
color: black;
font-family: 'titre';
text-transform: uppercase;
text-align: center;
border-bottom: none;
font-weight: 400;
font-size: 1.2em;
line-height:1em;
}
#aside .jardin-don a{
font-family:titre;
font-weight:400!important;
}
#aside .well h3::after {
content: ' ';
display: block;
width: 20%;
background: #d35400;
background:black;
height: 0.2em;
border-radius: 1em;
margin: 0.5em auto;
}
/************ ecalluna, ecolibry, etc... ***********/
#aside .custom a {
display: inline-block;
background: #8a526a;
width: 8.9em;
font-size: 0.8em;
padding: 0.1em;
height: 2.1em;
color: white;
text-align: center;
margin: 0.2em;
padding-top: 4.5em;
line-height: 1em;
font-weight:700;
background-size:35% auto;
background-position:50% 25%;
background-repeat:no-repeat;
vertical-align:top;
}
#aside .nosApplications .custom a:nth-of-type(n+3){
padding-top:4em;
padding-bottom:0.6em;
}
#aside a span{
text-transform:uppercase;
font-size:0.8em;
display:block;
font-weight:400;
}
#aside .custom a:nth-of-type(1){
border-radius: 1em 0 0 0;
background-image:url(../images/icone-ecalluna.png);
/*height:1.6em;
padding-top:5em;*/
}
#aside .custom a:nth-of-type(2){
border-radius: 0 1em 0 0;
background-color:#6f3352;
background-image:url(../images/icone-ecolibry.png);
/*height:1.6em;
padding-top:5em;*/
}
#aside .custom a:nth-of-type(4){
border-radius: 0 0 0 0;
background-color:#483583;
background-image:url(../images/icone-catalogue-doc.png);
}
#aside .custom a:nth-of-type(3){
border-radius: 0 0 0 0;
background-size:25% auto;
background-color:#7a201c;
background-image:url(../images/picto_carnet_de_terrain.png);
}
#aside .custom a:nth-of-type(5){
background-color:#a18500;
background-image:url(../images/icone-catalogue-data.png);
border-radius: 0 0 0 1em;
}
#aside .custom a:nth-of-type(6) {
background: black;
height: 1em;
font-size: 0.72em;
padding: 0.4em 0!important;
width: 10em;
margin-left: 0.2em;
margin-top: 3em;
}
#aside .custom a:nth-of-type(4) span{
font-size:0.7em;
}
/**************** jardin /don *************************/
#aside .custom h4{
font-family:'Source Sans Pro';
display:inline-block;
text-transform:uppercase;
font-size:1.05em;
}
#aside .custom h4 a{
background-color:transparent;
width:8.3em;
color:black;
background-size:75% auto;
background-position:50% 0;
border-radius:0!important;
}
#aside .custom h4 a:hover{
text-decoration:none;
}
#aside .custom h4 a:nth-of-type(1) {
background-image: url(../images/icone-jardin.png);
width: 4.9em;
padding: 4em 1.05em 0 1.05em;
font-size: 1em;
}
.itemid-110 #aside h4:nth-of-type(1){
display:none;
}
#aside .custom h4 a:nth-of-type(1):hover{
background-image:url(../images/icone-jardin-hover.png);
}
#aside .custom h4:nth-of-type(2){
display:none;
}
#aside .custom h4:nth-of-type(2) a {
background-image: url(../images/icone-bonPlan.png);
background-size: 50% auto;
background-position: 50% 20%;
padding: 4em 1.05em 0 1.05em;
width: 4.9em;
}
.itemid-110 #aside .custom h4:nth-of-type(2){
display:inline-block;
}
#aside .custom h4:nth-of-type(2) a:hover{
background-image:url(../images/icone-bonPlan-hover.png);
}
#aside .custom h4:nth-of-type(3) a{
background-image:url(../images/icone-faire-un-don.png);
border-left:3px solid silver;
}
#aside .custom h4:nth-of-type(3) a:hover{
background-image:url(../images/icone-faire-un-don-hover.png);
}
/**************** publications ************************/
.publications{
margin-bottom:0;
}
.publications p {
max-height: 6.5em;
width: calc(100% - 6em);
overflow: hidden;
background: none !important;
display: inline-block;
border: none;
padding: 0 !important;
box-shadow: none !important;
font-size: 14px !important;
color: rgb(67,67,69) !important;
}
.publications .mfp-table-row::before {
content: ' ';
width: 5em;
background: silver;
background-size: 3px;
height: 0.15em;
display: block;
margin: 0em 0 2em 5.5em;
border-radius: 1em;
}
.publications .mfp-table-row:first-of-type::before{
display:inline;
}
.publications .mfp-introtitle {
line-height: 0.5em !important;
}
.publications p + p,
.actualites p + p{
display:none;
}
.publications img {
width: 4em !important;
height: auto !important;
box-shadow: 0 0 0.25em rgba(0,0,0,0.75);
position: relative;
top: 0.5em;
margin:0 1.5em 1.5em 0
}
.publications h4{
margin:0;
float:right;
width:11.5em;
text-align:left;
clear:left;
color:#d35400;
margin-bottom:0.5em;
}
.publications h3::after{
background:#483583!important;
}
.publications h3, .publications h4 a, .publications .mfp-introtitle a {
color: #483583 !important;
}
.brochures h3, .brochures h4 a, .brochures .mfp-introtitle a {
color: var(--color-titre) !important;
}
.brochures h3{
color:black!important;
}
.brochures h3::after{
background:var(--color-titre)!important;
background:black!important;
}
.mfp-introtitle a{
font-size: 0.8em;
font-weight: 700;
}
.publications h4 a,
.actualites h4 a{
/*color:#d35400!important;*/
}
#aside .publications::after{
display:none;
}
.liensPublis{
text-align:right;
}
#aside #lien_publis {
background: #483583;
padding: 0.5em 0.8em;
text-decoration: none;
display: inline-block;
color: white;
font-weight: 700;
font-size: 0.7em;
width: auto;
margin: 0;
height: auto;
border-radius: 0;
}
#aside .lienBrochure #lien_publis {
background: var(--color-titre);
}
/************** Offres, téléchargements ***************/
#aside .offres_downloads a:first-of-type {
border-radius: 0 0 0 1em;
background-color: rgb(0,125,197);
background-image: url(../images/icone-emploi-stage.png);
background-size:56% auto;
padding-top: 4.4em;
height: 2.2em;
}
#aside .offres_downloads a:nth-of-type(2){
border-radius: 0 0 1em 0;
background-color:rgb(0,149,217);
background-image:url(../images/icone-downloads.png);
background-size:36% auto;
}
/************* en savoir plus **********************/
#aside .custom.enSavoirPlus,
.nosActionsPhares ~ .enSavoirPlus{
border-radius:1em;
background:var(--color-titre);
margin-bottom:1em;
color:white!important;
padding:1em;
}
.nosActionsPhares ~ .enSavoirPlus{
font-size:1.3em;
margin-bottom:2em;
margin-top:2em;
position:relative;
}
.nosActionsPhares ~ .enSavoirPlus:not([style]) ~ p ,
.nosActionsPhares ~ .enSavoirPlus:not([style]) ~ form,
.nosActionsPhares ~ .enSavoirPlus:not([style]) ~ ul {
display:none;
}
#aside .enSavoirPlus ul,
.nosActionsPhares ~ .enSavoirPlus ul{
margin:0;
padding:0;
}
#aside .enSavoirPlus h4, .nosActionsPhares ~ .enSavoirPlus h4 {
margin-top: 0;
margin-bottom: 1em;
line-height: 1.2em;
position: relative;
padding-left: 2.5em;
display: block !important;
text-transform: uppercase;
}
#aside .enSavoirPlus li + h4,
.nosActionsPhares ~ .enSavoirPlus li + h4{
margin-top:0.33em;
}
#aside .enSavoirPlus h4::before,
.nosActionsPhares ~ .enSavoirPlus h4::before {
content: '';
width: 2em;
height: 2em;
display: inline-block;
background-image: url(../images/icone-article.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 0.5em;
position: absolute;
top: -0.33em;
left: 0;
}
#aside .enSavoirPlus h4.video::before,
.nosActionsPhares ~ .enSavoirPlus h4.video::before{
background-image:url(../images/icone-video.png);
}
#aside .enSavoirPlus h4.document::before,
.nosActionsPhares ~ .enSavoirPlus 4document::before{
background-image:url(../images/icone-document.png);
}
#aside .well.enSavoirPlus li,
.nosActionsPhares ~ .enSavoirPlus li{
list-style-type:none;
margin-bottom:0.5em;
font-size:0.8em;
}
#aside .well.enSavoirPlus li a,
.nosActionsPhares ~ .enSavoirPlus li a{
background:none;
display:inline;
font-weight:400;
padding:0;
margin:0;
color:white;
}
#aside .well.enSavoirPlus li a::before,
.nosActionsPhares ~ .enSavoirPlus li a::before {
content: '';
width: 0.5em;
display:inline-block;
border-left: 0.5em solid white;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
font-size: 1em;
position: relative;
top: 0.15em;
}
#aside .custom.horairesDuJour {
color: white;
padding: 1em;
background: var(--color-titre);
border-radius: 1em;
position: relative;
padding-bottom: 2.5em;
}
#aside .custom.horairesDuJour a {
background: none;
background-color: white;
color: var(--color-titre);
padding: 0.25em 0.5em;
border-radius: 0;
height: 1em;
width: 10em;
position: absolute;
right: -0.2em;
bottom: 0.5em;
}
#aside .custom.horairesDuJour a::after{
content:'>';
padding-left:1em;
}
/****************** horaires du jour *****************/
.custom.horairesDuJour h5{
margin:0;
margin-top:1.5em;
}
#aside .custom.horairesDuJour h4 {
font-size: 1.3em;
margin: 0;
line-height: 1em;
display: block;
}
#aside .custom.horairesDuJour p{
margin-bottom:0;
font-weight:700;
font-size:0.8em;
}
.custom.horairesDuJour h5::before {
content: ' ';
display: block;
width: 4.1em;
height: 2.4em;
background: url(../images/icone-jardin-blanc.png);
background-size: contain;
float: left;
margin-right: 0.5em;
margin-top: 0em;
clear: both;
}
.custom.horairesDuJour h5:nth-of-type(2)::before{
background-image: url(../images/icone-serres-blanc.png);
}
.custom.horairesDuJour h5:nth-of-type(3)::before{
background-image: url(../images/icone-infos-blanc.png);
}
/********************** Tripadvisor *******************/
#aside .tripadvisor{
position:relative;
}
#aside .cdsROW {
width: auto;
font-size: 1.3em;
border: 1px solid silver;
border-radius:1em;
text-align:left;
width:7em;
}
#aside .tripadvisor a {
background: transparent;
width: 100%;
padding: 0;
font-weight: 700;
background-image: none !important;
color: black;
}
#aside .tripadvisor .logo a{
text-align:left;
}
#aside .cdsLocName {
width: 80%;
margin-left: 10%;
margin-bottom: 1.5em !important;
}
#aside .cdsRating{
text-align: center;
margin-top: 4em;
}
#aside .cdsRating img{
width:8em;
max-width:8em;
}
#aside .cdsRating span{
font-size:1.4em;
}
#aside .logo img{
width:9em;
max-width:9em;
}
#aside .tripadvisor .logo{
margin-bottom:0;
}
#aside .tripadvisor .TA_cdsratingsonlynarrow{
display:inline-block;
vertical-align:top;
}
#aside .tripadvisor #fileContent {
position: absolute;
right: 0.5em;
bottom: 4.5em;
}
#aside .tripadvisor #fileContent div {
width: 5em !important;
height: 7em !important;
}
/****************** labels ****************************/
#aside .custom.labels {
background: url(../images/label_jardin_remarquable.png),url(../images/jardinsBotaniquesDeFrance.png);
background-size: auto 100%;
background-position: 20% 10%,80% 10%;
background-repeat: no-repeat;
width: 100%;
height: 5em;
mix-blend-mode: luminosity;
}
/******************************************************/
/************** zone de gauche ************************/
/******************************************************/
#sidebar{
width:20%;
}
.sous-menu {
position: relative;
top: 20em!important;
font-size: 0.9em;
z-index: 3;
background: white;
padding: 1em;
box-shadow: 0 0 0.5em rgba(0,0,0,0.3);
border-radius: 0 0 2em 0;
}
.sous-menu a{
color:#888;
}
.sous-menu ul ul a{
color:grey;
}
.sous-menu > ul > li > ul > li > a::before{
content:' ';
border-top:4px solid transparent;
border-left:4px solid var(--color-titre);
border-left:4px solid #888;
border-bottom:4px solid transparent;
width:5px;
height:0;
display:inline-block;
top:0;
position:relative;
}
.sous-menu .small{
font-size:12px;
}
.sous-menu > ul > li > a{
font-size:1.3em;
}
.sous-menu > ul > li{
border-bottom:1px solid var(--color-titre);
border-bottom:1px solid #888;
}
.sous-menu li ul{
/*display:none;*/
padding-left:1em;
}
.sous-menu li ul ul{
display:none;
}
/*.sous-menu li:hover > ul,*/
.sous-menu li.active > ul{
display:block;
}
.sous-menu li ul li.active a::before,
.sous-menu li ul li:hover a::before{
/*border-left:4px solid transparent;
border-right:4px solid transparent;
border-top:4px solid #888;
border-bottom:4px solid transparent;*/
width:0;
margin-right:1px;
position:relative;
left:-2px;
top:0.15em;
}
.sous-menu li.active > a{
font-weight:700;
color:black;
}
.sous-menu li.current > a{
color:var(--color-titre);
}
.sous-menu li ul li li a::before {
content: ' ';
display: inline-block;
width: 0.3em !important;
height: 0.3em;
background: #666;
border-radius: 1em;
margin-right: 3px;
border: none !important;
top: -0.15em!important;
position: relative;
}
.sous-menu li ul li li.current a::before,
.sous-menu li ul li.current li a::before{
background:var(--color-titre);
}
/******************************************************/
/********************* footer *************************/
/******************************************************/
.footer{
position:relative;
}
.footer .pull-right + p{
display:none;
}
.footer .container{
max-width:100vw;
width:100em;
}
.footer hr{
position:absolute;
left:0;
margin:0;
width:100%;
display:none;
}
.footer .je_suis{
display:none;
}
/******************** liens externes ******************/
.footer .liens_externes{
position:absolute;
left:-20px;
bottom:-20px;
height:2em;
background:#ddd;
width:100vw;
}
.footer .liens_externes p{
margin:0;
margin-left:calc(50% - 50em);
}
/****************** back to top ************************/
.footer .pull-right{
height:0;
}
#back-top{
color:transparent;
width:2.7em;
height:2.5em;
background:#16a085;
border-radius:0 0.4em 0 0;
display:block;
overflow:hidden;
position:relative;
top:-0.75em;
left:-1em;
}
#back-top::after {
content: '^';
color: white;
font-size: 2.5em;
position: absolute;
top: 0.4em;
left: 0.3em;
}
/******************* Coordonnées ***********************/
.footer .coordonnees{
-moz-columns:5;
-webkit-clomuns:5;
columns:5;
background-color:white;
padding-top:1em;
font-size:0.8em;
}
.footer .coordonnees::before{
content:' ';
position:absolute;
width:100vw;
height:100%;
left:-19px;
background-color:white;
z-index:-1;
top:0;
box-shadow:0 0 0.5em rgba(0,0,0,0.1);
}
.footer .coordonnees [alt="CBNB"] {
color: transparent;
background-image: url('../images/2013logo_CBN-DE-BRESTvecCOULEUR.png');
background-size: contain;
width: 21em;
height: 7em;
display: block;
background-repeat: no-repeat;
background-position: 0 50%;
margin: 1em 0;
}
.footer .coordonnees a {
color: transparent;
background-image: url('../images/logo-ubo.png');
background-size: contain;
width: 5.2em;
height: 3.3em;
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-position: 50% 50%;
margin: 0;
vertical-align: bottom;
}
.footer .coordonnees [alt='BZH']{
background-image: url('../images/logo-bzh.png');
}
.footer .coordonnees [alt='29']{
background-image: url('../images/logo-29.png');
}
.footer .coordonnees [alt='BMO']{
background-image: url('../images/logo-bmo.png');
}
.footer .coordonnees h4{
margin:0;
font-size:0.95em;
margin-top:1em;
padding-top:1em;
font-family:'Poppins';
}
.footer .coordonnees h4::before,
.footer .coordonnees address + p::before {
display: inline-block;
content: ' ';
width: 5em;
height: 1em;
vertical-align:top;
clear:both;
}
.footer .coordonnees h5{
color:grey;
font-size:0.8em;
border-bottom:1px solid grey;
text-transform:uppercase;
margin-top:0;
}
.footer .coordonnees p{
margin:0;
}
.footer .coordonnees address{
font-size:0.9em;
font-weight:700;
margin:0;
line-height:1.2em;
font-size:1em;
padding-left:5em;
}
.footer .coordonnees address + p{
margin-top:0;
}
.footer .coordonnees address:last-of-type + p{
margin-bottom:1em;
}
.footer .coordonnees div{
padding:0.5em;
padding-top:2em;
}
.footer .coordonnees div p{
border-top:1px solid black;
border-bottom:1px solid black;
padding:0.4em;
font-size:1.1em;
margin-right:1em;
margin-left:3em;
}
.footer .coordonnees div p:nth-of-type(4){
margin-bottom:2em;
}
.footer .coordonnees div p:nth-of-type(5){
padding-top:1.5em;
}
.footer .coordonnees div p:nth-of-type(5) a {
border-top: 1px solid black;
padding-top: 0.5em;
display: block;
width: 100%;
height: 1.5em;
}
.footer .coordonnees div a{
display:inline;
color:black;
background:none;
}
.footer .coordonnees div a[href$='telechargements'],
.footer .coordonnees div a[href='/ ']{
cursor:default;
font-style:italic;
color:silver;
pointer-events:none;
}
.footer .coordonnees div p + p/*:not(:nth-last-of-type(2))*/{
border-top:none;
}
.footer .coordonnees div p:last-of-type{
/*margin-bottom:4em;*/
}
.footer .coordonnees::after {
content: ' ';
position: absolute;
height: 2em;
width: 9.5em;
background: white;
right: calc(50% - 493px);
bottom: 0;
display:none;
}
/********************************************/
/******* liens sociaux **********************/
/********************************************/
.icon-facebook{
background-image:url(../images/icone-facebook.png);
background-size:contain;
}
.icon-twitter{
background-image:url(../images/icone-twitter.png);
background-size:contain;
}
/********************************************/
/********** Affichage tablette **************/
/********************************************/
@media (max-width:1199px) and (min-width:980px){
.body .container{
width:auto;
}
header .pull-right{
width:100%;
left:0;
}
.navigation{
width:100vw;
margin-left:-3em;
}
.nav-pills{
margin:0;
}
.navigation > div > .nav > li:nth-of-type(7) > a,
.navigation > div >.nav > li:nth-of-type(6) > a {
left: -0.25em;
font-size: 1.13em;
}
#aside{
font-size:1.35vw;
}
}
/********************************************/
/********** Affichage mobile ****************/
/********************************************/
@media (max-width: 979px){
body.site{
padding:0;
background:white;
border:none!important;
}
.body .container{
width:100%;
box-shadow:none;
padding:0;
border:none;
}
.header {
padding: 0.7em 0 0 0;
width: 100vw;
position: static;
margin-bottom: 0;
border: none;
background-size: cover,33% auto,100% auto;
background-position: 0 0,right 0, -19em 94%;
background-image: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)),url(../images/plante-gris-2.png),url(../images/plante-gris-1.png);
}
.header .clearfix::before,
.header .clearfix::after,
.header .je_suis{
display:none;
}
.header .pull-left{
width:100%;
clear:none;
}
.header .pull-right {
width: 100vw;
left: 0;
background: #eee;
mix-blend-mode:darken
}
.site-title {
font-size: 2.1em;
width: 100%;
text-align: center;
position: static;
margin-top: 3.75em;
}
.ic-event-header h1 {
position: relative;
background: none;
color: orange;
padding: 0;
font-size: 8vw;
top: -0.5em;
left: inherit;
margin: 0;
}
.ic-image{
position:relative;
height:inherit;
}
.ic-image img{
top:auto;
transform:none;
}
.site-title::after,
.header .pull-left::after{
display:none;
}
.site-title::before {
left: calc(50% - 2.5em);
position: absolute;
top: 1.4em;
width: 5em;
height: 2.2em;
}
.custom [type="button"][alt] {
width: 2em;
height: 2em;
}
#mod-search-searchword {
height: 2em;
width: 9em;
margin-right: 1em;
}
.navigation {
padding: 0;
border: none;
margin: 0;
}
.navigation .nav > li > a:focus + .nav-child,
.navigation .nav li li > a:focus + .nav-child,
.navigation .nav li:not(.active) > .nav-child{
display:none!important;
}
.navbar.pull-left {
background: #eee;
width: 100%;
margin:0;
position:relative;
}
.navbar .btn-navbar {
border: none;
background: none;
margin: 0;
}
.nav-collapse .nav > li{
border-bottom:1px solid black;
}
.nav-collapse .item-101{
display:none;
}
.nav-collapse .nav > li > a{
font-family:titre;
text-transform:uppercase;
}
.itemid-109 .page-header h2::after {
left: 7.12em;
top: -0.3em;
}
.itemid-159 .page-header h2::after {
left: 2.95em;
top: -0.3em;
}
.itemid-421 .page-header h2::after {
right: 1.9em;
bottom: 0.3em;
top: auto;
position: relative;
}
.itemid-330 .page-header h2::after {
left: 0.65em;
top: -0.28em;
}
/*.nav-collapse .nav li a::after {
content: '>';
position: absolute;
right: 1em;
font-size: 1.1em;
font-family: arial;
transform: scale(0.7,1.4);
}
.nav-collapse .nav li li li a::after{
display:none;
}
.nav-collapse .nav li.active > a::after {
content: 'v';
transform: scale(1.1,0.5);
top:0.2em;
}*/
.nav-collapse .nav li.current > a,
.nav-collapse .nav li.active > a{
background:none;
color:var(--color-titre);
}
.nav-collapse .nav li.current > ul,
.nav-collapse .nav li.active > ul{
display: block;
position: static;
float: none;
border: none;
box-shadow: none;
text-indent: 1.5em;
padding: 0;
}
.nav-collapse .nav li li li{
text-indent: 5em;
font-style:italic;
}
.nav-collapse .nav li li li li{
text-indent: 8.5em;
color:grey;
}
.navigation .nav > li .nav-child::before,
.navigation .nav > li .nav-child::after{
display:none!important;
}
.nav-collapse .nav li li > a{
font-family:source sans pro;
}
.nav-collapse .nav li li.active > a{
color:var(--color-titre);
font-weight:700;
}
.nav-collapse .nav li ul::before{
display:none;
}
.nav-collapse ul.nav ul.nav-child ul{
display:none;
}
#sidebar ~ #content .page-header{
position:relative;
}
#content .page-header::after {
background-image: linear-gradient(to right,transparent 0px,var(--color-titre) 1px,transparent 2px);
left: 0 !important;
top: -0.75em;
width: 20%;
}
.navbar::before {
content: 'MENU';
font-weight: 700;
font-size: 1.3em;
position: absolute;
right: 40px;
font-family: titre;
top: 7px;
}
.navbar .btn-navbar span {
background: black !important;
border: none;
}
.row-fluid{
margin-top:0;
}
.random-image,
.item-image,
.caroussel,
.carousselJardin,
.playlistck_wrap_cont,
.publications,
.liensPublis{
display:none!important;
}
.com_search .actualites,
.com_search .liensActus,
.com_search .lienDates{
display:none;
}
.breadcrumb {
font-size: 0.9em;
}
.breadcrumb::after{
display:none;
}
#sidebar{
display:none;
}
#content::after{
display:none;
}
#content{
width:100%;
margin:0;
padding:1em;
}
.moduletable, #icagenda {
width: calc(100% - 2em) !important;
margin: 0 1em;
height: auto !important;
}
#lien_evenements,
#lien_actus,
#lien_publis {
position: static;
display: block;
width: calc(100% - 2.4em);
margin-left: 0.7em;
font-size: 1.3em;
text-align: right;
}
#lien_journal{
display:none;
}
.itemid-110 #lien_evenements{
display:none;
}
.minifrontpage-default{
height:auto!important;
}
.minifrontpageid .mfp-table-cell {
width: 100% !important;
display: block !important;
max-width:100%!important;
overflow:hidden;
}
.minifrontpageid .mfp-table-cell-inner > a {
padding-top: 50%;
width: 100%;
position: relative;
display: block;
}
.minifrontpageid a img {
position: absolute;
left: 0;
top: 50%;
width: auto !important;
margin: 0 !important;
transform: translate(0,-50%);
height: 100% !important;
}
[itemprop="articleBody"] h1{
font-size:2em;
line-height:1.2em;
}
[itemprop="articleBody"] p{
font-size: 1.4em;
line-height: 1.4em;
}
[itemprop="articleBody"] img{
height: auto!important;
}
#resulats_liste .rubrique h3 {
font-size: 1.2em;
margin-top: 0;
}
#resulats_liste li p,
#resulats_liste li h4,
.itemid-408 .mfp-table-cell-inner p,
.itemid-409 .mfp-table-cell-inner p,
.itemid-389 .mfp-table-cell-inner p,
.itemid-419 .mfp-table-cell-inner p,
.itemid-662 .mfp-table-cell-inner p{
display:none!important;
}
[rel='lightbox'] img{
width:100%!important;
height:auto!important;
}
/*.tousLesEvenements*/ .ic-box-date{
display:none;
}
/*.tousLesEvenements*/ .ic-event{
height:6em;
overflow:hidden;
}
/*.tousLesEvenements*/ .ic-event *{
left:0;
width:auto;
}
.ic-info-box-content::before {
line-height:normal;
}
#h2_resultats_liste{
font-size: 2.5em;
line-height: 1em;
}
#resulats_liste li,
.itemid-408 .mfp-table-cell,
.itemid-409 .mfp-table-cell,
.itemid-389 .mfp-table-cell,
.itemid-419 .mfp-table-cell,
.itemid-662 .mfp-table-cell {
width: 100%;
padding-top: 66%;
font-size: 1.5em;
max-width: 100%;
}
#icagenda + div{
display:none;
}
.ic-event:last-of-type .ic-content::after{
display:none;
}
#content .moduletable ~ div .page-header h2,
#content .componentheading{
position: static;
background: none;
color: var(--color-titre);
padding: 0;
margin-top: 0.6em;
font-size: 2.3em;
}
.componentheading::after{
display:none;
}
#sidebar ~ #content .page-header h2 a{
color:black!important;
}
.custom.lienSerres{
width:calc(100% - 2em);
}
.itemid-110 .ic-1{
width:calc(100% - 2em);
}
#aside{
margin:0!important;
padding:0;
width:100%;
font-size:0.9em;
}
#aside .well h3 {
font-size: 2.5em !important;
}
#aside .enSavoirPlus,
#aside .jardin-don,
#aside .nosApplications{
width:100%;
display:none;
}
#aside .nosApplications{
display:block;
}
#aside .enSavoirPlus,
.nosActionsPhares .enSavoirPlus{
margin:0.5em;
width:calc(100% - 2em);
font-size:1.3em;
}
#aside .well.enSavoirPlus li a,
.nosActionsPhare .enSavoirPlus li a{
font-size:1.1em;
}
.jardin-don h4 {
width: 49.5%;
border: none;
padding: 0 0 38% 0;
position:relative;
}
#aside .jardin-don h4 a {
position: absolute;
left: 0;
top: 0;
width: calc(100% - 2em) !important;
height: calc(58% - 2em);
background-size: 70% auto;
background-position: 40% 4%;
border: none !important;
font-size: 1.75em;
padding: 0 1em !important;
padding-top: 57% !important;
/* background-color: red; */
}
.nosApplications a {
width: calc(50% - 1.4em) !important;
padding-top: 17% !important;
font-size: 1.3em !important;
margin: 0.5em !important;
background-size: 32% auto !important;
background-position: 50% 12% !important;
}
#aside .well:first-of-type h4 + h4 a{
border:none;
border-top:3px solid silver;
}
#aside .well.horairesDuJour, #aside .well.tripadvisor {
width: calc(100% - 1em);
margin: 0 0.5em;
font-size: 2em;
}
#aside .custom.tripadvisor{
font-size:1.3em;
}
#aside .tripadvisor .cdsComponent.cdsLocName a {
font-size: 0.6em !important;
line-height: 1.3em;
}
#aside .tripadvisor #fileContent {
display:none;
}
#aside .well.labels{
width:100%;
}
.custom.labels{
height:9em!important;
}
.itemid-110 .well::after{
visibility:hidden;
}
.itemid-110 .minifrontpage-default {
margin-bottom: 3em;
width: calc(100% - 2em) !important;
height: auto !important;
}
.footer .je_suis{
display:block;
background:#eee;
}
.footer .je_suis select {
margin: 0;
font-weight: 700;
font-size: 1.2em;
}
.footer .je_suis p{
width:10em;
margin:auto;
}
.footer .coordonnees{
padding:0;
columns:1;
-moz-columns:1;
-webkit-columns:1;
text-align:center;
position:relative;
padding-bottom:20em;
}
.footer .coordonnees div{
position:static;
}
.footer .coordonnees [alt="CBNB"] {
width: 19em !important;
max-width: 50vw !important;
height: 10em !important;
/* background-color: red; */
display:inline-block;
}
.footer .coordonnees a[alt] {
width: 9em;
height: 4em;
max-width: 24vw;
}
.footer .coordonnees p{
padding:0.4em!important;
margin:0!important;
}
.footer .coordonnes div p{
border-color:#444;
}
.footer .coordonnees h4,
.footer .coordonnees address,
.footer .coordonnees address + p{
display:none;
}
.footer .coordonnees > p{
position:absolute;
top:26em;
width:100%;
text-align:center;
}
.footer .coordonnees > p:nth-of-type(2) {
bottom: 0;
top: auto;
}
.footer .coordonnees div{
text-align:left;
font-size:1.5em;
color:#444;
}
.footer .coordonnees div p:nth-of-type(5) a {
border-top: none;
padding-top: 0;
}
.footer .coordonnees div a{
color:#444!important;
}
.footer .liens_externes {
bottom: -2em;
height: 2em;
background: #ddd;
width: calc(100vw - 1em);
left: 0;
text-align: right;
display: block;
padding: 0.5em;
}
.footer .liens_externes p{
margin-left:1em;
}
#back-top {
bottom: 29em;
top: auto;
font-size: 1.4em;
}
.footer .coordonnees h5 {
color: #444;
font-size: 1.3em;
border-bottom: 1px solid grey;
text-transform: uppercase;
padding-bottom: 0.5em;
margin: 0;
text-align: center;
font-weight: 400;
margin-top: 1em;
position:absolute;
top:29em;
width:100%;
}
}
/**************************************/