@charset "utf-8";
/*
File: Layout CSS
*/
@import url("fontawesome-4.3.0.min.css");
@import url("custom.flexslider.css");
@import url("framework8_2022.css");
@import url("hide.css");
@import url("calendar.css");
/* Rows
--------------------------------------------------------------------------------------------------------------- */
.row1, .row1 a{}
.row2, .row2 a{}
.row3{border-top:0px solid;}
.row4{border-top:1px solid;}
.row5, .row5 a{}
.row20, .row20 a{}

/* Header
--------------------------------------------------------------------------------------------------------------- */
#header{}
#header #logo{}
#header #logo h1{margin:18px 0 0 0; padding:0; font-size:22px; text-transform:uppercase;}

/* Basic Slider
--------------------------------------------------------------------------------------------------------------- */
.txtoverlay{display:block; position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0; padding:0; white-space:normal;}
.centralise{display:block; max-width:978px; height:100%; margin:0 auto; padding:0;}
.verticalwrap{display:table; width:100%; height:100%; border:none; text-align:center;}
.txtoverlay article{display:table-cell; padding:0; border:none; vertical-align:middle;}
.txtoverlay .heading{font-size:50px; line-height:55px; margin-bottom:30px;}
.txtoverlay .btn{font-size:22px;}
.txtoverlay .pushright{margin-right:25px;}
/* Video
--------------------------------------------------------------------------------------------------------------- */
.videoWrapper {
 position: relative;padding-bottom: 56.25%; /* 16:9 */
 height: 0;
}
.videoWrapper iframe {
/* position: absolute;top: 0;left: 0;width: 80%;height: 80%;*/
 position: absolute;top: 0;left: 200px;width: 50%;height: 50%;
 margin: 0 auto;
}
/* Services
--------------------------------------------------------------------------------------------------------------- */
#services{padding:20px 0 0 0;}

/* imagestitre
#imagestitre{padding:20px 0 0 0;}

/* CTA - Call To Action
--------------------------------------------------------------------------------------------------------------- */
#ctb{padding:10px 10px;}

#ctc{padding:0px 0px;}
#cta{padding:15px 0;}
#ctd{padding:15px 0;}
/*#cta div *{margin:0; padding:0;}*/

#cta div *{margin:0;}
#ctd div *{margin:0;}
/* #cta .btn{text-transform:uppercase;}*/
#cta .heading{text-transform:uppercase;}
#cta .heading{margin-bottom:10px;}
#cta .btn{display:block; padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #f8f8f4;
    padding-left: 5px; border-radius:10px; text-align:center;}
    
#ctb .btn{display:block; padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #000000;
    background-color: #f8f8f4;
    padding-left: 5px; border-radius:10px; text-align:center;}
    
#ctc .btn{display:block; padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 5px;
    color: #000000;
    background-color: #f8f8f4;
    padding-left: 5px; border-radius:10px; text-align:center;}
    
#ctd .heading{text-transform:uppercase;}
#ctd .heading{margin-bottom:10px;}
#ctd .btn{display:block; padding-top: 2px;
#ctd .a{color:#ffffff};
    padding-right: 5px;

    padding-bottom: 5px;

    background-color: #f8f8f4;

    padding-left: 5px; border-radius:10px; text-align:center;}
#ctd .btn{display:block; padding-top: 2px;

    padding-right: 5px;

    padding-bottom: 5px;

    color: #000000;

    background-color: #f8f8f4;

    padding-left: 5px; border-radius:10px; text-align:center;}
    
/* Latest
---------------------------------------------------------------------------------------------------------------*/
.latest{display:block; width:100%; max-width:2000px; margin:0 auto;}
.latest ul{}
.latest ul li{display:block; float:left; width:20%; min-height:100%;}
.latest ul li:first-child, .latest ul li:nth-child(5n+1){margin-left:-1px; clear:left;}
.latest ul li figure{display:block; max-width:100%; border:solid; border-width:0 0 0 1px;}
.latest ul li figure img{width:100%;}
.latest ul li figure figcaption *{margin:0; padding:0;}
.latest a.overlay{display:block; position:relative;}
.latest a::before.overlay{display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
.latest a::after.overlay{display:block; position:absolute; top:50%; left:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; content:"\f0c1"; font-size:18px; text-align:center;}
.latest a::before.overlay, .latest a::after.overlay{opacity:0;}
.latest a:hover::before.overlay, .latest a:hover::after.overlay{opacity:1;}

/* Content Area
--------------------------------------------------------------------------------------------------------------- */
.container{padding:10px 0 0 0;}
.container.nospace{padding-bottom:0}
/* Content */
.container .content{}
/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}
#comments form{display:block; width:100%;}
#comments input, #comments textarea{width:100%; padding:10px; border:1px solid;}
#comments textarea{overflow:auto;}
#comments div{margin-bottom:15px;}
#comments input[type="submit"], #comments input[type="reset"]{display:inline-block; width:auto; min-width:150px; margin:0; padding:8px 5px; cursor:pointer;}
/* Sidebar */
.container .sidebar{}
.sidebar .sdb_holder{margin-bottom:50px;}
.sidebar :last-child.sdb_holder{margin-bottom:0;}

