@charset "utf-8";
/*
File: Framework CSS
*/
html{overflow-y:scroll; overflow-x:hidden;}
html, body{margin:0; padding:0; font-size:14px; line-height:1.6em;}
*, *::before, *::after{box-sizing:border-box;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.hidden{display:none;}
.nospace{margin:0; padding:0; list-style:none;}
.borderedbox{border:1px solid;}
.circle{border-radius:50%; background-clip:padding-box;}
.service{display:block; position:relative; width:100%; min-height:80px; margin:0; padding:0 0 0 70px; box-sizing:border-box;}
.service *{margin:0; padding:0;}
.service .icon{display:block; position:absolute; top:0; left:0; width:42px; height:42px; line-height:42px; text-align:center; font-size:26px;}
.icon.nobg{border:1px solid;}
.service .heading{margin-bottom:10px;}
.service.largeicon{min-height:110px; padding:0 0 0 100px;}
.service.largeicon .icon{width:80px; height:80px; line-height:80px; font-size:40px;}
.clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}
a{outline:none; text-decoration:none;}
/*.fl_left, .imgl{float:left;}*/
.fl_right, .imgr{float:right;}
img{width:auto; max-width:50%; height:auto; margin:6px; padding:0; border:none; line-height:normal; vertical-align:middle;}
.img1{width:auto; max-width:10%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.img2{width:auto; max-width:25%; height:auto; margin:0; padding:6px; border:none; line-height:normal; vertical-align:middle;}
.img3{width:auto; max-width:35%; height:auto; margin:0; padding:0; line-height:normal; vertical-align:middle;}
.img4{width:auto; max-width:100%; height:auto; margin:0; padding:0; line-height:normal; vertical-align:middle;}
.img5{width:auto; max-width:90%; height:auto; margin:0; padding:0; line-height:normal; vertical-align:middle;}
.img6{width:auto; max-width:80%; height:auto; margin:0; padding:0; line-height:normal; vertical-align:middle;}
.img7{width:auto; max-width:100%; height:auto; margin:0; padding:0; line-height:normal; vertical-align:middle;}
.imgblog{width:291px; max-width:100%; height:150px; margin:0; padding:0; line-height:normal; vertical-align:middle;}

.revue2{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:1px solid; line-height:normal; vertical-align:middle;}
.imgl{margin:0 15px 10px 0; clear:left;}
.imgr{margin:0 0 10px 15px; clear:right;}
.imglogo{margin:0 0 0 15px; clear:left;}

/* Fonts
--------------------------------------------------------------------------------------------------------------- */
body, input, textarea, select{font-family:Verdana, Geneva, sans-serif;}
h3, .heading{font-family:helvetica, Verdana, Geneva, sans-serif;}
h1, h4, h5, .heading{font-family:Verdana, Geneva, sans-serif;}
h2, h6, h7, h8, h9 .heading{font-family:Verdana, Geneva, sans-serif;}

h8#ukraine {
height: 50px;
overflow: hidden;
position: relative;
width: 100px;
}
h8#ukraine span {
background: url('../../images/elements_page/ukraine.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debtwatch {
height: 50px;
overflow: hidden;
position: relative;
width: 100px;
}
h8#debtwatch span {
background: url('../../images/elements_page/debtwatch.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#covid {
height: 50px;
overflow: hidden;
position: relative;
width: 100px;
}
h8#covid span {
background: url('../../images/elements_page/covid.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#blog {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#blog span {
background: url('../../images/elements_page/blog5.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#focus {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#focus span {
background: url('../../images/elements_page/focus5.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#actualite {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#actualite span {
background: url('../../images/elements_page/actualite.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#parutions {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#parutions span {
background: url('../../images/elements_page/parutions8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}
h8#rendezvous {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#rendezvous span {
background: url('../../images/elements_page/rendezvous8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debat {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debat span {
background: url('../../images/elements_page/debat8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#parutions2 {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#parutions2 span {
background: url('../../images/elements_page/parutions8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}
h8#rendezvous2 {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#rendezvous2 span {
background: url('../../images/elements_page/rendezvous8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debat2 {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debat2 span {
background: url('../../images/elements_page/debat8.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}






h8#ofceapropos {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceapropos span {
background: url('../../images/elements_page/ofce_apropos.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#ofcecd {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcecd span {
background: url('../../images/elements_page/ofce_cd.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcechercheurs {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcechercheurs span {
background: url('../../images/elements_page/ofce_chercheurs.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceassocies {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceassocies span {
background: url('../../images/elements_page/ofce_associes.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceaffilies {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceaffilies span {
background: url('../../images/elements_page/ofce_affilies.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcedep {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcedep span {
background: url('../../images/elements_page/ofce_dep.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceadmin {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceadmin span {
background: url('../../images/elements_page/ofce_admin.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcereseaux {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcereseaux span {
background: url('../../images/elements_page/ofce_reseaux.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcerapports {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcerapports span {
background: url('../../images/elements_page/ofce_rapports.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcerejoindre {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcerejoindre span {
background: url('../../images/elements_page/ofce_rejoindre.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcecontact {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcecontact span {
background: url('../../images/elements_page/ofce_contact.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceiags {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceiags span {
background: url('../../images/elements_page/ofce_iags.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceiases {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceiases span {
background: url('../../images/elements_page/recherche_iases.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#researchiases {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#researchiases span {
background: url('../../images/elements_page/research_iases.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#ofcepresage {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcepresage span {
background: url('../../images/elements_page/recherche_presage.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcethreeme {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcethreeme span {
background: url('../../images/elements_page/recherche_threeme.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcementions {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcementions span {
background: url('../../images/elements_page/ofce_mentions.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}



h8#pubabonnements {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubabonnements span {
background: url('../../images/elements_page/pub_abonnements.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#publettre {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#publettre span {
background: url('../../images/elements_page/pub_lettre.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubchercheurs {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubchercheurs span {
background: url('../../images/elements_page/pub_chercheurs') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubofce {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubofce span {
background: url('../../images/elements_page/pub_ofce') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubpb {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubpb span {
background: url('../../images/elements_page/pub_pb') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubwp {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubwp span {
background: url('../../images/elements_page/pub_wp') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubrevue {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubrevue span {
background: url('../../images/elements_page/pub_revue') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubdernieres {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubdernieres span {
background: url('../../images/elements_page/pub_dernieres') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#semofce {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#semofce span {
background: url('../../images/elements_page/seminaire.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#lunchsem {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#lunchsem span {
background: url('../../images/elements_page/lunchseminar.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archrdv {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archrdv span {
background: url('../../images/elements_page/archrdv.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archdebat {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archdebat span {
background: url('../../images/elements_page/archdebat.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#mediacom {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#mediacom span {
background: url('../../images/elements_page/mediacom.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#mediavideo {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#mediavideo span {
background: url('../../images/elements_page/mediavideo.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#mediapresse {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#mediapresse span {
background: url('../../images/elements_page/mediapresse.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archpresid {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archpresid span {
background: url('../../images/elements_page/arch_presid.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archcop {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archcop span {
background: url('../../images/elements_page/arch_cop.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archnotes {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archnotes span {
background: url('../../images/elements_page/arch_notes.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archeval {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archeval span {
background: url('../../images/elements_page/arch_eval.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archcn {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archcn span {
background: url('../../images/elements_page/arch_cn.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#archlettres {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#archlettres span {
background: url('../../images/elements_page/arch_lettres.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#grandebat {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#grandebat span {
background: url('../../images/elements_page/grand_debat.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#conferences {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#conferences span {
background: url('../../images/elements_page/conferences.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#workshops {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#workshops span {
background: url('../../images/elements_page/workshops.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#obsdette {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#obsdette span {
background: url('../../images/elements_page/obs_dette.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}




h8#publast {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#publast span {
background: url('../../images/elements_page/pub_last.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pubbp {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pubbp span {
background: url('../../images/elements_page/pub_bp.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceabout {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceabout span {
background: url('../../images/elements_page/ofce_about.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceexecutive {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceexecutive span {
background: url('../../images/elements_page/ofce_executive.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceresearchers {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceresearchers span {
background: url('../../images/elements_page/ofce_researchers.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}
	 
h8#ofceassociate {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceassociate span {
background: url('../../images/elements_page/ofce_associate.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceaffiliate {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceaffiliate span {
background: url('../../images/elements_page/ofce_affiliate.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcedepartments {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcedepartments span {
background: url('../../images/elements_page/ofce_departments.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcestaff {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcestaff span {
background: url('../../images/elements_page/ofce_staff.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofceapply {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofceapply span {
background: url('../../images/elements_page/ofce_apply.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcecontact2 {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcecontact2 span {
background: url('../../images/elements_page/ofce_contact2.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#researchpresage {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#researchpresage span {
background: url('../../images/elements_page/research_presage.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#researchiags {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#researchiags span {
background: url('../../images/elements_page/research_iags.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#researchthreeme {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#researchthreeme span {
background: url('../../images/elements_page/research_threeme.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#previsions {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#previsions span {
background: url('../../images/elements_page/previsions.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#indicfr {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#indicfr span {
background: url('../../images/elements_page/indic_fr.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#indicall {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#indicall span {
background: url('../../images/elements_page/indic_all.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#indicze {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#indicze span {
background: url('../../images/elements_page/indic_ze.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#eurogrowthindic {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#eurogrowthindic span {
background: url('../../images/elements_page/eurogrowthindic.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#frenchenergymonitor {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#frenchenergymonitor span {
background: url('../../images/elements_page/frenchenergymonitor.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#indicenergy {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#indicenergy span {
background: url('../../images/elements_page/indic_energie.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#frenchspeaking {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#frenchspeaking span {
background: url('../../images/elements_page/frenchspeaking.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#events {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#events span {
background: url('../../images/elements_page/events.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#lastpub {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#lastpub span {
background: url('../../images/elements_page/lastpub.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#ofcelesnews {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ofcelesnews span {
background: url('../../images/elements_page/ofce_lesnews.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#pagechercheur {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#pagechercheur span {
background: url('../../images/elements_page/pagechercheur.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


/* Débat Europe
-------------------------------------------------------------------------------------------------------- */
/* Titres */
h8#debateuropebce {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropebce span {
background: url('../../images/elements_page/debateuropebce.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#debateuropebudget {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropebudget span {
background: url('../../images/elements_page/debateuropebudget.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#debateuropeclimat {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropeclimat span {
background: url('../../images/elements_page/debateuropeclimat.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debateurope {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateurope span {
background: url('../../images/elements_page/debateurope.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#debateuropesociale {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropesociale span {
background: url('../../images/elements_page/debateuropesociale.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debateuropestabilite {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropestabilite span {
background: url('../../images/elements_page/debateuropestabilite.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#debateuropecompetitivite {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#debateuropecompetitivite span {
background: url('../../images/elements_page/debateuropecompetitivite.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

/* Images 
---------------------------------------------------------------------------------------------- */
h8#bce {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#bce span {
background: url('../../images/elements_page/bce.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#budget {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#budget span {
background: url('../../images/elements_page/budget.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#climat {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#climat span {
background: url('../../images/elements_page/climat.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#europesociale {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europesociale span {
background: url('../../images/elements_page/europe_sociale.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#stabilite {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#stabilite span {
background: url('../../images/elements_page/stabilite.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#competitivite {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#competitivite span {
background: url('../../images/elements_page/competitivite.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

/*---------------------- EN --------------------------------------------------------------------------------------*/
/* Débate Europe
-------------------------------------------------------------------------------------------------------- */
/* Titres */
h8#europeandebateecb {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebateecb span {
background: url('../../images/elements_page/europeandebateecb.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#europeandebatebudget {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebatebudget span {
background: url('../../images/elements_page/europeandebatebudget.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#europeandebateclimate {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebateclimate span {
background: url('../../images/elements_page/europeandebateclimate.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#europeandebate {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebate span {
background: url('../../images/elements_page/europeandebate.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}


h8#europeandebatesocialeurope {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebatesocialeurope span {
background: url('../../images/elements_page/europeandebatesocialeurope.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#europeandebatestability {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebatestability span {
background: url('../../images/elements_page/europeandebatestability.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#europeandebatecompetitiveness {
height: 50px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#europeandebatecompetitiveness span {
background: url('../../images/elements_page/europeandebatecompetitiveness.png') no-repeat;
display: block;
height: 60px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

/* Images 
---------------------------------------------------------------------------------------------- */
h8#ecb {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#ecb span {
background: url('../../images/elements_page/ecb.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#budget {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#budget span {
background: url('../../images/elements_page/budget.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#climate {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#climate span {
background: url('../../images/elements_page/climate.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#socialeurope {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#socialeurope span {
background: url('../../images/elements_page/social_europe.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#stability {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#stability span {
background: url('../../images/elements_page/stability.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}

h8#competitiveness {
height: 147px;
overflow: hidden;
position: relative;
width: 300px;
}
h8#competitiveness span {
background: url('../../images/elements_page/competitiveness.png') no-repeat;
display: block;
height: 147px;
left: 0;
position: absolute;
top: 0;
width: 968px;
}



/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
/* label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}*/
label, input, textarea, select, button{ resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}label{margin-bottom:5px;}

/* Generalise
--------------------------------------------------------------------------------------------------------------- */
h1,  h5, .heading{margin:0 0 20px 0; font-size:22px; line-height:normal; font-weight:bold;}
h6, .heading{margin:8px 0 0 0; font-size:18px; line-height:normal; font-weight:normal;}
h3, .heading{margin:0 0 0 0; font-size:18px; line-height:normal; font-weight:normal;}
h7, h8, .heading{margin:0 0 0 0; font-size:15px; line-height:normal; font-weight:bold;}
h2, .heading{margin:0 0 0 0; font-size:22px; line-height:normal; font-weight:normal;}

h4 {margin:0 0 0 0; font-size:28px; line-height:normal; font-weight:bold;}
address{font-style:normal; font-weight:normal;}
/*hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}*/
hr, .gros { display:block; width:100%; height:4px; border:solid; border-width:0 0 0 0;}
hr, .fin { display:block; width:100%; height:1px; border:solid; border-width:0 0 0 0;}
.wrapper{display:block; width:100%; margin:0; padding:5px; text-align:left; word-wrap:break-word;}
.centered{display:block; width:100%; margin:0; padding:0; text-align:center; word-wrap:break-word;}
#header, #services, #cta, #ctb, #ctc, #breadcrumb, .container, #footer, #copyright #trait {display:block; margin:0 auto;}

/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}

/* Grid
--------------------------------------------------------------------------------------------------------------- */
.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth, .one_sixth{display:inline-block; float:left; margin:0 0 0 3.06748466257669%; list-style:none;}
.first{margin-left:0; clear:left;}
.one_quarter{width:22.69938650306748%;}
.one_third{width:31.28834355828221%;}
.one_half, .two_quarter{width:48.46625766871166%;}
.two_third{width:65.6441717791411%;}
.three_quarter{width:74.23312883435584%;}
.one_fifth{width:17.400%;}
.one_sixth{width:13.644171775%;}

/* .one_fifth{width:16.800%;} */
/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-10{margin-bottom:10px;}
.btmspace-20{margin-bottom:10px;margin-left:40px;}

/*btn{display:inline-block; padding:10px 20px; border-radius:10px; border-color:#000000; text-transform:uppercase; font-weight:bold;color:#000000;}*/
.btn{display:inline-block; padding:10px 15px; border-radius:10px; border-color:#000000; font-weight:bold;color:#000000;}
.btn.a{}

.btmspace-20{margin-bottom:20px;}
.btmspace-15{margin-bottom:15px;}
.btmspace-30{margin-bottom:30px;}
.btmspace-50{margin-bottom:50px;}
.btmspace-80{margin-bottom:80px;}
.inspace-5{padding:5px;}
.inspace-10{padding:10px;}
.inspace-15{padding:15px;}
.inspace-30{padding:30px;}
.inspace-50{padding:50px;}
.inspace-80{padding:80px;}
.paditout{padding-top:50px;}
/*perso

.element{display:block; width:100%; max-width:320px; padding:15px; border:0;}*/

.element .excerpt{display:block; position:relative; min-height:60px; margin:0 150px; padding:0 0 0 70px;}

.element .excerpt *{margin:0;border-radius: 5px;}

.element .excerpt time{display:block; position:absolute; top:0; left:0; width:60px; height:50px; text-align:center; text-transform:uppercase; font-weight:700;}

.element .excerpt num{display:block; position:absolute; top:0; left:0; width:60px; height:60px; text-align:center; text-transform:uppercase; font-weight:700;}

.element .excerpt time strong{display:block; width:100%; height:20px; line-height:20px; font-size:.85rem;}

.element .excerpt time em{display:block; width:100%; height:30px; line-height:30px; font-size:1.0rem; font-style:normal;}

.element .excerpt num strong{display:block; width:100%; height:20px; line-height:20px; font-size:.85rem;}

.element .excerpt num em{display:block; width:100%; height:30px; line-height:30px; font-size:1.0rem; font-style:normal;}

.element .excerpt num nem{display:block; width:100%; height:20px; line-height:20px; font-size:.85rem; font-style:normal;}
.element .excerpt .heading{margin-bottom:10px; font-size:1.2rem;}