@charset "utf-8";
/* CSS Document */
html{
}
body{
min-height:100%;
background:url(images/rayures-bandeau.png) repeat-x top;
float:left;
width:100%;
font-size:.8em;
background: #FFFFFF;
}
body p{
margin-bottom: 0.5em;
}
body #portfolio a.thumb, body #portfolio ul a.thumb{
background: none;
}
body #sidebar{
float:left;
margin-left: 4.5%;
}
body #header_inner nav{
width: 100%;
}
body ul.page-numbers{
list-style: none;
display: inline-block;
padding: 0px;
margin: 0px;
width: 100%;
text-align: center;
}
body ul.page-numbers li{
display: inline-block;
padding: 3px;
}
body ul.page-numbers li span, body ul.page-numbers li a{
padding: 3px 8px;
display: block;
color: #564b46;
border: 1px solid #FFF;
}
body ul.page-numbers li:hover span, body ul.page-numbers li:hover a{
color: white;
background: #9FBB52;
}
body .page-numbers li span.current{
color: white;
background: #9FBB52;
}
body > #page{
background: url(images/bg-top.jpg) no-repeat 50% top;
}
body > #page #logo{
text-indent: inherit;
margin-bottom: 0.15em;
position: absolute;
z-index: 900;
}
body > #page #logo a{
background: transparent;
height: auto;
}
body#outer > #page > #header > #header_inner, body#inner > #page > #header > #header_inner{
background: transparent;
margin-top: 15px;
min-height: 162px;
}
body #main-content .center_wrap{
background: #FFF;
width: 95%;
padding: 8px;
max-width: 924px;
}
body #main-content .center_wrap #content{
background: transparent;
border: none;
padding: 0px;
width: 65%;
}
.gMap{
width: 100%;
height: 600px; /*385px;*/
display: block;
margin-top: 22px;
}
body #content .gMap h5.titlePicto{
text-align: center;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 11px;
margin-bottom: 0px;
padding-bottom: 0px;
padding: 0px;
margin: 0px;
}
body .gMap img{
max-width: inherit;
}
.legendMap{
width: 93%;
background: #564B46;
border: 4px solid #FFFFFF;
margin: 0px auto;
padding-bottom: 6px;
margin-top: 0;
/*left: 3%;*/
/*margin-left: -282px;*/
position: relative;
z-index: 400;
}
.legendMap a{
display: block;
width: 30%;
height: 27px;
float:left;
padding: 1%;
margin-left: 1%;
line-height: 1em; /* 27px */
color: white;
margin-top: 6px;
/*overflow: hidden;*/
/*white-space: nowrap;*/
position: initial;
}
.legendMap a:hover{
background: inherit;
}
.legendMap a .pictoCategorie{
display: block;
width: 25px;
height: 25px;
float:left;
margin-right: 10px;
}
.legendMap a .textCategorie{
font-size: 10px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
font-weight: 400;
display: inline;
line-height: 1em;
}
body #slider_wrap{
padding: 0px;
max-width: 932px;
border: 4px solid #FFF;
/*max-height: 480px;*/
background: transparent;
height: auto;
}
body .bx-wrapper .bx-loading{
background: transparent;
}
body #slider{
position: relative;
}
body #slider .bx-wrapper{
margin: 0px;
background: #FFFFFF;
}
body .panRight{
width: 255px;
height: 440px;
position: absolute;
right: 0px;
top: 0px;
padding: 20px;
color: white;
}
body #slider{
height: auto;
}
body #slider ul{
list-style: none;
margin: 0px;
}
body #slider > a:hover{
background: transparent;
}
body #slider .info_slide{
right: 0;
position: absolute;
}
body #slider .info_slide_dots{
position: absolute;
z-index: 101;
}
body #slider .labelText{
width: 25.2%;
position: absolute;
right: 0px;
top: 0px;
padding: 3.3%;
color: white;
z-index: 51;
bottom: 0px;
}
body #slider .labelText .generalText{
font-family: 'Libre Baskerville', serif;
font-size: 27px;
margin: 0px;
padding: 0px;
clear:both;
display: block;
/* height: 74%; */
height: 74%;
text-overflow: ellipsis;
}
body #slider .labelText .titreBien{
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
font-size: 15px;
margin: 0px;
padding: 0px;
clear:both;
display: block;
}
body #slider .labelText .titreBien a{
color: white;
}
body .legendMap a.unactive .textCategorie{
color: #c4bab5;
}
body #slider .labelText .creditBien{
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
font-size: 11px;
margin: 0px;
padding: 0px;
display: block;
}
body #slider .bx-wrapper .bx-viewport{
border: none;
background: none;
left: inherit;
}
body #slider .bx-wrapper .bx-pager{
position: absolute;
bottom: 3%;
z-index: 102;
left: 71.7%; /* bord : 637 */
width: auto;
}
body #slider .bx-wrapper .bx-pager.bx-default-pager a {
background: rgba(255, 255, 255, 0.5);
text-indent: -9999px;
display: block;
width: 17px;
height: 17px;
margin: 0 10px 0 0;
outline: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
body #slider .bx-wrapper .bx-pager.bx-default-pager a.active, body #slider .bx-wrapper .bx-pager.bx-default-pager a:hover{
background: rgba(255, 255, 255, 1);
}
.clearer{
clear: both;
}
section#contentIndex{
padding:0px;
padding-top: 25px;
margin-bottom: 5px;
color: #564b46;
}
section#contentIndex header h2{
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
font-size: 16px;
}
section#contentIndex p{
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
font-size: 15px;
text-align: justify;
line-height: 1.2;
}
#sectionBloc{
margin-bottom: 10px;
height: 195px;
margin-top: 50px;
}
#sectionBloc .bloc .actualites, #sectionBloc .bloc .evenements{
margin: 0px;
padding: 0px;
}
#sectionBloc .bloc .bx-wrapper{
margin: 0px;
}
#sectionBloc .bloc .all{
right: 3%;
}
#sectionBiensInscrits .bloc .all{
right: 0.85%;
}
#sectionBloc .bloc .next, #sectionBloc .bloc .prev, #sectionBloc .bloc .all, #sectionBiensInscrits .bloc .all{
position: absolute;
bottom: -12px;
}
#sectionBloc .bloc .prev{
left: 9%;
}
#sectionBloc .bloc .next{
left: 19.6%;
}
body .btnUbuntu{
display: block;
height: 21px;
border: 2px solid #FFF;
float: left;
padding: 1px;
color: #FFFFFF;
background: #B8ACA6;
line-height: 21px;
width: auto;
text-align: center;
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 500;
}
body .wp-caption{
border: none;
}
body #content .post p.wp-caption-text{
padding-left: 5px !important;
font-style: italic;
padding: 0px;
text-align: left;
}
body .btnRoboto, body #content .blocDescriptionContent input.submit-button{
display: block;
height: 21px;
border: 2px solid #FFF;
float: left;
padding: 1px;
color: #FFFFFF;
background: #B8ACA6;
line-height: 21px;
width: auto;
text-align: center;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
font-size: 10px;
font-weight: 500;
}
body .btnRight{
float: right;
}
body .btnUbuntu span, body .btnRoboto span, body #content .blocDescriptionContent input.submit-button{
display: block;
height: 21px;
line-height: 21px;
padding: 0px 5px 0px 5px;
margin: 0px 0px 0px 0px;
background: url(images/btn-suite-bg.png) repeat-x;
background-position: 0px 0px;
}
body .btnUbuntu:hover span, body .btnRoboto:hover span {
background: url(images/btn-suite-bg.png) repeat-x;
background-position: 0px -21px;
}
body .btnRoboto:hover, body .btnRoboto:active, body .btnUbuntu:hover, body .btnUbuntu:active{
top: inherit;
background: #9F908A;
}
#sectionBloc .bloc .bx-wrapper img{
width: auto;
}
#sectionBloc .bloc .actualites li > div, #sectionBloc .bloc .evenements li > div{
padding-left: 7px;
padding-right: 7px;
padding-top: 32px;
}
#sectionBloc .bloc .actualites li > div h4, #sectionBloc .bloc .evenements li > div h4{
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
color: #564B46;
font-weight: 500;
margin-bottom: 5px;
}
#sectionBloc .bloc .evenements li > div h5{
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 12px;
color: #ddb254;
margin-bottom: 0px;
}
#sectionBloc .bloc .actualites li > div p, #sectionBloc .bloc .evenements li > div p{
text-align: left;
line-height: 1.2;
margin-bottom: 0px;
color: #564b46;
}
#sectionBloc .bloc .bx-wrapper a.imgLink{
display: block;
float:left;
border: 1px solid #DCD8D6;
width: 95px;
height: 95px;
margin-right: 14px;
}
#sectionBloc .bloc .bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left: inherit;
background: none;
}
#sectionBloc .bloc{
float: left;
height: auto;
width: 32.18%;
margin-right: 1.71%;
}
#sectionBloc .bloc.last{
margin-right: 0px;
}
#sectionBloc .bloc h3, #sectionBiensInscrits .bloc h3{
font-family: 'Roboto', sans-serif;
font-size: 20px;
color: #877B75;
letter-spacing: 0.05em;
line-height: 22px;
margin-bottom: -5px;
position: absolute;
z-index: 200;
}
#sectionBloc .bloc h3 .carreVert, #sectionBiensInscrits .bloc h3 .carreVert{
display: block;
float:left;
width: 26px;
height: 26px;
margin-right: 5px;
background-color: rgba(159, 187, 82, 0.8);
margin-left: 20px;
}
#sectionBloc .bloc .fondBloc, #sectionBiensInscrits .bloc .fondBloc{
margin-top: 19px;
background: rgba(243, 239, 236, 1);
height: 100%;
width: 100%;
position: relative;
padding-bottom: 35px;
min-height: 135px;
}
#sectionBiensInscrits .bloc .fondBloc{
/*padding-bottom: 1%;*/
}
section#sectionBiensInscrits{
height: auto;
width: 100%;
margin-top: 50px;
clear: both;
position: relative;
}
section#sectionBiensInscrits .bloc{
height: auto;
float:left;
width: 100%;
}
section#sectionBiensInscrits .bloc ul.biensInscrits{
list-style: none;
margin: 0px;
padding: 0px 8px;
margin-left: 10px;
}
section#sectionBiensInscrits .bloc ul.biensInscrits li{
float: left;
margin-top: 20px;
width: 20%;
/*margin-bottom: 10px;*/
}
#sectionBiensInscrits .bloc a.imgLink{
display: block;
float:left;
border: 1px solid #DCD8D6;
width: 100%;
height: 100%;
line-height: inherit;
position: relative;
}
#sectionBiensInscrits .bloc a.imgLink img{
display: block;
}
#sectionBiensInscrits .biensInscrits > li > div > img{
width: 100%;
height: 100%;
}
#sectionBiensInscrits .biensInscrits > li > div{
position: relative;
margin-right: 13px;
}
#sectionBiensInscrits .biensInscrits > li > div .pictoBiensInscrits{
width: 19%;
height: 29%;
border: 2px solid #FFF;
position: absolute;
top: 80%;
right: 6%;
background: #FFF;
z-index: 10;
}
body #sectionBiensInscrits .biensInscrits > li > div .cache{
position: absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
display: none;
padding: 10px;
color: white;
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
z-index: 9;
}
#sectionBiensInscrits .biensInscrits > li > div .pictoBiensInscrits > img{
width: 100%;
height: 100%;
}
body a:active, body a:focus{
top: inherit;
}
body #footer{
background: #887b75 url(images/background-repeat-footer.jpg) repeat-x;
margin-top: 40px;
padding-top: 0px;
position: relative;
padding-bottom: 75px;
}
body #footer .center_wrap{
position: relative;
}
body #footer .logo-unesco{
display: block;
float:left;
}
body #footer .logo-unesco > a{
display: block;
width: 114px;
margin: 0 auto;
border: 4px solid #FFF;
background: #F3EFEC;
padding: 6px;
padding-bottom: 0px;
}
body #footer .logo-unesco > a > img{
margin-top: 7px;
}
body #footer .reseauxSociaux{
position: absolute;
left: 39%;
width: 224px;
}
body #footer .facebook{
float: left;
display: block;
border: 4px solid #FFF;
background: #F3EFEC url(images/btn-reseaux-sociaux-2.png) no-repeat;
width: 60px;
height: 104px;
background-position: -4px 0px;
/*position: absolute;
left: 39%; /*382px*/
}
body #footer .facebook:hover{
background: #9fbb52 url(images/btn-reseaux-sociaux-2.png) no-repeat;
background-position: -4px -104px;
}
body #footer .twitter{
margin-left: 10px;
float:left;
display: block;
border: 4px solid #FFF;
background: #F3EFEC url(images/btn-reseaux-sociaux-2.png) no-repeat;
width: 60px;
height: 104px;
background-position: -72px 0px;
}
body #footer .twitter:hover{
background: #9fbb52 url(images/btn-reseaux-sociaux-2.png) no-repeat;
background-position: -72px -104px;
}
body #footer .instagram{
margin-left: 10px;
float:left;
display: block;
border: 4px solid #FFF;
background: #F3EFEC url(images/btn-reseaux-sociaux-2.png) no-repeat;
width: 60px;
height: 104px;
background-position: -140px 0px;
}
body #footer .instagram:hover{
background: #9fbb52 url(images/btn-reseaux-sociaux-2.png) no-repeat;
background-position: -140px -104px;
}
body #footer .texteAssociation{
position: absolute;
width: 120px;
left: 22%;
top: 34px;
line-height: 1.2em;
}
body #footer .texteAssociation .firstTexte{
font-family: 'Ubuntu', sans-serif;
font-weight: 700;
font-size: 14px;
color: #564B46;
}
body #footer .texteAssociation .secondTexte{
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 14px;
color: #D8D0CC;
}
body #footer .menuBottom{
position: absolute;
left: 68.5%;
top: 22px;
}
body #footer #menu-bottommenu.sf-menu, body #footer #menu-menu-du-bas-en.sf-menu{
list-style: url(images/puce.jpg);
font-weight: 300;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
padding-left: 15px;
margin-bottom: .50em;
}
body #footer #menu-bottommenu.sf-menu *, body #footer #menu-menu-du-bas-en.sf-menu *{
list-style: url(images/puce.jpg);
}
body #footer #menu-bottommenu.sf-menu li, body #footer #menu-menu-du-bas-en.sf-menu li{
float: none;
padding: .25em .25em;
}
body #footer #menu-bottommenu.sf-menu li a, body #footer #menu-menu-du-bas-en.sf-menu li a{
color: #FFF;
padding: 0px;
}
body a:hover{
background: inherit;
}
body #footer .copy{
color: #D8D0CC;
font-size: 10px;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
}
body #footer .copy a{
color: #D8D0CC;
}
body #header_inner{
position: relative;
}
body #header_inner nav{
position: absolute;
top: 78px;
right: 0px;
}
body #content .blocDescriptionContent{
margin-top: 50px;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
font-weight: 300;
padding-top: 20px;
}
body #content .blocDescriptionContent input, body #content .blocDescriptionContent textarea{
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
font-weight: 400;
height: 23px;
padding: 0em .50em;
}
body #content .search input#s{
padding-left: 40px;
}
body #content h2{
font-size: 18px;
font-family: 'Roboto', sans-serif;
}
body #content .blocDescriptionContent textarea{
height: auto !important;
width: 435px;
}
body #header_inner nav > ul > li{
padding: 0em .95em;
display: block;
float: left;
}
body #header_inner nav > ul > li:last-child{
padding-right: 0;
}
body #header_inner nav > ul > li > a{
font-weight: 300;
font-family: 'Roboto', sans-serif;
font-size: 19px;
text-transform: uppercase;
padding: .25em 0em;
color: #FFFFFF;
border-bottom: 1px solid #c4bab5;
}
body #header_inner nav > ul > li:hover > a{
border-bottom: 1px solid #9fbb52;
}
body #header_inner nav > ul > li > ul{
width: auto;
/*padding-left: 10px;*/
padding : 0px;
padding-left: 0.95em;
padding-right: 0.95em;
top: 30px;
}
body #header_inner nav > ul > li > ul > li > a{
color: white;
font-size: 14px;
text-align: center;
padding: 3px 0px;
width: 100%;
}
body #header_inner nav > ul > li > ul > li{
font-family: 'Roboto', sans-serif;
font-size: 14px;
color: white;
font-weight: 400;
background: rgba(196, 186, 181, 0.80);
width: 100%;
display: block;
padding: 0px 0px;
}
body #header_inner nav > ul > li > ul > li:hover{
background: rgba(159, 187, 82, 0.80);
}
body a.agora, .sidebox .mymail-submit-wrapper .submit-button, body a.bouton-video{
background: #9FBB52;
color: white;
height: 23px;
line-height: 23px;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
font-weight: 400;
display: block;
positon: relative;
padding: 0em .50em;
float:left;
margin-left: 20px;
border:none;
transition-duration: 0.12s;
transition-timing-function: ease-out;
cursor: pointer;
}
body a.agora:hover, .sidebox .mymail-submit-wrapper .submit-button:hover{
background: white;
color: #9FBB52;
}
body a.bouton-video:hover{
background: white;
color: #9FBB52;
}
.top_header{
float: right;
margin-top: 30px;
}
body #lang_sel_list{
float: left;
width: auto;
height: auto;
}
body #lang_sel_list ul{
border-top: none;
width: auto;
}
body #lang_sel_list ul li{
width: 23px;
height: 23px;
overflow: hidden;
margin-right: 5px !important;
}
body #lang_sel_list ul li:last-child{
margin-right: 0px !important;
}
body .selectorLangue{
float: left;
margin-left: 20px;
}
body .selectorLangue > span{
float: left;
color: #C4BAB5;
margin-right: 10px;
line-height: 23px;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
}
body #lang_sel_list > ul > li > a, body #lang_sel_list > ul > li > a:visited{
text-transform: uppercase;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
background: #877b75;
border: 1px solid #c4bab5;
width: 21px;
height: 21px;
display:block;
padding: 0px;
margin: 0px;
color: #c4bab5;
line-height: 21px;
text-align:center;
}
body #lang_sel_list > ul > li > a.active{
background: #d3b471;
color: #FFF;
border: 1px solid #d3b471;
}
body #lang_sel_list > ul > li > a:hover{
color: #FFF;
border: 1px solid #d3b471;
}
.formulaireRecherche{
float: left;
margin-left: 20px;
}
.formulaireRecherche input[name="s"]{
float:left;
border: none;
height: 23px;
padding: 0em .50em;
margin: 0px;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
font-weight: 400;
color: #717171;
}
.formulaireRecherche .btnRecherche{
float:left;
background: #9FBB52 url(images/bouton-recherche.png);
display: block;
width: 30px;
height: 30px;
margin: 0px;
margin-top: -3.5px;
}
.formulaireRecherche .btnRecherche:hover{
background: #FFFFFF url(images/bouton-recherche.png);
background-position: 0px -30px;
}
.mymail-email-wrapper , .mymail-submit-wrapper{
width : 50%;
float:left;
}
.mymail-submit-wrapper .submit-button{
margin : 20px 0 0 10px !important;
}
.mymail-form{
margin : 0 20px;
}
body .telechargements{
list-style: none;
padding: 20px 7px;
margin: 0px;
min-height: 94px;
max-height: 95px;
}
body .telechargements a{
display: block;
background: url(images/pictoTelechargement.png) no-repeat;
height: 49px;
background-position: 0px bottom;
padding-left: 53px;
margin-bottom: 10px;
font-family: 'Ubuntu', sans-serif;
font-size: 13px;
font-weight: 500;
overflow: hidden;
}
body .telechargements a:hover{
background-position: 0px 0px;
}
body .telechargements a .infoSup{
color: #DDB254;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
font-weight: 400;
}
body .telechargements a .infoSup span.extension{
text-transform: uppercase;
}
body #sidebar .sidebox h3{
font-family: 'Roboto', sans-serif;
font-size: 16px;
font-weight: 400;
background: none;
position: absolute;
margin: 0px;
padding: 0px;
padding-left: 20px;
color: #877B75;
letter-spacing: 0.05em;
line-height: 15px;
}
body #content .breadcrumbs{
margin-bottom: 20px;
color: #877b75;
font-weight: 700;
font-family: 'Ubuntu', sans-serif;
font-size: 11px;
}
body #content .breadcrumbs .separator{
font-weight: 400;
}
body #content .breadcrumbs .separator:last-child{
color: #9FBB52;
}
body #content .breadcrumbs a{
color: #877b75;
font-weight: 400;
}
body #content .titlePage{
font-family: 'Roboto', sans-serif;
font-size: 21px;
font-weight: 400;
padding: 0px;
margin: 0px;
border: none;
padding-left: 35px;
line-height: 28px;
color: #564B46;
letter-spacing: 0.05em;
/*margin-left: 35px;*/
}
body #content .titleAbsolute{
position: relative !important;
z-index: 98;
/*border-bottom: 1px solid #9FBB52;*/
background: url(images/repeat-titre-x.jpg);
background-position: bottom 5px right 0px;
background-repeat: repeat-x;
width: 94.3%;
text-indent: 20px;
}
/*body #content .titleAbsolute::before{ content: "
"; }*/
.gris{
color: #dcd8d6;
}
body #content .post .titleAbsolute{
position: absolute;
}
body #content .titlePage .carreVert{
background: #9FBB52;
width: 28px;
height: 28px;
float:left;
margin-right: 10px;
position: absolute;
left: 15px;
}
body #sidebar .sidebox{
position: relative;
padding-bottom: 10px;
}
body #sidebar .sidebox h3 .carreVert{
background: #9FBB52;
width: 20px;
height: 20px;
float:left;
margin-right: 10px;
}
body #sidebar .sidebox h3 .carreVertForce{
background: #9FBB52;
width: 20px;
height: 20px;
float:left;
margin-right: 10px;
}
body #sidebar .sidebox div.textwidget{
width: 100%;
background: #f3efec;
min-height: 80px;
margin-top: 15px;
}
body #sidebar{
width: 30.5%;
margin-top: 44px;
}
body #main-content {
margin-top: 0px;
min-height: 600px;
}
body #main-content #sidebar .sidebox .widgetActualites, body #main-content #sidebar .sidebox .widgetEvenements, .sidebox .mymail-form{
padding-top: 15px;
padding-bottom: 15px;
}
body #main-content #sidebar .sidebox .widgetActualites li > div, body #main-content #sidebar .sidebox .widgetEvenements li > div{
padding: 8px;
padding-top: 0px;
}
body #main-content #sidebar .sidebox .widgetActualites li:last-child > div, body #main-content #sidebar .sidebox .widgetEvenements li:last-child > div{
padding-bottom: 0px;
}
body #main-content #sidebar .sidebox .all{
margin-top: -14px;
float: right;
margin-right: 10px;
}
body #main-content #sidebar .sidebox .widgetActualites li > div .imgLink, body #main-content #sidebar .sidebox .widgetEvenements li > div .imgLink{
float: left;
width: 75px;
left: 75px;
display: block;
margin-right: 10px;
}
body #main-content #sidebar .sidebox .widgetActualites li > div h4, body #main-content #sidebar .sidebox .widgetEvenements li > div h4{
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
font-size: 13px;
color: #564b46;
margin-bottom: 5px;
}
body #main-content #sidebar .sidebox .widgetActualites li > div .infos, body #main-content #sidebar .sidebox .widgetEvenements li > div .infos{
font-size: 11px;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
color: #c4bab5;
}
body #main-content #sidebar .sidebox .widgetEvenements li > div h5{
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 12px;
color: #ddb254;
}
body #main-content #sidebar .sidebox .widgetActualites li > div a.imgLink:hover, body #main-content #sidebar .sidebox .widgetActualites li > div a.imgLink:active, body #main-content #sidebar .sidebox .widgetEvenements li > div a.imgLink:hover, body #main-content #sidebar .sidebox .widgetEvenements li > div a.imgLink:active{
position: inherit;
}
body #portfolio{
text-align: center;
margin-top: 20px;
}
body #main-content ul.display_thumbnail{
margin-left: 0px;
/*display: inline-block;*/
float:none;
/*max-width: 940px;*/
/*width: 104%;*/
width: 100%;
}
body #portfolio ul.three_col li{
width: 33.3%;
position: relative;
height: 215px;
/*margin-right: 3.35%;*/
margin-left: 0%;
padding: 8px 0px;
border: none;
/*max-width: 190px;*/
}
body #portfolio ul.three_col li > div{
width: 90%;
margin: 0 auto;
position: relative;
height: 215px;
padding: 8px 0px;
}
body #portfolio ul.three_col li > div > div{
width: 90%;
margin: 0 auto;
}
body #portfolio ul.three_col li.noMargin, body #portfolio ul.three_col li.noMarginFirst{
/*margin-left: 0px;
clear: left;*/
}
body #portfolio ul.three_col li a.imgLink{
position: relative;
border: 1px solid #DCD8D6;
width: 100%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
float:left;
}
body #portfolio ul.display_thumbnail li a.thumb img{
margin-bottom: 0px;
}
body #portfolio ul.display_thumbnail li a.thumb .pictoBiensInscrits {
width: 19%;
height: 29%;
border: 2px solid #FFF;
position: absolute;
top: 80%;
right: 6%;
z-index: 10;
background-size: 100% 50%;
}
body #portfolio ul.three_col li h4{
position: relative;
font-weight: 400;
font-size: 15px;
font-family: 'Roboto', sans-serif;
color: #564b46;
margin: 0px;
text-align: left;
}
body #portfolio ul.three_col li h5{
position: absolute;
bottom: 5px;
margin-bottom: 0px;
font-weight: 400;
font-size: 10px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
text-align: left;
}
body .post > .imgLink{
display: block;
position: relative;
margin-top: 23px;
margin-top: -5px;
}
body #page #content .imgLink{
display: block;
position: relative;
}
#content .post > a.imgLink .pictoBiensInscrits{
width: 43px;
height: 43px;
display: block;
right: 6%;
top: 88%;
position: absolute;
z-index: 20;
border: 2px solid #FFF;
}
#content .post > a.imgLink .titreBiensInscrits{
text-align:right;
position: absolute;
right: 15%;
font-weight: 400;
font-size: 13px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
left: 0%;
top: 101%;
height: 13px;
line-height: 13px;
color: #564b46;
z-index: 22;
}
body #content .textContent{
margin-top: 40px;
text-align: justify;
}
body #content .post .textContent{
margin-top: 20px;
}
body #content .post ul, body #content ul{
list-style: none;
margin-left: 22px !important;
font-size: 14px;
font-family: 'Ubuntu', sans-serif;
color: #564b46;
font-weight: 300;
}
body #content #portfolio ul li:before, body #content ul.pageActualites li:before{
content: "";
}
body #content #portfolio ul{
margin-left: inherit !important;
}
body #content .post ul li{
margin-bottom: 5px;
padding-left: 10px;
}
body #content .post h2, body #content h2{
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #9FBB52;
border-bottom: none!important;
margin: 0!important;
padding: 0 0 20px 0!important;
font-weight: normal!important;
}
body #content ul li:before{
float:left;
content:"·";
font-size:80px;
color: #9FBB52;
line-height: 10px;
padding: 0px;
margin: 0px;
margin-left: -24px;
margin-top: 6px;
margin-right: -5px;
font-family: Arial,Helvetica,sans-serif;
}
body #content ul.page-numbers li:before{
content:"";
}
body #content .post .chapeau{
font-size: 16px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
font-style: italic;
padding-left: 0px !important;
}
body #content .post h3, body #content h3{
font-size: 14px;
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
color: #564b46;
padding-left: 15px !important;
padding-bottom: 10px !important;
border-bottom: none!important;
}
body #content .post p, body #content p{
font-size: 14px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
color: #564b46;
padding-left: 15px !important;
padding-bottom: 10px !important;
}
body #content .post .infosContent ul{
padding-bottom: 0px;
margin-bottom: 0px;
}
body #content .post .infosContent{
min-height: 100px;
margin-top: 30px;
padding-top: 18px;
padding-bottom: 18px;
}
body #content .post .infosContent .titreInfosContent{
font-weight: 500;
}
body #sidebar .sidebox{
margin-bottom: 15px;
}
html[lang="fr-FR"] body #content .post .infosContent.EN,
html[lang="en-US"] body #content .post .infosContent.FR{
display: none;
}
html[lang="en-US"] body #content .post .infosContent.EN{
display: visible !important;
}
body #sidebar .widgetDeLaMemeCategorie{
list-style: none;
padding-top: 5%;
line-height: 1;
}
body #sidebar .widgetDeLaMemeCategorie li{
list-style: none;
float:left;
width: 44.5%;
margin-left: 4%;
margin-bottom: 7%;
}
body #sidebar .widgetDeLaMemeCategorie li a.imgLink{
border: 1px solid #dcd8d6;
display: block;
position: relative;
line-height: inherit;
width: 100%;
}
body #sidebar .widgetDeLaMemeCategorie li a.imgLink img{
display: block;
}
body #sidebar .widgetDeLaMemeCategorie li a.imgLink .pictoBiensInscrits{
width: 27px;
height: 27px;
border: 2px solid #FFF;
position: absolute;
top: 80%;
right: 6%;
background: #FFF;
z-index: 10;
}
body #sidebar .widgetDeLaMemeCategorie li div{
position: relative;
}
body #sidebar .widgetDeLaMemeCategorie li .cache{
display: none;
padding: 10px;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
}
body #sidebar .widgetDeLaMemeCategorie li .cache h4{
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: white;
text-transform: none;
}
body #sidebar .lienFichePdf, body #sidebar .lienSiteWeb{
display: block;
height: 55px;
border: 1px solid #9FBB52;
}
body #sidebar .lienFichePdf{
background: #9FBB52 url(images/btn/picto-telecharger.png) no-repeat 50% bottom;
background-size: 100% 200%;
}
body #sidebar .lienFichePdf:hover{
background: #9FBB52 url(images/btn/picto-telecharger.png) no-repeat 50% top;
background-size: 100% 200%;
}
body #sidebar .lienFichePdf .textBig{
color: #9FBB52;
}
body #sidebar .lienFichePdf:hover .textBig{
color: white;
opacity: 0.8;
}
body #sidebar .lienFichePdf:hover .textLittle{
color: white;
}
body #sidebar .lienFichePdf .icon, body #sidebar .lienSiteWeb .icon{
width: 19.5%;
float:left;
height: 55px;
margin-right: 5.5%;
}
body #sidebar .lienFichePdf .textBig, body #sidebar .lienSiteWeb .textBig{
width: 75%;
float: left;
font-size: 11px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
margin-top: 9px;
}
body #main-content #sidebar .lienFichePdf:hover .textBig, body #main-content #sidebar .lienSiteWeb:hover .textBig{
color: white;
opacity: 0.80;
}
body #sidebar .lienFichePdf .textLittle, body #sidebar .lienSiteWeb .textLittle{
width: 75%;
float: left;
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
color: #877b75;
}
body #sidebar .lienFichePdf:hover .textLittle, body #sidebar .lienSiteWeb:hover .textLittle{
color: white;
}
.pictoBiensInscritsHide{
display: none;
}
body #content ul.pageActualites{
/*margin-top: 43px;*/
list-style: none;
padding-top: 42px;
padding-left: 0px;
margin-left: 0px !important;
}
ul.pageActualites li{
display: block;
margin-bottom: 22px;
}
ul.pageActualites li a.imgLink{
display: block;
position: relative;
border: 1px solid #DCD8D6;
float:left;
width: 95px;
height: 95px;
margin-right: 10px;
}
ul.pageActualites li a.imgLink .cache{
padding: 10px;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: rgba(196, 186, 181, 0.8);
display: none;
color: white;
font-size: 15px;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
}
ul.pageActualites li a.imgLink:hover .cache{
display: block;
}
#content ul.pageActualites li h3{
font-size: 15px;
font-family: 'Ubuntu', sans-serif;
font-weight: 500;
color: #564b46;
margin-bottom: 4px;
}
#content ul.pageActualites li p.excerpt{
font-size: 12px;
font-family: 'Ubuntu', sans-serif;
font-weight: 300;
color: #564b46;
margin-bottom: 4px;
margin-left: 92px;
}
#content ul.pageActualites li p.infos{
font-size: 11px;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
color: #c4bab5;
margin-left: 92px;
}
#content ul.pageActualites li p.infosEvent{
color: #ddb254;
padding-bottom: 0px;
margin-bottom: 0px;
}
#content ul.pageActualites li h3 a{
color: #564b46;
}
ul.listArchive{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
}
ul.listArchive li:before{
float:left;
content:"·";
font-size:80px;
color: #877b75;
line-height: 10px;
padding: 0px;
margin: 0px;
margin-left: -24px;
margin-top: 6px;
margin-right: -5px;
font-family: Arial,Helvetica,sans-serif;
}
ul.listArchive li a{
color: #564b46;
font-size: 13px;
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
}
/*Links embed into the content parts*/
body #main-content #content .textContent p a:link,
body #main-content #content .textContent p a:visited,
body #main-content #content .blocDescriptionContent p a:link,
body #main-content #content .blocDescriptionContent p a:visited
{
border-bottom: 1px solid #c4bab5;
}
body #main-content #content .textContent p a:hover,
body #main-content #content .textContent p a:active,
body #main-content #content .blocDescriptionContent p a:hover,
body #main-content #content .blocDescriptionContent p a:active
{
border-bottom: 1px solid #564b46;
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px){
body #sidebar{
width: 100%;
/*max-width: 613px;*/
clear: both;
margin-left: 0px;
margin: 0 auto;
}
body > #page #logo {
position: relative;
}
body #main-content .center_wrap #content{
width: 100%;
/*max-width: 613px;*/
margin: 0 auto;
}
#sectionBloc .bloc {
float: left;
height: auto;
width: 100%;
margin-right: 0%;
margin-bottom: 8%;
}
.top_header{
float: none;
display: inline-block;
margin-top: 0px;
}
body#outer > #page > #header > #header_inner {
text-align: center;
}
body #header_inner nav{
position: relative;
text-align: center;
top: 0px;
width: 100%;
margin-top: 0px;
margin-bottom: 10px;
}
select#main-menu-mobile {
display: inline-block;
width: 100%;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-top: 0px;
}
body #footer .logo-unesco{
position: relative;
width: 50%;
float: left;
top: inherit;
left: inherit;
margin-bottom: 5%;
}
body #footer .texteAssociation{
position: relative;
width: 50%;
float: left;
top: inherit;
left: inherit;
height: 111px;
margin-bottom: 5%;
}
body #footer .texteAssociation > div{
position: absolute;
width: 100%;
top: 50%;
left: 0px;
text-align: center;
margin-top: -0.5em;
}
body #footer .reseauxSociaux{
position: relative;
width: 50%;
float: left;
top: inherit;
left: inherit;
text-align:center;
margin-bottom: 5%;
}
body #footer .reseauxSociaux > a{
display: inline-block;
float: none;
}
body #footer .menuBottom{
position: relative;
width: 50%;
float: left;
top: inherit;
left: inherit;
margin-bottom: 5%;
}
.legendMap a{
display: block;
width: 49%;
height: 27px;
float:left;
margin-left: 1%;
line-height: 27px;
color: white;
margin-top: 6px;
overflow: hidden;
white-space: nowrap;
}
body #portfolio{
margin-top: 100px;
}
}
@media handheld and (max-width: 479px), screen and (max-device-width: 479px), screen and (max-width: 479px){
#slider, #slider img, .nivo-slice, .nivoSlider, .nivoSlider img, .nivo-slice img{
max-width: inherit;
min-width: inherit;
max-height: inherit;
}
#content .post > a.imgLink .titreBiensInscrits {
right: 25%;
}
body #content[class^="catItem"] .post > .imgLink{
margin-top: 0px;
}
body #sidebar{
margin-top: 25px;
}
body #slider .bx-wrapper .bx-pager{
display: none;
}
body #content .post .titleAbsolute {
position: inherit !important;
}
body > #page #logo{
position: inherit;
}
.top_header{
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.top_header > div, body .top_header > a.agora{
display: inline-block;
margin-bottom: 10px;
float:inherit;
line-height: 23px;
}
body .top_header > a.agora{
vertical-align: top;
}
.top_header .formulaireRecherche{
clear: both;
}
body #footer .logo-unesco{
position: relative;
width: 100%;
float: left;
top: inherit;
left: inherit;
margin-bottom: 5%;
}
body #footer .texteAssociation{
position: relative;
width: 100%;
float: left;
top: inherit;
left: inherit;
height: 111px;
margin-bottom: 5%;
}
body #footer .texteAssociation > div{
position: absolute;
width: 100%;
top: 50%;
left: 0px;
text-align: center;
margin-top: -0.5em;
}
body #footer .reseauxSociaux{
position: relative;
width: 100%;
float: left;
top: inherit;
left: inherit;
text-align:center;
margin-bottom: 5%;
}
body #footer .reseauxSociaux > a{
display: inline-block;
float: none;
}
body #footer .menuBottom{
position: relative;
width: 100%;
float: left;
top: inherit;
left: inherit;
margin-bottom: 5%;
}
body #slider .labelText .generalText{
height: 75%;
}
body #slider .labelText .generalText {
font-size: 10px !important;
}
body #portfolio ul.three_col li{
width: 49.9%; /* 46.325%*/
position: relative;
height: 205px;
/*margin-left: 3.35%;*/
/*margin-right: 3.35%;*/
padding: 8px 0px;
border: none;
}
body #portfolio ul.three_col li.noMargin{
/*margin-left: 3.35%;
clear: none;*/
}
body #portfolio ul.three_col li.noMarginFirst, body #portfolio ul.three_col li.noMargin-3{
/*margin-left: 0px;
clear:left;*/
}
.legendMap a{
display: block;
width: 99%;
height: 27px;
float:left;
margin-left: 1%;
line-height: 27px;
color: white;
margin-top: 6px;
overflow: hidden;
white-space: nowrap;
}
body #portfolio{
margin-top: 200px;
}
}
@media handheld and (max-width: 679px), screen and (max-device-width: 679px), screen and (max-width: 679px){
section#sectionBiensInscrits .bloc ul.biensInscrits li{
width: 30%;
margin-right: 1.5%;
margin-left: 1.5%;
margin-bottom: 5%;
}
body #header_inner nav > ul > li > a{
font-size: 14px;
}
body #slider .labelText .generalText {
font-size: 14px;
}
}
@media handheld and (max-width: 979px), screen and (max-device-width: 979px), screen and (max-width: 979px){
body #header_inner nav > ul > li > a{
font-size: 16px;
}
body #slider .labelText .generalText {
font-size: 23px;
}
}
@media handheld and (max-width: 879px), screen and (max-device-width: 879px), screen and (max-width: 879px){
body #header_inner nav > ul > li > a{
font-size: 15px;
}
body #slider .labelText .generalText {
font-size: 19px;
}
}
@media handheld and (max-width: 810px), screen and (max-device-width: 810px), screen and (max-width: 810px){
body #header_inner nav > ul > li > a{
font-size: 13px;
}
body #slider .labelText .generalText {
font-size: 15px;
}
body #slider .labelText .titreBien{
font-size: 11px;
}
body #slider .labelText .creditBien{
font-size: 9px;
}
}
.filterSearch{
padding: 5px;
background: #f3efec;
height: 18px;
margin-bottom: 15px;
}
.filterSearch input{
width: 92%;
margin-top: -8px;
}
.filterSearch .btnSearch{
float: left;
background: #9FBB52 url(images/bouton-recherche.png);
display: block;
width: 30px;
height: 30px;
margin: 0px;
margin-top: -7.5px;
}
.filterSearch .btnSearch:hover{
background: #FFFFFF url(images/bouton-recherche.png);
background-position: 0px -30px;
}
.separatorSubParent{
background: #564B46;
width: 31.5%;
height: 2px;
margin-top: 4px;
margin-left: -1%;
position: absolute;
z-index: 10;
}
.subParent{
width: 96%;
position: absolute;
border: 1px solid #FFFFFF;
margin-top: 0.8%;
/*margin-left: -1.2%;*/
background: #564B46;
left: 1%;
}
.subParentSubPoints{
display: inline-block;
width: 48%;
padding: 1%;
min-height: 30px;
font-size: 85%;
}
.subParentSubPoints .checkbox{
display: inline-block;
width: 15px;
height: 15px;
margin-right: 5px;
border: 1px solid #FFFFFF;
cursor: pointer;
background-color:transparent;
}
.legendMap a{
border: 1px solid #564B46;
width: 29.5%;
}
.legendMap a:hover{
border: 1px solid #FFFFFF;
border-bottom: 1px solid #564B46;
}
.legendMap a.noSubItems:hover{
border: 1px solid #564B46 !important;
}
.btFrance{
display: block;
float: left;
background-image: url(images/map/zoomFrance.jpg) !important;
background-position: center top;
background-repeat: no-repeat;
height: 20px;
color: #615752;
padding-top: 39px;
width: 59px;
text-align: center;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
margin-top: 5px;
margin-right: 5px;
cursor: pointer;
}
.btFrance .titre{
background-color: #fff;
height: 20px;
line-height: 20px;
}
.btDOM{
display: block;
float: left;
background-image: url(images/map/zoomDOM.jpg) !important;
background-position: center top;
background-repeat: no-repeat;
height: 20px;
color: #615752;
padding-top: 39px;
width: 59px;
text-align: center;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
margin-top: 5px;
margin-right: 5px;
cursor: pointer;
}
.btDOM .titre{
background-color: #fff;
/*background-image: url(images/map/fleche-bottom.png);
background-position: center 15px;
background-repeat: no-repeat;*/
height: 20px;
line-height: 20px;
}
.btTOM{
display: block;
float: left;
background-image: url(images/map/zoomTOM.jpg) !important;
background-position: center top;
background-repeat: no-repeat;
height: 20px;
color: #615752;
padding-top: 39px;
width: 59px;
text-align: center;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
margin-top: 5px;
margin-right: 5px;
cursor: pointer;
}
.btTOM .titre{
background-color: #fff;
/*background-image: url(images/map/fleche-bottom.png);
background-position: center 15px;
background-repeat: no-repeat;*/
height: 20px;
line-height: 10px;
}
.btPF {
display: block;
float: left;
background-image: url(images/map/zoomPolyFr.jpg) !important;
background-position: center top;
background-repeat: no-repeat;
height: 20px;
color: #615752;
padding-top: 39px;
width: 59px;
text-align: center;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
margin-top: 5px;
margin-right: 5px;
cursor: pointer;
}
.btPF .titre{
background-color: #fff;
height: 20px;
line-height: 10px;
}
.btTOM:hover .titre, .btDOM:hover .titre, .btPF:hover .titre {
/*background-image: url(images/map/fleche-top.png);*/
}
body #content .btDOM .subItems, body #content .btTOM .subItems, body #content .btPF .subItems {
overflow: hidden;
display: none;
margin: 0px !important;
padding: 0px;
position: absolute;
margin-left: -1em !important;
padding-top: 0px !important;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}
body #content .btDOM .subItems li, body #content .btTOM .subItems li, body #content .btPF .subItems li {
background: #fff;
}
body #content .btDOM .subItems li:hover, body #content .btTOM .subItems li:hover, body #content .btPF .subItems li:hover {
background: #615752;
}
body #content .btDOM .subItems li:hover a, body #content .btTOM .subItems li:hover a, body #content .btPF .subItems li:hover a {
color: #fff;
}
body #content .btDOM .subItems a, body #content .btTOM .subItems a, body #content .btPF .subItems a {
padding: 2px 5px;
}
#gMapCanvas, .gm-style{
/* Matthieu : pourquoi ? çame semble un bug */
/*overflow: visible !important;*/
}
#slider_wrap .video-youtube{
line-height: 0px;
}
#slider_wrap .catDefault{
background-color: #867b75;
}
body a.fancybox-close{
transition: none !important;
background-image: url('../assets/fancybox/source/fancybox_sprite.png') !important;
background-color: transparent !important;
top: -18px !important;
position: absolute !important;
}
body .label_text.catDefault{
display: none !important;
}
body #content .post .blocDescriptionContent{
margin-top: 0px;
}