/* Footer
--------------------------------------------------------------------------------------------------------------- */
#footer{padding:20px 0 0 0;}
#footer .title{margin:0 0 0 0; padding:0 0 0 0; border-bottom:1px solid; font-size:16px;}
#footer .linklist li{margin-bottom:10px;}
#footer .linklist li:last-child{margin-bottom:0;}
#footer .smallfont{font-size:.8em; margin:0;}
#footer input, #footer button{border:none; border-radius:15px;}
#footer input{display:block; width:100%; padding:8px;}
#footer button{padding:6px 12px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
/*---------------------------------------------------------------------------------------------------------------*/
/* 3 rubriques avec News*/
.container2021 {
    display: inline-block;
    position: relative;
     padding: 20px 0px 20px 0px;
}
.containerblog2021 {
    display: inline-block;
    position: relative;
     padding: 20px 0px 20px 0px;
     background-color: #ffffff;}
.text2021 {
    background: rgba(0, 0, 0, 41%);
    z-index: 1;
    position: absolute;
    text-align: center;
    font-family:arial;

    margin: 0 auto;
    left: 0;
    right: 0;
    top: 12%;
    color: white;
    width: 90%;
}
.text2021 a{color:#ffffff;}
.text2021 a:hover{color:#E62736;}
.texte2021 {margin: 5; color: #FFFFFF; text-align:left;font-size:16px;line-height: normal;font-family:helvetica, Verdana, Geneva, sans-serif;}

/*---------------------------------------------------------------------------------------------------------------*/


.pavephoto{color:#000000; background-color:#ffffff;height:140px}

/* Rubrique Speciale */
.rubriquespe2{color:#545454; background-color:#ffffff;padding:5px 20px;margin-bottom:0px;margin-top:0px; height:150px;	
	border-left:1px solid; 
	border-right:1px solid;
	border-bottom:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#E62736;
	}
.rubriquespe3{color:#545454; background-color:#ffffff;padding:5px 20px;margin-bottom:0px;margin-top:0px; height:150px;	
	border-left:1px solid; 
	border-right:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#CCCCCC;
	border-bottom-color:#E62736;
	}
.rubriquespe4{color:#545454; background-color:#ffffff;padding:5px 20px;margin-bottom:0px;margin-top:0px; height:150px;	
	border-left:1px solid; 
	border-right:1px solid;
	border-bottom:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	}
.rubriquesperecrute{color:#545454; background-color:#ffffff;padding:5px 20px;margin-bottom:0px;margin-top:0px; height:130px;	
	border-left:1px solid; 
	border-right:1px solid;
	border-bottom:1px solid;
	border-top:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	border-top-color:#E62736;
	}
.rubriquespeimg{background-color:#ffffff;padding:0px 0px;margin-bottom:0px;margin-top:0px;	
	}


/* Publications : revue < 2012, rapports d'activité, gouvernance, statuts, réseaux, nous rejoindre, contact, iags, presage, threeme */
.textpave{color:#545454; background-color:#ffffff;border:1px solid; border-color: #CCCCCC;padding:6px 20px;margin-bottom:6px;margin-top:14px;}
.textpave a{color:#545454;}
.textpave a:hover{color:#E62736;}
.textpavepub{color:#545454; background-color:#ffffff;border:1px solid; border-color: #CCCCCC;padding:6px 20px;margin-bottom:6px;margin-top:14px; height:500px; }
.textpavepub a{color:#545454;}
.textpavepub a:hover{color:#E62736;}
.pavebl{color:#545454; background-color:#ffffff;border: solid 1px transparent;padding:6px 20px;margin-bottom:6px;margin-top:14px;}
.pavebl a{color:#545454;}
.pavebl a:hover{color:#E62736;}
.cacher {display:none;}
/* Publications : abonnements */
.textpaveabo{color:#545454; background-color:#ffffff;border:1px solid; border-color: #CCCCCC;padding:6px 20px;height:280px;margin-bottom:6px;margin-top:6px;}
.textpaveabo a{color:#545454;}
.textpaveabo a:hover{color:#E62736;}

.rouge2{color:#E62736;background-color:#ffffff; margin:0; padding:0; font-size:12px; line-height:1.2em;} 
.textpavefocus{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:2px solid; 
	border-bottom:1px solid;
	border-top-color:#E62736;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	background-color:#FFFFFF;height:330px; padding-left:10px; padding-right:10px; padding-top:14px; padding-bottom:4px}

.textpavefocustest{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:2px solid; 
	border-bottom:1px solid;
	border-top-color:#E62736;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#FFFFFF;
	background-color:#FFFFFF;height:160px; padding-left:10px; padding-right:10px; padding-top:14px; padding-bottom:4px}
	
.textpavefocustest2{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:0px; 
	border-bottom:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	background-color:#FFFFFF;height:170px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:4px}
	
.textpavefocustest3{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:2px solid; 
	border-bottom:1px solid;
	border-top-color:#E62736;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#FFFFFF;
	background-color:#FFFFFF;height:120px; padding-left:10px; padding-right:10px; padding-top:14px; padding-bottom:4px}

.textpavefocustest4{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:2px solid; 
	border-bottom:1px solid;
	border-top-color:#E62736;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	background-color:#FFFFFF;height:290px; padding-left:10px; padding-right:10px; padding-top:14px; padding-bottom:4px;}
	.textpavefocustest4 a:hover{color:#E62736;}

.textpavefocustest5{
	border-left:1px solid; 
	border-right:1px solid;
	border-top:0px; 
	border-bottom:1px solid;
	border-left-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-bottom-color:#CCCCCC;
	background-color:#FFFFFF;height:170px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:4px}
	
.textpaveblog{color:#000000; background-color:#ffffff; height:160px; padding:6px 20px; }
.textpaveblog a{color:#545454;}
.textpaveblog a:hover{color:#E62736;}

/* Présentation revue, séminaires */
.textpaverevue3{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px; margin-bottom:6px;margin-top:6px; }
.textpaverevue3 a{color:red;}

.textpresentation{color:#545454;font-family: helvetica, Verdana, Geneva, sans-serif;font-size:30px; line-height: 1.1em;}
.textpresentation2{color:#545454;font-family: helvetica, Verdana, Geneva, sans-serif;font-size:24px; line-height: 1.1em;}
.textpresid{color:#FFFFFF;font-family: helvetica, Verdana, Geneva, sans-serif;font-size:28px; line-height: 1.1em;}
.textpresidsmall{color:#FFFFFF;font-family: helvetica, Verdana, Geneva, sans-serif;font-size:22px; line-height: 1.1em;}

.textpavepublications{color:#000000; background-color:#fbfbfa;border:1px solid; border-color: #DC8B8A; border-bottom-style:none;height:30px; padding:6px 20px; }
.textpavepublications a{color:#828282;}

/* Publications : dernières pub, archives */
.textpaveblog5{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; height:200px; padding:6px 20px;margin-bottom:6px;margin-top:6px; }
.textpaveblog5 a:hover{color:#E62736;}
.textpaveblog5 a{color:#313131;}

.textpavespecial{color:#ffffff; background-color:#ffffff;border:1px solid;border-color: #CCCCCC;padding:0 0 0 0;height:350px;}
.textpavespecial a{color:#ffffff;}

/* Publications : wp, clair&net, séminaires, lettreold */
.textpavewp2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:150px;margin-bottom:6px;margin-top:6px;}
.textpavewp2 a:hover{color:#E62736;}
.textpavewp2 a{color:#545454;}

/* Publications : pb */
.textpavepolicy2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:300px;margin-bottom:6px;margin-top:6px;}
.textpavepolicy2 a{color:#828282;}
.textpavepolicy2 a:hover{color:#E62736;}

.textpavepolicy3{color:#000000; background-color:#fbfbfa;height:170px;padding:6px 20px; border-color:#DC8B8A;border:1px solid; }
.textpavepolicy3 a{color:#828282;}

/* Publications : revue */
.textpaverevue2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:220px;margin-bottom:6px;margin-top:6px;}
.textpaverevue2 a{color:#545454;}
.textpaverevue2 a:hover{color:#E62736;}

.textpaverevue4{color:#000000; background-color:#04b1dc;border:1px solid; border-color: #04b1dc; height: 80px;padding:6px 20px;}
.textpaveouvrage{color:#000000; background-color:#545454;border:1px solid; border-color: #DC8B8A; padding:6px 20px;height:200px;}
.textpaveouvrage a{color:#ffffff;}

/* Publications : ouvrages */
.textpaveouvrage2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; height:230px;padding:6px 20px;margin-bottom:6px;margin-top:6px;}
.textpaveouvrage2 a{color:#545454;}
.textpaveouvrage2 a:hover{color:#E62736;}
.textpaveouvrage2invi{color:#000000; background-color:#f0f0f1;border:1px solid; border-color: #f0f0f1; height:200px;padding:6px 20px;margin-bottom:6px;margin-top:6px;}

/*videos*/
.textpavenote2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:450px;}
.textpavenote2 a{color:#828282;}
.textpavenote2 a:hover{color:#E62736;}
.textpavelettreold2{color:#000000; background-color:#fbfbfa;border:1px solid; border-color: #DC8B8A; padding:6px 20px;height:200px;}
.textpavelettreold2 a{color:#828282;}
.textpavecnet2{color:#000000; background-color:#fbfbfa;border:1px solid; border-color: #DC8B8A; padding:6px 20px;height:180px;}
.textpavecnet2 a{color:#828282;}
.textpavecop{color:#000000; background-color:#fbfbfa;border:1px solid; border-color: #04b1dc; height:230px; padding:6px 20px; }
.textpavecop a{color:#828282;}
.textpavevideo{color:#000000; background-color:#1A91AD;border:1px solid; border-color: #1A91AD; height: 40px;padding:6px 20px;}
 
/*Page chercheurs*/
.textpavephoto{color:#000000; background-color:#f0f0f1;border:0px;padding:6px 20px;margin-bottom:6px;margin-top:8px;}


.imgh {max-width: 100%;}
/* Copyright
--------------------------------------------------------------------------------------------------------------- */
#copyright{padding:15px 0;}
#copyright *{margin:0; padding:0;}

/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #mainav *, #mainav3 *,#secondnav *, #thirdnav *, .latest ::before, .latest ::after, #backtotop, #gauche1, #gauche2{transition:all .3s ease-in-out;}
/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------ */
/* Navigation
--------------------------------------------------------------------------------------------------------------- */
nav ul, nav ol{margin:0; padding:0; list-style:none;}
#bando {width:100%;}
#bando #gauche {float:left;width:50%;}
#bando #droite {float:right;width:50%;text-align:right;}
/*#bando #droite {margin-left:80%;}*/
#mainav, #mainav3, #breadcrumb, #secondnav, #thirdnav .sidebar nav{line-height:normal;}
#mainav {font-size:14px;font-weight:bold;}
#mainav ::after.drop, #mainav li li ::after.drop, #secondnav ::after.drop, #secondnav li li ::after.drop, #thirdnav ::after.drop, #thirdnav li li ::after.drop, #breadcrumb li a::after, .sidebar nav a::after{position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;font-weight:normal;}
#mainav3 {font-size:15px;font-weight:bold;}

/* Top Navigation */
#mainav{}
#mainav ul{text-transform:uppercase;}
#mainav ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;font-weight:normal;}
#mainav ul ul ul{left:160px; top:0;}
#mainav li{display:inline-block; position:relative; margin:0 0px 0 0; padding:0;}
#mainav li:last-child{margin-right:0;}
#mainav li li{width:100%; margin:0;}
#mainav li a{display:block; padding:20px 0;}
#mainav li li a{border:solid; border-width:0 0 1px 0;}
#mainav .drop{padding-left:15px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav ::after.drop, #mainav li li ::after.drop{content:"\f0d7";}
#mainav ::after.drop{top:25px; left:5px;}
#mainav li li ::after.drop{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}
#mainav form{display:none; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:1px solid;}
#mainav form select option{margin:5px; padding:0; border:none;}

#mainav3{}
#mainav3 ul{text-transform:uppercase;}
#mainav3 ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;font-weight:normal;}
#mainav3 ul ul ul{left:160px; top:0;}
#mainav3 li{display:inline-block; position:relative; margin:0 20px 0 0; padding:0px;color: #000000;background-color:#ffffff;}
#mainav3 li:last-child{margin-right:0;}
#mainav3 li li{width:100%; margin:0;}
#mainav3 li a{display:block; padding: 0;}
#mainav3 li li a{border:solid; border-width:0 0 1px 0;}
#mainav3 .drop{padding-left:15px;}
#mainav3 li li a, #mainav3 li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav3 ::after.drop, #mainav3 li li ::after.drop{content:"\f0d7";}
#mainav3 ::after.drop{top:25px; left:5px;}
#mainav3 li li ::after.drop{top:15px; left:5px;}
#mainav3 ul ul{visibility:hidden; opacity:0;}
#mainav3 ul li:hover > ul{visibility:visible; opacity:1;}
#mainav3 form{display:none; margin:0; padding:0;}
#mainav3 form select, #mainav3 form select option{display:block; cursor:pointer; outline:none;}
#mainav3 form select{width:100%; padding:5px; border:1px solid;}
#mainav3 form select option{margin:5px; padding:0; border:none;}






#secondnav{}
/*#secondnav ul{text-transform:uppercase;}*/
#secondnav ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;}
#secondnav ul ul ul{left:160px; top:0;}
#secondnav li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;}
#secondnav li:last-child{margin-right:0;}
#secondnav li li{width:100%; margin:0;}
#secondnav li a{display:block; padding:0 0;}
#secondnav li li a{border:solid; border-width:0 0 1px 0;}
#secondnav .drop{padding-left:15px;}
#secondnav .activ{padding-left:15px;color:#888888}
#secondnav li li a, #secondnav li li .drop{display:block; margin:0; padding:0 0;}
#secondnav ::after.drop, #secondnav li li ::after.drop{content:"\f0d7";}
#secondnav ::after.drop{top:25px; left:5px;}
#secondnav li li ::after.drop{top:15px; left:5px;}
#secondnav ul ul{visibility:hidden; opacity:0;}
#secondnav ul li:hover > ul{visibility:visible; opacity:1;}
#secondnav form{display:none; margin:0; padding:0;}
#secondnav form select, #secondnav form select option{display:block; cursor:pointer; outline:none;color:#888888;}
#secondnav form select{width:100%; padding:5px; border:1px solid;}
#secondnav form select option{margin:5px; padding:0; border:none;}

#nav{}
#thirdnav .activ{padding-left:15px;color:#888888;}
/*#thirdnav ul{text-transform:uppercase;}*/
#thirdnav ul ul{z-index:9999; position:absolute; width:200px; text-transform:none;}
#thirdnav ul ul ul{left:60px; top:0;}
#thirdnav li{display:inline-block; position:relative; margin:0 30px 0 0; padding:0;}
#thirdnav li:last-child{margin-right:0;}
#thirdnav li li{width:100%; margin:0;}
#thirdnav li a{display:block; padding:0 0;}
#thirdnav li li a{border:solid; border-width:0 0 1px 0;}
#thirdnav .drop{padding-left:15px;;}
#thirdnav li li a, #thirdnav li li .drop{display:block; margin:0; padding:0 0;}
#thirdnav ::after.drop, #thirdnav li li ::after.drop{content:"\f0d7";}
#thirdnav ::after.drop{top:25px; left:5px;}
#thirdnav li li ::after.drop{top:15px; left:5px;}
#thirdnav ul ul{visibility:hidden; opacity:0;}
#thirdnav ul li:hover > ul{visibility:visible; opacity:1;}
#thirdnav form{display:none; margin:0; padding:0;}
#thirdnav form select, #thirdnav form select option{display:block; cursor:pointer; outline:none;color:#888888;}
#thirdnav form select{width:100%; padding:5px; border:1px solid;}
#thirdnav form select option{margin:5px; padding:0; border:none;}

#mainav2{}
#mainav2 ul ul{z-index:9999; position:absolute; width:160px; text-transform:none;}
#mainav2 ul ul ul{left:160px; top:0;}
#mainav2 li{display:inline-block; position:relative; margin:0 10px 0 0; padding:0;}
#mainav2 li:last-child{margin-right:0;}
#mainav2 li li{width:100%; margin:0;}
#mainav2 li a{display:block; padding:20px 0;}
#mainav2 li li a{border:solid; border-width:0 0 1px 0;}
#mainav2 li li a, #mainav2 li li .drop{display:block; margin:0; padding:0 15px;}
#mainav2 ::after.drop, #mainav2 li li ::after.drop{content:"\f0d7";}
#mainav2 ::after.drop{top:25px; left:5px;}
#mainav2 li li ::after.drop{top:15px; left:5px;}
#mainav2 ul ul{visibility:hidden; opacity:0;}
#mainav2 ul li:hover > ul{visibility:visible; opacity:1;}
#mainav2 form{display:none; margin:0; padding:0;}
#mainav2 form select, #mainav2 form select option{display:block; cursor:pointer; outline:none;}
#mainav2 form select{width:100%; padding:5px; border:1px solid;}
#mainav2 form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
#breadcrumb{padding:15px 0; border-top:1px solid;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-align:right;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:3px; right:0; content:"\f101";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
/* Sidebar Navigation */
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:9px; left:5px; content:"\f101";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}
/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}
/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#gauche1{z-index:999; display:inline-block; bottom:20px; right:20px; width:26px; height:26px; line-height:26px; border-radius:5px; font-size:10px; text-align:center; opacity:.2;}
#gauche1 i{display:block; width:100%; height:100%; line-height:inherit;}
#gauche2{z-index:999; display:inline-block; bottom:20px; right:20px; width:26px; height:26px; line-height:26px; border-radius:5px; font-size:10px; text-align:center; }
#gauche2 i{display:block; width:100%; height:100%; line-height:inherit;}
.visible#backtotop{visibility:visible; opacity:.5;}
:hover#backtotop{opacity:1;}
.visible#gauche1{visibility:visible; opacity:.5;}
:hover#gauche1{opacity:1;}
.visible#gauche2{visibility:visible; opacity:1;}
:hover#gauche2{opacity:1;}

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:0px; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}

/* Gallery
--------------------------------------------------------------------------------------------------------------- */
#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}

/* Font Awesome Social Icons
--------------------------------------------------------------------------------------------------------------- */
.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:0 2px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:30px; height:30px; line-height:30px; border-radius:5px; font-size:16px; text-align:center;}
.faico a{color:inherit; background-color:#EBEBEB;}
.faico a:hover{color:#FFFFFF;}
.faicon-facebook{color:#3366FF;}

.faicon-search{color:#3366FF;}
:hover.faicon-facebook{background-color:#3366FF;}
:hover.faicon-google-plus{background-color:#DB4A39;}
:hover.faicon-instagram{background-color:#3F729B;}
:hover.faicon-linkedin{background-color:#0E76A8;}
:hover.faicon-tumblr{background-color:#34526F;}
:hover.faicon-twitter{background-color:#54bbc2;}
:hover.faicon-envelop{background-color:#00ACEE;}
:hover.faicon-lock{background-color:#00ACEE;}

:hover.faicon-search{background-color:#54bbc2;}
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#515151; background-color:#FFFFFF;}
/*a{color:#96AFAA;} */
a{color:#545454;}
a:hover{color:#E62736;}
hr, .borderedbox{border-color:#c7c2c2;}
.borderpub{border-color:#000000;}
label span{color:#FF0000; background-color:inherit;}
.icon{color:#FFFFFF; background-color:#000000;}
.icon.nobg{color:inherit; background-color:inherit; border-color:#D7D7D7;}
.red{background-color:#DC8B8A;}
.orange{background-color:#EC9700;}
.green{background-color:#A7DFC4;}
.flexslider .heading, .flexslider .btn{color:#FFFFFF;}
span.rouge5 {
    color: #E62736;font-weight:bold;
}

h1, .heading{color:#FFFFFF; border-color:inherit;}
h1, .a{color:#ffffff;}
h2, h3, h4, h6, h7, h8, .heading{color:#545454; border-color:inherit;}
h5, .heading{color:#ffffff; border-color:inherit;}
h3, .a{color:#545454;}
/* Rows */
.row1, .row1 a{color:#545454; background-color:#ffffff;}
.row2{color:#888888; background-color:#cecccc;}
.row22{color:#888888; background-color:#E62736;}/*Home version mobile */
.row3{color:#888888;}
	background-size: auto;}
.row4{color:#888888; background-color:#FFFFF; border-color:#EBEBEB;}
.row5 {color:#FFFFFF; background-image:url(../../images/elements_page/fond4.png);}
.row55 {color:#FFFFFF; background-color:#E62736;}
.row55 a{color:#FFFFFF; background-color:#E62736;}
.row6, .row6 a{color:#FFFFFF; background-color:#55acdc;}/*Page Publications*/
.row61, .row61 a{color:#FFFFFF; background-color:#E62736;}/*Page OFCE*/
.row62, .row62 a{color:#FFFFFF; background-color:#263169;}/*Séminaires*/
.row63, .row63 a{color:#FFFFFF; background-color: #62d6de;}/*Medias*/
.row64, .row64 a{color:#FFFFFF; background-color: #f8a102;background-image:url(../../images/elements_page/fond64.png);}/*Indic&prev*/
.row7{color:#888888; background-color:#f0f0f1;}
.row77{color:#000000; background-color:#f0f0f1;} /*page ragot*/
.row8, .row8 a{color:#E62736; background-color:#f8f8f4;} /*Blog*/
.row9, .row9 a{color:#FFFFFF; background-color:#55acdc;} /*Actu */
.row10, .row10 a{color:#FFFFFF; background-color:#55acdc;} /*Publications */
.row11, .row11 a{color:#FFFFFF; background-color:#54bbc2;background-image:url(../../images/elements_page/fond11.png);} /*Presse */
.row12{color:#888888; background-color:#F1F1F1;}/*Rubrique spéciale */
.row20 {color:#FFFFFF; background-image:url(../../images/elements_page/fond_presid.png);}
.row30 {color:#FFFFFF; background-image:url(../../images/elements_page/legislatives.png);}

.toggle, toggle a{color:#888888; background-color:#ffffff; border-color:#FFFFFF;}
.toggle2, toggle2 a{color:#888888; background-color:#f0f0f1; border-color:#f0f0f1;}
.toggle3, toggle3 a{color:#888888; background-color:#ffffff; border-color:#f8f8f4;}
.row68, .row68 a{color:#E62736; background-color: #ffffff;background-image:url(../../images/elements_page/trait.png);}/*Rubrique spéciale*/
/* CTA - Call To Action */
#cta .heading{color:inherit;}
#ctb .heading{color:#FFFFFF;}

#ctc .heading{color:#FFFFFF;}
#ctd .heading{color:inherit;}

/* Latest */
.latest ul li figure{border-color:#EBEBEB;}
.latest a::before.overlay{background-color:rgba(0,0,0,.5);}
.latest a::after.overlay{color:#FFFFFF; background-color:#96AFAA;}

/* Footer */
#footer .title{border-color:#EBEBEB;}
#footer input{color:#888888; background-color:#EBEBEB;}
#footer button{color:#FFFFFF; background-color:#DC8B8A;}

/* Navigation */
#mainav li a{color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a{color:#E62736; background-color:inherit;}
#mainav li li a, #mainav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav li li:hover > a, #mainav .active .active > a{color:#FFFFFF; background-color:#E62736;}
#mainav form select{border-color:#D7D7D7;}
#secondnav li a{color:inherit;}
#secondnav .active a, #secondnav a:hover, #mainav li:hover > a{color:#E62736; background-color:inherit;}
#secondnav li li a, #secondnav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#secondnav li li:hover > a, #secondnav .active .active > a{color:#FFFFFF; background-color:#E62736;}
#secondnav form select{border-color:#D7D7D7;}
#thirdnav li a{color:inherit;}
#thirdnav .active a, #thirdnav a:hover, #mainav li:hover > a{color:#E62736; background-color:inherit;}
#thirdnav li li a, #thirdnav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#thirdnav li li:hover > a, #thirdnav .active .active > a{color:#FFFFFF; background-color:#E62736;}
#thirdnav form select{border-color:#D7D7D7;}

#mainav2 li a{color:inherit;}
#mainav2 .active a, #mainav2 a:hover, #mainav2 li:hover > a{color:#E62736; background-color:inherit;}
#mainav2 li li a, #mainav2 .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav2 li li:hover > a, #mainav2 .active .active > a{color:#FFFFFF; background-color:#E62736;}
#mainav2 form select{border-color:#D7D7D7;}

.gris{background-color:#e4e4e4;}


#mainav3 li a{color:inherit;}
#mainav3 .active a, #mainav3 a:hover, #mainav3 li:hover > a{color:#ffffff; background-color:#E62736;padding:10px;border-radius:8px;}
#mainav3 li li a, #mainav3 .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#mainav3 li li:hover > a, #mainav3 .active .active > a{color:#FFFFFF; background-color:#E62736;}
#mainav3 form select{border-color:#D7D7D7;}
#breadcrumb{border-color:#EBEBEB;}
#breadcrumb a{color:inherit; background-color:inherit;}
#breadcrumb li:last-child a{color:#96AFAA;}
.container .sidebar nav a{color:inherit; border-color:#D7D7D7;}
.container .sidebar nav a:hover{color:#96AFAA;}
.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current{color:#FFFFFF; background-color:#96AFAA;}
#backtotop{color:#FFFFFF; background-color:#DC8B8A;}
#gauche1{color:#FFFFFF; background-color:red;}
#gauche2{color:#FFFFFF; background-color:red;}

/* Tables + Comments 
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#545454; background-color:#FFFFFF;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}*/

/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}

/* Smartphone + Tablet

--------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	h3 {font-size: 16px;}
	.fl_left, .fl_right{display:block; float:none;}

	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter, .one_fifth, .one_sixth{display:block; float:none; width:auto; margin:0 0 0 0; padding:0;}
 	.text2021 {font-size:14px; margin-top:20%;}
 	.container2021 {padding: 100px 0px 20px 0px;}


	/*#header{text-align:center;}*/

	#header #logo h1{margin:0 0 15px 0;}

	#cta #ctb #ctc #ctd {padding-bottom:0;}

	#footer{padding-bottom:20px;}

	hr, .fin {display:none;}
	
	h8#ukraine span {display:none;}
	h8#debtwatch span {display:none;}
	h8#covid span {display:none;}
	h8#blog span {display:none;}
	h8#actualite span {display:none;}
	h8#focus span {display:none;}
	h8#parutions span {display:none;}
	h8#rendezvous span {display:none;}
	h8#rendezvous2 span {display:none;}
	h8#parutions2 span {display:none;}
	h8#debat span {display:none;}
	h8#publicationsuk span {display:none;}
	h8#eventsuk span {display:none;}

	h8#ofceapropos span {display:none;}
	h8#ofcecd span {display:none;}
	h8#ofcechercheurs span {display:none;}
	h8#ofceassocies span {display:none;}
	h8#ofceaffilies span {display:none;}
	h8#ofcedep span {display:none;}
	h8#ofceadmin span {display:none;}
	h8#ofcereseaux span {display:none;}
	h8#ofcerapports span {display:none;}
	h8#ofcerejoindre span {display:none;}
	h8#ofcecontact span {display:none;}
	h8#ofceiags span {display:none;}
	h8#ofceiases span {display:none;}
	h8#ofcepresage span {display:none;}
	h8#ofcethreeme span {display:none;}
	h8#ofcementions span {display:none;}
	
	h8#pubabonnements span {display:none;}
	h8#publettre span {display:none;}
	h8#pubchercheurs span {display:none;}
	h8#pubofce span {display:none;}
	h8#pubpb span {display:none;}
	h8#pubwp span {display:none;}
	h8#pubrevue span {display:none;}
	h8#pubdernieres span {display:none;}

	h8#semofce span {display:none;}
	h8#lunchsem span {display:none;}

	h8#mediacom span {display:none;}
	h8#mediavideo span {display:none;}
	h8#mediapresse span {display:none;}

	h8#archrdv span {display:none;}
	h8#archdebat span {display:none;}
	
	h8#archpresid span {display:none;}
	h8#archcop span {display:none;}
	h8#archeval span {display:none;}
	h8#archnote span {display:none;}
	h8#archcn span {display:none;}
	h8#archlettres span {display:none;}
	h8#grandebat span {display:none;}
	h8#conferences span {display:none;}
	h8#workshops span {display:none;}
	
	h8#publast span {display:none;}
	h8#pubbp span {display:none;}
	
	h8#ofceabout span {display:none;}
	h8#ofceexecutive span {display:none;}
	h8#ofceresearchers span {display:none;}
	h8#ofceassociate span {display:none;}
	h8#ofceaffiliate span {display:none;}
	h8#ofcedepartments span {display:none;}
	h8#ofcestaff span {display:none;}
	h8#ofceapply span {display:none;}
	h8#ofcecontact2 span {display:none;}

	h8#researchpresage span {display:none;}
	h8#researchiags span {display:none;}
	h8#researchthreeme span {display:none;}

	h8#previsions span {display:none;}
	h8#indicfr span {display:none;}
	h8#indicall span {display:none;}
	h8#indicze span {display:none;}
	h8#eurogrowthindic span {display:none;}
	h8#frenchenergymonitor span {display:none;}
	h8#indicenergy span {display:none;}
	h8#frenchspeaking span {display:none;}

	h8#events span {display:none;}
	h8#lastpub span {display:none;}

	h8#ofcelesnews span {display:none;}
	
	h8#pagechercheur span {display:none;}
	
	h8#debateurope span {display:none;}
	h8#debateuropebce span {display:none;}
	h8#debateuropebudget span {display:none;}
	h8#debateuropeclimat span {display:none;}
	h8#debateuropesociale span {display:none;}
	h8#debateuropestabilite span {display:none;}
	h8#debateuropecompetitivite span {display:none;}
	
	h8#bce span {display:none;}
	h8#budget span {display:none;}
	h8#climat span {display:none;}
	h8#europesociale span {display:none;}
	h8#stabilite span {display:none;}
	h8#competitivite span {display:none;}

	h8#europeandebate span {display:none;}
	h8#europeandebateecb span {display:none;}
	h8#europeandebatebudget span {display:none;}
	h8#europeandebateclimate span {display:none;}
	h8#europeandebatesocialeurope span {display:none;}
	h8#europeandebatestability span {display:none;}
	h8#europeandebatecompetitiveness span {display:none;}

	h8#ecb span {display:none;}
	h8#budget_en span {display:none;}
	h8#climate span {display:none;}
	h8#socialeurope span {display:none;}
	h8#stability span {display:none;}
	h8#competitiveness span {display:none;}

	img{max-width: 40%;}
	.img5{max-width: 40%;}
	.img4{display:none;}


	#imagestitre {display: none;}

	.basicslider .heading{font-size:22px; line-height:20px; margin-bottom:15px;}

}

@media screen and (min-width:180px) and (max-width:900px) {

	#header, #services, #imagestitre, #cta, #ctb, #ctc, #ctd, #breadcrumb, .container, #footer, #copyright{max-width:90%;}

	#header{padding:15px 0;}

	#header #logo h1{margin-top:5px;}

	.basicslider .heading{font-size:18px; line-height18px; margin-bottom:15px;}
	.basicslider .btn{padding:0 0 0 0;font-size:14px;}

	#services{padding-bottom:5px;}
	#imagestitre{padding-bottom:5px;}
	#cta{}
	#mainav{}
	#mainav .drop{color:red; font-weight:bold;}

	#mainav ul{display:none;}

	#mainav form{display:block;}

	

	#secondnav{}

	#secondnav ul{display:none;}

	#secondnav form{display:block;}
	#thirdnav{}

	#thirdnav ul{display:none;}

	#thirdnav form{display:block;}
	#mainav2 li a{display:block; padding:0 0;}
	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}

	.pagination li{display:inline-block; margin:0 5px 5px 0;}
	#footer{}
	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
	h8#ukraine span {display:none;}
	h8#debtwatch span {display:none;}
	h8#covid span {display:none;}
	h8#blog span {display:none;}
	h8#actualite span {display:none;}
	h8#focus span {display:none;}
	h8#parutions span {display:none;}
	h8#rendezvous span {display:none;}
	h8#rendezvous2 span {display:none;}
	h8#parutions2 span {display:none;}
	h8#debat span {display:none;}
	h8#publicationsuk span {display:none;}
	h8#eventsuk span {display:none;}
	
	h8#ofceapropos span {display:none;}
	h8#ofcecd span {display:none;}
	h8#ofcechercheurs span {display:none;}
	h8#ofceassocies span {display:none;}
	h8#ofceaffilies span {display:none;}
	h8#ofcedep span {display:none;}
	h8#ofceadmin span {display:none;}
	h8#ofcereseaux span {display:none;}
	h8#ofcerapports span {display:none;}
	h8#ofcerejoindre span {display:none;}
	h8#ofcecontact span {display:none;}
	h8#ofceiags span {display:none;}
	h8#ofceiases span {display:none;}
	h8#ofcepresage span {display:none;}
	h8#ofcethreeme span {display:none;}
	h8#ofceiags span {display:none;}
	h8#ofceiases span {display:none;}
	h8#ofcepresage span {display:none;}
	h8#ofcethreeme span {display:none;}
	h8#ofcementions span {display:none;}
	
	h8#pubabonnements span {display:none;}
	h8#publettre span {display:none;}
	h8#pubchercheurs span {display:none;}
	h8#pubofce span {display:none;}
	h8#pubpb span {display:none;}
	h8#pubwp span {display:none;}
	h8#pubrevue span {display:none;}
	h8#pubdernieres span {display:none;}

	h8#semofce span {display:none;}
	h8#lunchsem span {display:none;}
	
	h8#mediacom span {display:none;}
	h8#mediavideo span {display:none;}
	h8#mediapresse span {display:none;}

	h8#archrdv span {display:none;}
	h8#archdebat span {display:none;}
	
	h8#archpresid span {display:none;}
	h8#archcop span {display:none;}
	h8#archeval span {display:none;}
	h8#archnote span {display:none;}
	h8#archcn span {display:none;}
	h8#archlettres span {display:none;}
	h8#grandebat span {display:none;}
	h8#conferences span {display:none;}
	h8#workshops span {display:none;}
	
	h8#obsdette span {display:none;}
	
	h8#publast span {display:none;}
	h8#pubbp span {display:none;}
	
	h8#ofceabout span {display:none;}
	h8#ofceexecutive span {display:none;}
	h8#ofceresearchers span {display:none;}
	h8#ofceassociate span {display:none;}
	h8#ofceaffiliate span {display:none;}
	h8#ofcedepartments span {display:none;}
	h8#ofcestaff span {display:none;}
	h8#ofceapply span {display:none;}
	h8#ofcecontact2 span {display:none;}

	h8#researchpresage span {display:none;}
	h8#researchiags span {display:none;}
	h8#researchiases span {display:none;}
	h8#researchthreeme span {display:none;}
	h8#ofcementions span {display:none;}

	h8#previsions span {display:none;}
	h8#indicfr span {display:none;}
	h8#indicall span {display:none;}
	h8#indicze span {display:none;}
	h8#eurogrowthindic span {display:none;}
	h8#frenchenergymonitor span {display:none;}
	h8#indicenergy span {display:none;}
	h8#frenchspeaking span {display:none;}

	h8#events span {display:none;}
	h8#lastpub span {display:none;}
	
	h8#ofcelesnews span {display:none;}
	
	h8#pagechercheur span {display:none;}
	
	h8#debateurope span {display:none;}
	h8#debateuropebce span {display:none;}
	h8#debateuropebudget span {display:none;}
	h8#debateuropeclimat span {display:none;}
	h8#debateuropesociale span {display:none;}
	h8#debateuropestabilite span {display:none;}
	h8#debateuropecompetitivite span {display:none;}
	
	h8#bce span {display:none;}
	h8#budget span {display:none;}
	h8#climat span {display:none;}
	h8#europesociale span {display:none;}
	h8#stabilite span {display:none;}
	h8#competitivite span {display:none;}


	h8#europeandebate span {display:none;}
	h8#europeandebateecb span {display:none;}
	h8#europeandebatebudget span {display:none;}
	h8#europeandebateclimate span {display:none;}
	h8#europeandebatesocialeurope span {display:none;}
	h8#europeandebatestability span {display:none;}
	h8#europeandebatecompetitiveness span {display:none;}

	h8#ecb span {display:none;}
	h8#budget_en span {display:none;}
	h8#climate span {display:none;}
	h8#socialeurope span {display:none;}
	h8#stability span {display:none;}
	h8#competitiveness span {display:none;}

	.rubriquespeimg {display: none;}
	.textpavefocustest2 {display: none;}

	#imagestitre {display: none;}
	img{max-width: 30%;}
	.img5{display:none;}
	.img2{display:none;}

}

/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1280px) {

	#header, #services, #cta, #ctb, #ctc, #ctd, #breadcrumb, .container, #footer, #copyright{max-width:1280px;}

}
/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {

.textpaverevue2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:200px;margin-bottom:6px;margin-top:6px;}
.textpaveblog5{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; height:150px; padding:6px 20px;margin-bottom:6px;margin-top:6px; }
.textpaveblog5 a:hover{color:#E62736;}
.textpavewp2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; padding:6px 20px;height:150px;margin-bottom:6px;margin-top:6px;}
.textpaveabo{color:#545454; background-color:#ffffff;border:1px solid; border-color: #CCCCCC;padding:6px 20px;height:400px;margin-bottom:4px;}
.textpaveouvrage2{color:#000000; background-color:#ffffff;border:1px solid; border-color: #CCCCCC; height:400px;padding:6px 20px;}
	#ctb{padding:0 0;}

	#ctc{padding:0 0;}

	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}

	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	/*.basicslider .txtoverlay{display:none}*/

	.videoWrapper iframe {width: 40%;height: 40%; left: 100px;}

	.videoWrapper {text-align:center;}

	.latest{width:90%; max-width:none; padding:30px 0;}

	.latest ul li{float:none; width:auto; margin:0 0 30px 0;}

	.latest ul li:last-child{margin:0;}

	.latest ul li figure{display:inline-block; border-width:0 1px 1px 1px;}

	.latest ul li figure img{width:100%;}

	.latest ul li figure figcaption{padding:15px 30px;}

	hr, .fin, .gros {display:none;}
	/*img {display:none;}*/
	h8#ukraine span {display:none;}
	h8#debtwatch span {display:none;}
	h8#covid span {display:none;}
	h8#blog span {display:none;}
	h8#actualite span {display:none;}
	h8#focus span {display:none;}
	h8#parutions span {display:none;}
	h8#rendezvous span {display:none;}
	h8#rendezvous2 span {display:none;}
	h8#parutions2 span {display:none;}
	h8#debat span {display:none;}
	h8#publicationsuk span {display:none;}
	h8#eventsuk span {display:none;}

	h8#ofceapropos span {display:none;}
	h8#ofcecd span {display:none;}
	h8#ofcechercheurs span {display:none;}
	h8#ofceassocies span {display:none;}
	h8#ofceaffilies span {display:none;}
	h8#ofcedep span {display:none;}
	h8#ofceadmin span {display:none;}
	h8#ofcereseaux span {display:none;}
	h8#ofcerapports span {display:none;}
	h8#ofcerejoindre span {display:none;}
	h8#ofcecontact span {display:none;}
	h8#ofceiags span {display:none;}
	h8#ofceiases span {display:none;}
	h8#ofcepresage span {display:none;}
	h8#ofcethreeme span {display:none;}
	h8#ofcementions span {display:none;}

	h8#pubabonnements span {display:none;}
	h8#publettre span {display:none;}
	h8#pubchercheurs span {display:none;}
	h8#pubofce span {display:none;}
	h8#pubpb span {display:none;}
	h8#pubwp span {display:none;}
	h8#pubrevue span {display:none;}
	h8#pubdernieres span {display:none;}

	h8#semofce span {display:none;}
	h8#lunchsem span {display:none;}
	
	h8#mediacom span {display:none;}
	h8#mediavideo span {display:none;}
	h8#mediapresse span {display:none;}

	h8#archrdv span {display:none;}
	
	h8#archpresid span {display:none;}
	h8#archcop span {display:none;}
	h8#archeval span {display:none;}
	h8#archnote span {display:none;}
	h8#archcn span {display:none;}
	h8#archlettres span {display:none;}
	h8#grandebat span {display:none;}
	h8#conferences span {display:none;}
	h8#workshops span {display:none;}

	h8#archdebat span {display:none;}
	
	h8#publast span {display:none;}
	h8#pubbp span {display:none;}

	h8#ofceabout span {display:none;}
	h8#ofceexecutive span {display:none;}
	h8#ofceresearchers span {display:none;}
	h8#ofceassociate span {display:none;}
	h8#ofceaffiliate span {display:none;}
	h8#ofcedepartments span {display:none;}
	h8#ofcestaff span {display:none;}
	h8#ofceapply span {display:none;}
	h8#ofcecontact2 span {display:none;}

	h8#researchpresage span {display:none;}
	h8#researchiags span {display:none;}
	h8#researchiases span {display:none;}
	h8#researchthreeme span {display:none;}

	h8#previsions span {display:none;}
	h8#indicfr span {display:none;}
	h8#indicall span {display:none;}
	h8#indicze span {display:none;}
	h8#eurogrowthindic span {display:none;}
	h8#frenchenergymonitor span {display:none;}
	h8#indicenergy span {display:none;}
	h8#frenchspeaking span {display:none;}

	h8#events span {display:none;}
	h8#lastpub span {display:none;}

	h8#ofcelesnews span {display:none;}
	
	h8#pagechercheur span {display:none;}

	
	h8#debateurope span {display:none;}
	h8#debateuropebce span {display:none;}
	h8#debateuropebudget span {display:none;}
	h8#debateuropeclimat span {display:none;}
	h8#debateuropesociale span {display:none;}
	h8#debateuropestabilite span {display:none;}
	h8#debateuropecompetitivite span {display:none;}
	
	h8#bce span {display:none;}
	h8#budget span {display:none;}
	h8#climat span {display:none;}
	h8#europesociale span {display:none;}
	h8#stabilite span {display:none;}
	h8#competitivite span {display:none;}

	h8#europeandebate span {display:none;}
	h8#europeandebateecb span {display:none;}
	h8#europeandebatebudget span {display:none;}
	h8#europeandebateclimate span {display:none;}
	h8#europeandebatesocialeurope span {display:none;}
	h8#europeandebatestability span {display:none;}
	h8#europeandebatecompetitiveness span {display:none;}

	h8#ecb span {display:none;}
	h8#budget_en span {display:none;}
	h8#climate span {display:none;}
	h8#socialeurope span {display:none;}
	h8#stability span {display:none;}
	h8#competitiveness span {display:none;}
.cacher  {display:block;}


	#imagestitre {display: none;}
		img{max-width: 30%;}
		.img5{max-width: 30%;}
}
/* Perso

--------------------------------------------------------------------------------------------------------------- */

.pub{color:#000099;}

.blog{color:#000099;}

.bigag{color:#54bbc2;font-size:20px;}

.bigpub{color:#000099;font-size:20px;}

.bigblue{color:#001E7B;font-size:20px;}

.bigvert{color:#006600;font-size:20px;}

.bigbluec{color:#3366FF;font-size:20px;}

.bigmarron{color:#CC6600;font-size:20px;}

.bigrouge{color:#E62736;font-size:20px;}

.biggris{color:#496D6D;font-size:20px;}

.bigwhite{color:#FFFFFF;font-size:20px;}

.bigorange{color:#f78344;font-size:20px;}

.bigbluemedia{color:#62d6de; font-size:20px;}

.biggreenofce{color:#125F4F; font-size:20px;}

.revueblue{color:#0f537f; font-size:20px;font-weight: bold; font-family: helvetica, Verdana, Geneva, sans-serif;}

.bigmarronprev{color:#f8a102; font-size:18px;}

.indictab{color:#a50707; font-size:14px;font-weight:bold}
.eurostat{color:#00bcd4; font-size:14px;font-weight:bold}

.indicinsee{color:#0796a9; font-size:14px;font-weight:bold}

.prev {color: #000; text-align:justify; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:8px}

.article{margin: 0 0 0 0;text-align:justify}

.titrearticle {margin: 0 0 0 0; color: #545454;text-transform:uppercase; font-size:16px;}

.titre2 {margin: 0 0 0 0; color: #545454;font-size:22px;font-weight:bold;}

.titre3 {margin: 0 0 0 0; color: #000000;font-size:26px;font-weight:bold;padding-bottom:3px;font-family:helvetica, Verdana, Geneva, sans-serif; }
.titre3s {margin: 0 0 0 0; color: #000000;font-size:26px;font-weight:bold;padding-bottom:3px;font-family:helvetica, Verdana, Geneva, sans-serif; text-decoration: underline; text-decoration-color: red; }
.titre4 {margin: 0 0 0 0; color: #E62736;font-size:22px;font-weight:bold;padding-bottom:3px; }
.titre4 a{color: #E62736;}
.titre44 {margin: 0 0 0 0; color: #ffffff;font-size:22px;font-weight:bold;padding-bottom:3px; }

.titre5 {margin: 0 0 0 0; color: #DC8B8A;font-size:15px;padding-bottom:3px; }
.titre6 {margin: 0 0 0 0; color: #000000;font-size:22px;font-weight:bold;padding-bottom:3px; }
.titresem {margin: 0 0 0 0; color: #123a84;font-size:22px;font-weight:bold;padding-bottom:3px; }
.titresem a{color: #123a84;}
.titrepresse {margin: 0 0 0 0; color: #126e84;font-size:22px;font-weight:bold;padding-bottom:3px; }
.titrepresse a{color: #126e84;}
.titreindic {margin: 0 0 0 0; color: #b17319;font-size:22px;font-weight:bold;padding-bottom:3px; }
.titreindic a{color: #b17319;}

.ouvrage {margin: 0; color: #545454; text-align:justify;}
.ouvrage a:hover{color:#E62736;}
.ouvrage a{color:#545454;}
.ouvrageleft {margin: 0; color: #545454; text-align:left;}
.ouvrageleft a:hover{color:#E62736;}
.ouvrageleft a{color:#545454;}
.ouvrageright {margin: 0; color: #545454; text-align:right;}
.ouvrageright a:hover{color:#E62736;}
.ouvrageright a{color:#545454;}
.ouvragenoir {margin: 0; color: #000000; text-align:justify;}
.ouvragenoirgr {margin: 0; color: #000000; text-align:justify;font-weight:bold;}
.ouvragesmalleft {margin: 0; color: #545454; text-align:left;font-size:12px;line-height: normal;}

.daterouge {margin: 0; color: #E62736; font-size:12px;}
.datebl {margin: 0; color: #ffffff; font-size:12px;font-style:italic;}
.dategris {margin: 0; color: #545454; font-size:12px;font-style:italic;}
.ouvragegr {margin: 0; color: #545454; font-weight:bold; }
.ouvragegrfocusbig {margin-bottom: 5px; color: #545454; font-family:'Source Sans Pro', sans-serif; font-size:22px;}
.ouvragegrfocusbig  a{color:#545454; background-color:#FFFFFF;}
.ouvragegrfocusbig a:hover{color:#E62736;}
.ouvragegrfocussmall {margin-bottom: 5px; margin-top: 0px; color: #ffffff font-family:'Source Sans Pro', sans-serif; font-size:14px;}
.ouvragegrfocussmall  a{color:#ffffff;}
.ouvragegrfocussmall a:hover{color:#E62736;}
.ouvragegrfocus {margin-bottom: 5px; color: #545454; font-family:'Source Sans Pro', sans-serif; font-size:18px;}
.ouvragegrfocus  a{color:#545454; background-color:#FFFFFF;}
.ouvragegrfocus a:hover{color:#E62736;}
.ouvrageblanc {margin: 0; color: #FFF; text-align:justify;}
.ouvrageblancgras {margin: 0; color: #FFF; text-align:justify; font-weight:bold;}
.ouvrageblancsmall {margin: 0; color: #FFF; text-align:justify; font-size:12px;}

.champsf {margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0; color: #000; text-align:justify; background-color:#FFFFFF;}


.revue {margin: 0; color: #000; text-align:justify; font-size:16px;}

.messageok{margin: 0; color: #000; text-align:center; font-size:16px;font-weight:bold;}

.messagenon{margin: 0; color: #ff0000; text-align:center; font-size:16px;font-weight:bold;}
.textpub{margin: 0; color: #E62736;font-family: Geneva, sans-serif;}
.textrdv{margin: 0; color: #263169;font-weight:bold;font-family: Geneva, sans-serif;}
.textdebat{margin: 0; color:#5ab6c8;font-weight:bold;font-family: Geneva, sans-serif;}
/*date


.element .excerpt .heading a{color:inherit;}

.element:hover .excerpt .heading a{color:#FF8F2B;}

.element .excerpt time{color:#272421; background-color:#FFFFFF;}


.element .excerpt time strong{color:#FFFFFF; background-color:#3C3733;}

.element .excerpt time[data-title*="evenement"] strong{background-color:#54bbc2;}/*turquoise*/

.element .excerpt time[data-title*="rouge"] strong{background-color:#E62736;border: 1px solid; border-color:#e8e8e8;}/*rouge*/

.element .excerpt time[data-title*="archives"] strong{background-color:#001E7B;}/*bleu*/

.element .excerpt time[data-title*="archives"] em{color:#001E7B; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt time[data-title*="evenement"] em{color:#54bbc2; background-color:#f8f8f4;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt time[data-title*="presse"] strong{background-color:#54bbc2;}

.element .excerpt time[data-title*="presse"] em{color:#54bbc2; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt time[data-title*="policy"] strong{background-color:#55acdc;}

.element .excerpt time[data-title*="policy"] em{color:#55acdc; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt time[data-title*="indic"] strong{background-color:#f8a102;}

.element .excerpt time[data-title*="indic"] em{color:#f8a102; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt num[data-title*="wp"] strong{color:#ffffff;background-color:#55acdc;}

.element .excerpt num[data-title*="wp"] em{color:#55acdc; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt num[data-title*="wp"] em{color:#55acdc; background-color:#ffffff;border: 1px solid; border-color:#e8e8e8;}

.element .excerpt time[data-title*="com"] strong{color:#54bbc2; background-color:#f8f8f4;}

input[type="submit"] 

{
    font-family: FontAwesome, Verdana, Geneva, sans-serif;
    color: #000000;
    margin-left: auto; 
    margin-right: auto;
    text-align:center;
 	cursor:pointer;
 	background-color:#e0f9ed;
display:inline-block; padding:10px 20px; border-radius:10px; text-transform:uppercase; font-weight:bold;
}



.hide-text {

    width: 83px;

    height: 44px;

    background: url("../../images/elements_page/tageval2.png");

    text-indent: -9999px;

}
.hide-text2 {

    width: 30px;

    height: 30px;

    background: url("../../images/elements_page/flag_uk_rond.png");

    text-indent: -9999px;

}
.hide-text3 {

    width: 30px;

    height: 30px;

    background: url("../../images/elements_page/flag_fr_rond.png");

    text-indent: -9999px;

}


#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #F4F9FD;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}

#menuonglet
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : bold 11px Batang, arial, serif;
        list-style-type : none;
        margin-left : -215px; /* la moitié de width */;
        margin-top : 0;
        width : 430px;
}

	.blanc:link{color: #ffffff;}
   .blanc:visited{color: #ffffff;}
   .blanc:active{color: #ffffff;}
   .blanc:hover{color: #ffffff;}
   
#marge
{
		padding-left : 40px;
}