@charset "UTF-8";
@font-face {
font-family: 'ProximaNovaBold';
src: url('../fonts/proximanova-bold.eot') format('embedded-opentype'), url('../fonts/proximanova-bold.woff') format('woff'), url('../fonts/proximanova-bold.ttf') format('truetype'), url('../fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
}

@font-face {
font-family: "ProximaSemiBold";
font-style: normal;
font-weight: normal;
src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold") format("svg");
}
@font-face {
font-family: 'ProximaRegular';
font-style: normal;
font-weight: normal;
src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular") format("svg");
}
@font-face {
font-family: 'ProximaNovaCondensedSemibold';
src: url('../fonts/proximanovacond-semibold.eot');
src: url('../fonts/proximanovacond-semibold.eot') format('embedded-opentype'),
url('../fonts/proximanovacond-semibold.woff') format('woff'),
url('../fonts/proximanovacond-semibold.ttf') format('truetype'),
url('../fonts/proximanovacond-semibold.svg#ProximaNovaCondensedSemibold') format('svg');
}
@font-face {
font-family: 'ProximaNovaSemiboldItalic';
src: url('../fonts/proximanova-semibolditalic.eot');
src: url('../fonts/proximanova-semibolditalic.eot') format('embedded-opentype'),
url('../fonts/proximanova-semibolditalic.woff') format('woff'),
url('../fonts/proximanova-semibolditalic.ttf') format('truetype'),
url('../fonts/proximanova-semibolditalic.svg#ProximaNovaSemiboldItalic') format('svg');
}
@font-face {
font-family: 'ProximaNovaLight';
src: url('../fonts/proximanova-light.eot');
src: url('../fonts/proximanova-light.eot') format('embedded-opentype'),
url('../fonts/proximanova-light.woff') format('woff'),
url('../fonts/proximanova-light.ttf') format('truetype'),
url('../fonts/proximanova-light.svg#ProximaNovaLight') format('svg');
}
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('../fonts/opensans-condbold-webfont.eot');
    src: url('../fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-condbold-webfont.woff') format('woff'),
         url('../fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
font-family: 'ProximaRegular';
background: #fff;

}
html,body {
    height:100%;
}
iframe{
  display: block;
}
/* #Boutons new-orange ff5248 old-orange ff5248
================================================== */
.bouton span{display: inline-block;vertical-align: middle;padding: 0 24px;letter-spacing: 1px;color:#fff;}
.bouton:hover span{color:#fff;}
.bouton .sepbt{width: 1px;padding: 0;}
.bouton a{color:#fff;text-decoration: none;}
.bouton{font-family: 'ProximaNovaBold';font-size: 13px;color:#fff;line-height: 38px;padding: 8px 0; display: inline-block;text-transform: uppercase;height: 36px;}

.bouton .picto{font-size: 24px; border-right: 1px solid;padding: 0 12px !important;}
.bbleu{background: #003b6f;}

.bbleu .picto{color: #ff5248;border-right-color:#002a4f;}

.borange .picto{border-right-color:#f8a9a5;}
.borange{background: #ff5248;border-right-color:#fff;}
.bblanc{background: #fff;color:#ff5248!important;}.bblanc span{color:#ff5248!important;}

.borange:hover{background: #fff;border-right-color:#f8a9a5;color:#ff5248;}
.borange:hover span{color:#ff5248;}

.bbleu:hover{background: #ff5248;}
.bbleu:hover .picto{color: #fff;border-right-color:#f8a9a5;}

.bblanc:hover{background: #ff5248;color:#fff!important;border-right-color:#fff;}.bblanc:hover span{color:#fff!important;}

.fixblanc:hover{background: #f5f5f5;}

.logoadp{
	width: 70px;
    position: absolute;
    right: 300px;
}
.spanavec{
    right: 165px;
    top: 38px!important;
}
.logofm{
    position: absolute;
    right: 50px;
    height: 16px;
    top: 36px;
}
/* #Sticky Header
================================================== */
#header{position: fixed;position: fixed;top: 0;width: 100%;z-index: 1000;}
  #header nav{position: relative;}
.topnav{ height:76px;background: #fff;  background: rgba(255,255,255,0.8); }
.topnavcontainer{ position: absolute; right: 0; top: 10px; background: url(../images/logo_topnav.png) no-repeat;
    background-position: -158px bottom;
    width: 530px;height: 52px;text-align: right;  }
.topnavcontainer span{ position: relative; top: 16px; }

.noalphabg{background: #fff !important;}
.topnavcontainer a{font-family: "ProximaRegular";font-size: 12px;text-decoration: none;color:#666;}
.topnavcontainer a.currentlg{color:#0e538d;font-family: 'ProximaNovaBold';font-size: 12px;}

.bottomnav{ height: 40px; background: #0e538d; }
.bottomnavcontainer{  position: absolute;  top: 87px; right: 0; /*left: 200px;*/}
.bottomnavcontainer ul {margin: 0;}
.bottomnavcontainer ul li{ display: inline-block;margin-right: 25px;margin-bottom:0;text-transform: uppercase;font-family: "ProximaRegular";font-size: 13px;  }
.ie8 .bottomnavcontainer ul li{ margin-right: 20px; }

.bottomnavcontainer ul li.current-menu-item{ font-family: "ProximaSemiBold";border-bottom: 1px solid #ff5248; padding-bottom: 7px; }
.bottomnavcontainer ul li:hover{ border-bottom: 1px solid #ff5248; padding-bottom: 7px;  }
.bottomnavcontainer ul li:last-child{ display: inline-block;margin-right: 0; }
.bottomnavcontainer ul li a{ color:#fff; text-decoration: none;}

.menu .new{
    position: relative;
}
.menu .new:before{
    position: absolute;
    background-image: url(../images/village/bulle.svg);
    background-repeat: no-repeat;
    background-position: 0 2px;
    text-transform: uppercase;
    font-size: 8px;
    line-height: 10px;
    padding: 5px;
    top: -20px;
    right: 0;
}

.FR .new:before{
        content:"nouveau";
}
.EN .new:before{
        content:"new";
}




.animatorbtheader{ position: relative; top: -36px; opacity: 0;font-family: "ProximaSemiBold"; }
.ie8 .animatorbtheader{ display: none; }

.animatorbtheader div{ line-height: 25px;color:#fff;display: none; padding: 0 20px 0 10px; height: 24px; text-transform: uppercase;  }
.animatorbtheader a{ color:#fff;text-decoration: none; }
.dateheader{background: #000 url(../images/btinf1.png) no-repeat right; }
.boutoninscrheader{ background: url(../images/bginf2.png) no-repeat right; }

.logonav{position: absolute; top: 0; left: 0; right: 0; }
.logotransitoire{ height: 143px;z-index: 10;position: relative; }
.bluemask{ background: #0e538d; height: 143px; padding-left: 9999px; margin-left: -9999px; float: left; max-width: 1px; }
/*****************/
/* VERSION SMALL */
/*****************/

.header_small .topnav{ height:0;}
.header_small .bottomnav{ background: #fff;border-bottom: 1px solid #d1dee9;height: 35px;}
.header_small .bluemask{height: 72px;}
.header_small .logotransitoire{ height: 72px;  }

.header_small .bottomnavcontainer ul li.current-menu-item a{ color:#ff5248; }
.header_small .bottomnavcontainer ul li a{ color:#2c3f5e;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; }
.header_small .bottomnavcontainer ul li a:hover{ color:#ff5248; }
.header_small ul li:hover{ border-bottom:none;  }

.topnavcontainer {color:#666;}
.header_small .animatorbtheader{ left: 89px; opacity: 1; }
.ie8 .header_small .animatorbtheader{ display:block; }

.header_small .topnavcontainer{ height: 0; overflow: hidden;  }
.header_small .topnavcontainer span{ opacity: 0;  }
.header_small .bottomnavcontainer{ top: 0;color:#2c3f5e;top: 7px;right: 100px;  }
header{display: block;}
/* #Home
================================================== */
.zonelive{
  padding-bottom: 40px;
}
.autotw{
  height: 39px;
  background: #003b6f;
  width: 64.6%;
  position: absolute;
  top: -39px;
  box-sizing: border-box;
  padding-left: 290px;
}
.autotw_after{
  background: url(../images/bord.png);
width: 7px;
height: 39px;
position: absolute;
top: 0;
right: -7px;
}
.motc{
  background: url(../images/tw_hp.png) no-repeat left center;
  color: #fff;text-transform: uppercase; line-height: 39px;
  font-family: 'ProximaRegular';font-size: 19px;padding-left: 25px;
}
.motc a{color:#fff;}
.motc a:hover{color:#fff;}
.twcont{line-height: 39px;
  width: 480px;
  overflow: hidden;
  /*background: rgba(255,0,0,0.5);*/
position: absolute;
top: 0;
left: 480px;
height: 39px;
}
.twmovers span{

  margin-right: 15px;

}
.twmovers{line-height: 39px;
height: 39px;
left: 480px;
position: relative;

}
.transmove{
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}


.twmovers a{color:#fff;
}
.twmasquer{
  position: absolute;
top: 0;width: 480px;
height: 39px;
background-image: url(../images/masquer_l.png), url(../images/masquer_r.png);
background-repeat: no-repeat;
background-position: left center, right center;

}



#w2p_carousel li{height: 590px;display: block;float: left;}
#w2p_carousel li a{color:#fff;}


.firstli{line-height: 590px;text-align: center;}
.firstli>p img{display:inline;vertical-align: middle}
.firstli>p{width: 960px;margin: 0 auto;font-size: 52px;color:#fff;
  text-align: center;
  line-height: 1em;
display: inline-block;
vertical-align: middle;
font-family: 'ProximaNovaBold';
margin-top: 100px;
}

.conts{
width: 960px;
margin: 0 auto;
position: relative;text-align: right;
}
.callslider{
font-size: 24px;
line-height: 1em;
position: absolute;
top: 430px;
display: inline-block;
right: 0;
background: #0e538d;
background: rgba(14,83,141,0.5);
padding: 15px;
}
.callslider .text{
  font-family: 'ProximaNovaBold';
  font-size: 24px;
  text-align: left;
  text-transform: uppercase;
  padding-left: 15px;
  border-left: 2px solid #ff5248;
}
.callslider .picto{
font-size: 40px;
padding: 7px 15px 5px 5px;
}


.container_bt{
  width: 960px;
  margin: 0 auto;
  position: relative;
  bottom: 270px;
}
#prev{
  background: url(../images/prev.png) no-repeat;
  width: 31px;height: 56px;
  position: absolute;
  left: 0;  top: 0;
  cursor: pointer;
}
#next{
  background: url(../images/next.png) no-repeat;
  width: 31px;height: 56px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
/* #Slider
================================================== */
.bgtophome{
  background: url(../images/home/cover_hp.jpg) no-repeat center;
  /*background: url(../images/home/image.jpg) no-repeat center;*/
  background-size: cover;

  height: 590px;}
.introhp{position:relative;}
.bgintrohp{
  background: #0076a5;
background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  color-stop(0, #005290),
  color-stop(1, #0096B8)
);
background-image: -o-linear-gradient(bottom, #005290 0%, #0096B8 100%);
background-image: -moz-linear-gradient(bottom, #005290 0%, #0096B8 100%);
background-image: -webkit-linear-gradient(bottom, #005290 0%, #0096B8 100%);
background-image: -ms-linear-gradient(bottom, #005290 0%, #0096B8 100%);
background-image: linear-gradient(to bottom, #005290 0%, #0096B8 100%);
}

.flyinglogo{position: absolute;right: 0;top: 50px;}
.accroche{font-family: 'Open Sans', sans-serif;font-weight: 600;font-style: italic;font-size: 33px;color:#fff;width: 649px;line-height: 1.3em;padding: 45px 0 40px 40px;background: url(../images/home/bgacrcroche.png) no-repeat;position: relative;left: -35px;}

.accroche0{color:#fff;width: 649px;height: 0;line-height: 1.3em;position: relative;left: -35px;}
.accroche0 .datez2{z-index: 1; text-transform: uppercase; font-family: "open_sans_condensedbold";font-style: normal;
font-size: 46px;color: #ff5248;padding: 25px 25px;background: #fff;position: absolute;top: -55px;left: 35px;}

.btinscrz2 {text-align: center;z-index: 0;width: auto;line-height: 28px; background: url(../images/home/ticket.png)no-repeat center;
height: 38px;padding: 0 20px; margin: 20px auto;}
.btinscrz2 a{color:#fff;line-height: 2.3em;
 font-family: "ProximaSemiBold";font-style: normal;text-decoration: none;font-size: 18px;color:#fff;}

.txtz2{ width: 600px;font-size: 16px;line-height: 28px;}
.conseilhp{ margin-top: 48px;position: relative;}
.adrdate{width: 400px;height: 212px;background: url(../images/home/bg_conseil.png) no-repeat;position: absolute;bottom: 0;right: 0;color: #fff;padding: 25px 0 0 60px;box-sizing:border-box;-moz-box-sizing:border-box;}
.adrdate>span{letter-spacing: 1px;text-transform: uppercase; font-family: "open_sans_condensedbold";font-size: 20px;padding-bottom: 20px;border-bottom: 1px solid #f8a9a5;display: block;}
.fmsemi{font-family: "ProximaSemiBold";margin-top: 20px;font-size: 16px;}
.fmregular{font-family: 'ProximaRegular';font-size: 16px;}
.conseilmask {background: #ff5248;height: 212px;padding-right: 9999px;margin-right: -9999px;float: right;max-width: 1px;position: absolute;bottom: 0;right: 0;}

.gmaphp{height: 380px;}
.gmapinf{height: 560px;}

.embedhp iframe{width: 960px; height: 540px;}
.embedhp a, .embedhp i{display:none;}

.zone4hp{background: url(../images/bgedito.jpg) no-repeat;background-size: cover;}
.ie8 .zone4hp{background:#222222 url(../images/bgedito.jpg) no-repeat;}
.zone4hp p{font-size: 16px;line-height: 1.8em;font-family:Georgia;font-style: italic; }
.zone4hp p:before{content: "‘‘";font-size: 126px;font-family: Georgia;color: #ff5248;display: inline-block;height: 0; }
.zone4hp .signature{background: url(../images/home/signature.png) no-repeat right;
  display: block;height: 67px;
 }
.titreedito{font-family: 'ProximaNovaBold'; font-style: italic;
font-size: 45px;color:#fff;
background: url(../images/home/edito_fr.png) no-repeat 40px top;margin-left: 125px;
margin-top: 60px;
padding-top: 55px;}

.editodroite{
  width: 680px;float: left;
}

.titrelive{font-family: 'ProximaNovaBold';font-size: 45px;margin-top: 30px;
color:#0e538d;background: url(../images/home/live.png) no-repeat center top;text-align: center;padding-top: 45px;}






.sectionintervenant{
background: #c9e8ea url(../images/home/bginterv.jpg) no-repeat;
background-size: cover;}
.titreinterv{font-family: 'ProximaNovaBold';font-size: 45px;color:#0e538d;background: url(../images/home/les_interv.png) no-repeat center top;text-align: center;padding-top: 45px;}

.listeportraits{}
.listeportraits .unportrait{margin-right: 13px;vertical-align: top;}
.listeportraits .unportrait:last-child{margin-right: 0px;}

.unportrait{width: 178px;text-align: center;display: inline-block;}
.unportrait .nom{color:#0e538d;font-size: 14px;text-transform: uppercase;font-family: 'ProximaNovaBold';}
.unportrait .func{color: #00294d;font-size: 14px;font-family: "ProximaRegular";}
.unportrait .boite{color: #00294d;font-size: 14px;font-family: 'ProximaRegular';}

.portraitpiccontainer{margin: 0 auto;border-radius: 89px;overflow: hidden;width: 178px;height: 178px;  border: 3px solid #fff;}
.portraitpiccontainerl{margin: 0 auto;border-radius: 89px;overflow: hidden;width: 165px;height: 165px;  border: 3px solid #fff;}
.unportrait:hover .portraitpiccontainer,.unportrait:hover .portraitpiccontainerl{
border: 3px solid #ff5248;}

.unportrait:hover .nom{color:#ff5248;}

.fixrose:hover .nom{color:#FFA494 !important;}

.unportrait .noaction{ box-shadow: 0 0 0 2px #f1f5f6 inset !important; }
.unportrait:hover .rose{ border: 3px solid #FFA494 !important; }

.unportrait .cblanc{ color:#fff !important; }
.unportrait .ccorail{ color:#ffa494 !important; }

.titreinterview{font-family: 'ProximaNovaLight';font-size: 44px;color: #0E538D;text-align: center;background: url(../images/home/alaune.png) no-repeat bottom center;line-height: 2.2em;}
.tribuneinterv{
background: url(../images/home/bgtribune.jpg);
background-size: cover;
height: 652px;}

.titretribune{background: url(../images/home/latribune.png) no-repeat top center;text-align: center;color:#fff;font-family: "Open Sans";font-weight:700;font-style: italic;font-size: 36px;line-height: 95px;}
.tribuneintervcontainer{  width: 560px;}
.tribuneintervcontainer p{  font-size: 18px;line-height: 1.6em;}
.titretribinterv{font-family: 'ProximaNovaBold';font-size: 24px;color:#fff;border-bottom: 1px solid #f8a9a5;padding-bottom: 34px;text-transform: uppercase;line-height: 40px;}

.titreaftervideo{  font-size: 44px;color:#0e538d;font-family: 'ProximaNovaLight';height: 60px;   background: url(../images/home/envideo.png) no-repeat bottom center;text-align: center; }
.titreafterslider{  font-size: 44px;color:#fff;font-family: 'ProximaNovaLight';height: 70px;   background: url(../images/home/titre_after_img.png) no-repeat bottom center;text-align: center; }
.titrearticles{  font-size: 44px;color:#0e538d;font-family: 'ProximaNovaLight';height: 60px;   background: url(../images/home/surlatribune.png) no-repeat bottom center;text-align: center; }
.titrepartenaires{  font-size: 44px;color:#0e538d;font-family: 'ProximaNovaLight';height: 60px; text-align: center; }
.logo_partenaire{
display:inline-block;
vertical-align:middle;
width:230px;
padding: 20px;
}

.unarticle {width: 311px;display: inline-block;margin: 0 3px;vertical-align: top;}
.unarticle .figcaption p{padding-left:10px;}
.unarticle .figcaption{font-size: 18px;color:#0e538d;font-family: 'ProximaSemiBold';line-height: 24px;margin-top:15px;
 -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.unarticle .figcaption h2{font-size: 18px;color:#0e538d;font-family: 'ProximaSemiBold';line-height: 24px;margin-top:15px;padding-left:10px;border-left:1px solid #ff5248;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.unarticle:hover .figcaption{color:#ff5248;}

.unarticle .limage {background-position:center;background-repeat:no-repeat; background-size:cover;width:311px;height:156px;}

.unarticle:hover .figcaption .typochapo{color:#ff5248;}

.typochapo{font-family: 'ProximaRegular';font-size: 16px;color:#000;}

/* #slider photo after
================================================== */
#sliderafter{
  background: #000;
  width: 154px;
  height: 538px;
}
#sliderafter a{
  display: block;
  margin: 10px auto;
  width: 133px;
  height: 89px;
}
#sliderafter a img{
  display: block;
  margin: 0 auto;
}
#imgcontainerafter{
  width: 133px;
  margin: 0 auto;
}
.img_carou_after_cont{
  width: 806px;height: 538px;
  background: #000;text-align: center;
  overflow: hidden;
}
#img_carou_after{
  display: inline;
}
.caption{
  /*background: url(../images/home/dc.png) no-repeat left center;*/
  padding-left: 15px;text-align: left;height: 21px;
  margin-top: 10px;margin-bottom: 70px;
}
.btnavsliderafter{
  margin: 0 auto;
  width: 127px;
  height: 65px;
  cursor: pointer;
}
/* #CONFERENCES
================================================== */
.bgtopconference{background: url(../images/conferences/bg_top.jpg) no-repeat center;background-size: cover;height: 410px;}
.bgtopconference span{ font-size: 42px;position: relative;top: 4px;padding-right: 5px; }
.bgtopconference h2{ font-family: 'ProximaNovaLight';font-size: 42px; color:#fff;text-transform: uppercase;}
.bgtopconference p{width: 630px;font-size: 16px;line-height: 23px;}

.inline{float: left;}
.animateurorange{color: #FF5248 !important;border-bottom: 2px solid #FF5248;margin-bottom:20px !important;}
.animateurbleu{color: #0E538D !important;border-bottom: 2px solid #0E538D;margin-bottom:20px !important;}
.orange{color:#ff5248;border-bottom: 2px solid #ff5248;padding-bottom: 20px;}
.bleu{color:#0e538d;border-bottom: 2px solid #ff5248;padding-bottom: 20px;}

.periode{  font-family: "Open Sans";font-size: 24px;color:#0e538d;font-weight: 300;letter-spacing: 4px;}

.zonehorraire {border-collapse: separate;border-spacing: 0px 40px;margin: 0 auto;}


	.salle{width: 285px;background: #fff;height: 100%;padding: 35px;}
		.salle h2{font-weight: 800;font-family: 'Open Sans';font-size: 20px;line-height: 30px;}
    .intervenantconf{}
		.intervenantconf h3{letter-spacing: 2px;font-weight: 800;font-family: 'Open Sans';font-size: 12px;color:#5e5e5e;text-transform: uppercase;margin: 0;}
    .intervenantconf .picto{ font-size: 18px;color:#ff5248;position: relative;top: 1px;}
    .intervenantconf .whatinterv{ vertical-align: top;font-size: 14px;color:#000;text-transform: uppercase;font-family: 'ProximaRegular';}
    .intervenantconf .nominterv{ display: block;margin-bottom:5px;font-family: "ProximaRegular"; font-weight: 600;color:#000;font-size: 20px;}
  .heure{background: url(../images/bg_heure.png)repeat-x center;
    height: 240px;font-family: 'ProximaNovaCondensedSemibold';font-size: 18px;color:#000;text-align: center;padding: 0 30px;line-height: 20px;}
	.heure span{font-size: 64px;color:#747474;display: block;height: 32px;position: relative;
top: -15px;}
/* #CONFERENCES 2015
================================================== */

.titre_periode{
  text-align: center;
  padding-top: 65px;
  padding-bottom: 25px;
  color:#1e6a9e;
  font-size: 26px;
}

.timecont{background: #fff;  margin-top: 40px;}
  .orange_gauche{background: #ff5a54;color: #fff; width: 118px;float: left;}
    .lheure{padding-right: 16px;text-align: right;text-transform: uppercase;padding-top: 10px;}
    .lheure>img{display: inline-block;}

.uneconf{background: #ff5a54;padding-left: 118px; position: relative;}
.uneconf:last-child .hr_interv{border-color:#ffffff !important; }

.room>span{  z-index: 2;
  position: relative;text-transform: uppercase;color: #fff;background: #0e538d; display: inline-block;font-size: 12px;line-height: 14px;padding: 3px 6px;}
.room{position: absolute;width: 118px;
  left: 0px;top: 30px;text-align: right;
}
.room::after{
  content:' ';
 display: inline-block;font-size: 14px;line-height: 14px;
  height: 8px;
  width: 8px;
  position: absolute;
  background: #0e538d;
  top: 6px;
  left: 113px;
  transform: rotate(45deg);
  z-index: 1;
}


  .blanc_droite{background: #fff;width: 697px;padding-left:45px; padding-right: 20px;position: relative;}
    .titre_conf{  color:#1e6a9e;  font-size: 22px; font-family: 'ProximaNovaLight';padding: 30px 90px 30px 0;  line-height: 25px; text-transform: uppercase;}
    .openclosebt{width: 28px;height: 28px;border: 1px solid #ff5a54;  position: absolute;  cursor: pointer;  top: 30px;  right: 30px;  background: #ff5a54;}

    .openclosebt:hover .btbar{  transform: scale(2); }
    .openclosebt:hover .r90{    transform: rotate(90deg) scale(2); }


    .btbar{  position: relative;  width: 10px;height: 2px;background: #fff;  top: 13px;left: 9px;}

    .r90{
      transform-origin: 50% 50%;
      transform: rotate(90deg);
      top: 11px !important;
    }

    .ouvert{      background: #fff !important;    }
    .ouvert .btbar{  background: #ff5a54 !important;}
    .ouvert .r90{  transform: rotate(0deg) !important;}


    .deployer{  overflow: hidden;
        /*height: 0;*/
      }
      .animateur{margin-bottom: 25px;}
        .portraitanim{width: 46px;height: 46px;float: left;}
        .portraitanim>img{width: 46px;height: 46px;border-radius: 50%;}
        .info_anim{float: left; padding-left: 12px;}
      .uninterv{
        padding-left: 25px;
        padding-bottom: 20px;
        background: url(../images/conferences/chevron_rouge.png) no-repeat left 7px;
      }

.info_rouge{text-transform: uppercase;font-size: 10px;color:#ff5a54;font-family: 'ProximaNovaLight';  line-height: 10px;}
.name_intrev{color:#000; font-size: 18px;font-family: "ProximaRegular";  line-height: 24px;}
.detail_interv{color:#767676; font-size: 14px;font-family: "ProximaRegular";  line-height: 14px;}
.hr_interv{  border: solid #ddd;  border-width: 1px 0 0;  clear: both;  margin: 0;  height: 0;}
/* #archive intervenant
================================================== */
.bgtopintervenant{background: url(../images/toparchiveintervenant.jpg) no-repeat center;background-size: cover;height: 410px;}
.bgtopintervenant span{ font-size: 42px;position: relative;top: 4px;padding-right: 5px; }
.bgtopintervenant h2{ display:inline-block;font-family: 'ProximaNovaLight';font-size: 42px; color:#fff;text-transform: uppercase;}
.bgtopintervenant p{width: 630px;font-size: 16px;line-height: 23px;}

.archiveportraitsanim {}
.archiveportraits .unportrait{margin:0 5px 50px;vertical-align: top;}
.archiveportraitsanim .unportrait{margin:0 5px 50px;vertical-align: top;}


.titreanimateur{font-weight: 300; font-style: italic;font-size: 46px; font-family: 'Open Sans';text-align: center;
background: url(../images/st_archive_interv.png) no-repeat center bottom;padding-bottom: 45px;padding-top: 70px;
}
/* #Single intervenant
================================================== */
.singleportrait{width: 178px;text-align: center;display: inline-block;}
.singleportrait .nom{color:#fff;font-size: 18px;text-transform: uppercase;font-family: 'ProximaNovaBold';}
.singleportrait .func{color: #b1d4f1;font-size: 16px;font-family: "ProximaRegular";}
.singleportrait .boite{color: #b1d4f1;font-size: 16px;font-family: 'ProximaRegular';}
.singleportrait .portraitpiccontainer{border: 3px solid #fff;}

.topsingleintervenant{background: url(../images/topsingleintervenant.jpg) no-repeat center;background-size: cover;height: 410px;}
.infoconference {
  width: 675px;
}
.topsingleintervenant .titreconf{
  font-size: 38px;font-family: "ProximaSemiBold";line-height: 1.25em;
  padding-bottom: 35px;border-bottom: 1px solid #9bc0d1;}
.themeconf{
  font-size: 22px;color:#fff;font-family: "ProximaRegular";
  line-height: 1.5em;text-align: right;
}

.heureconf{background:url(../images/single_horloge.png) no-repeat left 18px;
  text-transform: uppercase;padding-left: 20px;padding-top: 15px;float: right;color: #B1D4F1;}
.salleconf{color:#fff;}

.biosingle{color:#000;font-size: 16px;line-height: 30px;white-space: normal;width: 640px;margin: 90px auto 0;padding-bottom: 45px;}
/*.margin: 0 15px -20px 0 }*/
.biosingle:first-child>p:first-of-type:first-letter{font-size: 84px;line-height: 90px;color:#ff5248;font-family: 'ProximaNovaSemiboldItalic';display: inline-block;margin: 0 15px 0px 0;float: left;}
.tribunesingle h2{ margin-bottom: 50px; color:#ff5248;font-size: 38px;font-family: "ProximaSemiBold";line-height: 1.25em;padding-left:160px}
.tribunesingle{}
.sidetribune{width: 249px;padding-top: 50px;}
.sidetribune figcaption{color:#141414;font-size: 12px;font-family: "ProximaSemiBold";text-transform: uppercase;position: relative;text-align: center;top: -40px;}

.txttribune{  font-size: 16px;  line-height: 28px;color:#000;width: 510px;  padding-left: 50px;  margin-bottom: 70px;  border-left: 1px solid #000;}
/* #single partenaire
================================================= */
.titrepartenaire{
  font-size: 34px;font-family: "ProximaNovaBold";text-transform: uppercase;margin-top: 32px;
}
.lienpart{ font-size: 20px;}
.titrep a,.titrep a:visited, .titrep a:hover, .titrep a:focus{color:#000 ;display: block;}

/* #FOOTER
================================================= */
.prefooter{ padding: 38px;position: relative;box-sizing: border-box;-moz-box-sizing:border-box;}
.prefooter ul li a{ text-decoration: none;color:#939393; font-size: 14px;font-family: 'ProximaRegular';
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.prefooter ul li a:hover{color:#fff;}

.titreprefooter{
font-size: 20px;font-family: 'open_sans_condensedbold';color:#fff;text-transform: uppercase;}
#block_fb_bleu{
width: 380px;
background: #00528c;
position: absolute;
top: -20px;
right: 0;}
.bt_c{padding: 20px;}
.bggrisfonce{background:#242424;}
/*list-style: none outside;*/
#fg{position: absolute;left: -50px; top: 255px;cursor: pointer;margin-top: 15px;}
#fd{position: absolute;right: -45px;top: 255px;cursor: pointer;margin-top: 15px;}
#caroufou{}
#caroufou li {
  display: block;
  float:left;
  margin-right: 10px;
}


/* #infos pratiques
================================================== */
.bgtopinfo{background: url(../images/topinfospratiques.jpg) no-repeat center;background-size: cover;height: 410px;}
.ie8 .bgtopinfo{height: 397px;}

.bgtopinfo span{ font-size: 42px;position: relative;top: 4px;padding-right: 5px; }
.bgtopinfo h2{ font-family: 'ProximaNovaLight';font-size: 42px; color:#fff;text-transform: uppercase;}
.bgtopinfo p{width: 630px;font-size: 16px;line-height: 23px;}

.infop{ line-height: 1.8em; color:#000;font-size: 16px;font-family: 'ProximaRegular';}
.infop p{ margin:75px 0 75px 230px;}
.infop a{  color:#ff5248;}

.blocinfos{padding: 30px;background:#fff;width: 250px;position: absolute;top: 563px;left: 310px;}
.ie8 .blocinfos{top: 527px;}

.lieuinfp{ color:#ff5248; font-size: 16px;font-family: 'ProximaNovaBold';text-transform: uppercase;width: 240px;  }
.adrinfp{color:#000; font-size: 28px;font-family: 'ProximaRegular';width: 210px;line-height: 1.2em;text-transform: uppercase;}
.adrevent{line-height: 16px;color:#0e538d; border-top: 1px solid #e4303c; background: url(../images/metro.png) no-repeat 2px 26px; padding-left: 50px;padding-top: 20px;}
.adrevent_rer{line-height: 16px;color:#0e538d; background: url(../images/rer.png) no-repeat 2px 26px; padding-left: 50px;padding-top: 20px;
min-height: 44px;
}

.busevent{line-height: 16px;color:#0e538d; background: url(../images/bus.png) no-repeat 2px 26px; padding-left: 50px;padding-top: 20px;min-height: 44px;}

.parkingevent{line-height: 16px;color:#0e538d; background: url(../images/parking.png) no-repeat 2px 26px; padding-left: 50px;padding-top: 20px;min-height: 37px;}

/* #Contact
================================================== */
.bgtopcontact{background: url(../images/topcontact.jpg) no-repeat center;background-size: cover;height: 410px;}
.bgtopcontact span{ font-size: 42px;position: relative;top: 4px;padding-right: 5px; }
.bgtopcontact p{width: 630px;font-size: 16px;line-height: 23px;}
.bgtopcontact h2{ font-family: 'ProximaNovaLight';font-size: 42px; color:#fff;text-transform: uppercase;}

input[type="text"],
textarea{
font-weight: 600; font-style: normal;font-size: 16px; font-family: 'Open Sans'; color:#7c7c7c;
border-bottom: 1px solid #b5b5b5;
margin: 0 auto 25px;
}
textarea{margin: 0 auto 50px !important;overflow: hidden;height: 25px;
-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
textarea:focus{background: #fbfbfb;height: 90px;}
input[type="submit"],button{  padding: 0;margin: 0;background: transparent;border:none;border-right-color:#fff;}
/*input[type="submit"]:hover,button:hover{  padding: 0;margin: 0;border:none;}*/
input[type="submit"]:hover{  padding: 0;margin: 0;border:none;}
.err_input{
  border:1px solid red !important;
}

.btcontact2:hover{
  padding-left: 8px;
}
.btcontact2{
  color:#fff !important;text-decoration:underline;
}
/* #Page Styles
================================================== */
.wrapper {
  width: 100%;
  min-width: 960px;
}
.container{
width: 960px;
margin: 0 auto;
}

.container_conf{
width: 880px;
padding: 0 40px 80px 0;
color:#000;
margin: 0 auto;
}
/* #Modal #ff5248
================================================== */
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 630px;
  min-width: 320px;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0,0,0,0.8);

    transition: all 0.3s;
}

.md-show ~ .md-overlay {
    opacity: 1;
    visibility: visible;
}


/* Content styles */
.md-content {
  color: #fff;
  background: #ff5248;
  position: relative;
  border-radius: 3px;
  margin: 0 auto;
}

.md-content h3 {
  margin: 0;
  padding: 0.4em;
  text-align: center;
  font-size: 2.4em;
  font-weight: 300;
  opacity: 0.8;
  background: rgba(0,0,0,0.1);
  border-radius: 3px 3px 0 0;
  font-family: "ProximaRegular";
  color:#fff;
}

.md-content > div {
  padding: 15px 40px 30px;
  margin: 0;
  font-weight: 300;
  font-size: 1.15em;
}

.md-content > div p {
  margin: 0;
  padding: 10px 0;
  margin-bottom: 20px;
}

.md-content > div ul {
  margin: 0;
  padding: 0 0 30px 20px;
}

.md-content > div ul li {
  padding: 5px 0;
}

.md-content button {
  display: block;
  margin: 0 auto;
  font-size: 0.8em;
  color:#fff;
}




.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}


.wrapper__startup{
    background: #f5f5f5;
}

.startupcont{
    padding: 30px 0;
    font-size: 0;
    line-height: 0;
    width: 1270px;
    margin: 0 auto;
}

.unestartup{
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    width: 360px;
    padding: 15px;
    margin: 0 15px 30px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0);
}
.borderred{
    border-color: #f0534a!important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09);
}
.borderblue{
    border-color: #0e538d!important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09);
}


.unestartup__innercont{
    display: table;
}
.innercont__imgc,.innercont__infc{display: table-cell;vertical-align: top;}
.innercont__imgc, .innercont__imgc>img{width: 85px;height: 85px;}
.innercont__imgc>img{border-radius: 2px;}

.innercont__infc{
    padding-left: 20px;
}
.infc__titre{
    color: #0e538d;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 13px;
    font-family: 'ProximaRegular';
    text-transform: uppercase;
}
.infc__linkout{
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
}
.infc__linkout:before{
    content: "";
    display: inline-block;
    width: 14px;height: 10px;
    padding-right: 10px;
    background-image: url(../images/village/trombone.svg);
    background-repeat: no-repeat;;
}


.link_more{
    color: #f0534a;
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    margin-top: 20px;
    cursor: pointer;
}
.link_more:before{
    content: "";
    display: inline-block;
    width: 13px;height: 8px;
    padding-right: 10px;
    background-image: url(../images/village/oeil.svg);
    background-repeat: no-repeat;;
}

.content__forpop{
    display: none;
}

.popin{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popin__clickout{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: black;
    cursor: pointer;
}
.popin__cont{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 555px;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 0.5rem 2.4rem rgba(0, 0, 0, 0.17);
}
.popin__header{
    background-image: url(../images/village/bg_popheader.png);
    height: 170px;
    padding: 0 50px;
    position: relative;
    background-color: #0e538d;
}

.close_popin{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.popin__header_table{
    display: table;
    position: relative;
        top: 70px;
}
.popin__tc{
    display: table-cell;
}
.popin__tc--mid{
    vertical-align: middle;
    padding-left: 15px;
}
.popin__tc--top{
    vertical-align: top;
    background-color: #fff;
    border-radius: 4px;
}

.logo_popin{
    width: 120px;height: 120px;
    border: 0.1rem solid #dfdfdf;
    border-radius: 4px;
}

.popin__header h2{
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 8px;
    font-family: 'ProximaRegular';
    text-transform: uppercase;
}

.popin__header .infc__linkout{
    background-image: url(../images/village/trombone_blanc.svg);
    background-repeat: no-repeat;
    color: white;
}


.popin__body{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding: 50px;
    color: black;
    height: 260px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.popin__body p:not(:last-child){
    margin-bottom: 30px;
}




/* #Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /*.container{width: 768px;}*/

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /*.container{ width: 480px; }*/

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  /*.container{ width: 300px; }*/

}