/*!
 * Preboot v2
 *
 * Open sourced under MIT license by @mdo.
 * Some variables and mixins from Bootstrap (Apache 2 license).
 */
.quicksand {
  font-family: 'Quicksand', sans-serif;
}
/* CONTENT
-----------------------------------------------------------------------------------------------------*/
#content {
  padding: 20px 20px 60px;
  position: relative;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
#content:before {
  content: "";
  display: block;
  width: 40px;
  left: 20px;
  top: -3px;
  height: 3px;
  position: absolute;
}
#content.no-padding {
  padding: 0;
}
#content.no-padding h1 {
  margin: 20px 20px 30px;
}
#content.btm-pad {
  padding-bottom: 0;
}
#content.sub {
  padding-bottom: 20px;
}
#content h1 {
  color: #676767;
  font-size: 30px;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 20px;
  line-height: 1;
  text-transform: uppercase;
}
#content.pres:before {
  background-color: #9abfd1;
}
#content.prod:before {
  background-color: #bc4389;
}
#content.proj:before {
  background-color: #d37019;
}
#content.equi:before {
  background-color: #608264;
}
#content.actu:before {
  background-color: #c20016;
}
#content.them:before {
  background-color: #f2cb0a;
}
#content.proj:before {
  background-color: #d37019;
}
#content.part:before {
  background-color: #abc433;
}
#content.page:before {
  background-color: #40b6e8;
}
#content.equi {
  padding-bottom: 20px;
}
.wysiwyg h2 {
  color: #414141;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  margin: 60px 0 15px;
  position: relative;
  text-transform: uppercase;
}
.wysiwyg h2:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  position: absolute;
  left: 0;
  top: -20px;
  background-color: #747474;
}

.wysiwyg .img-text{
	max-width:720px;
	display: block;
	margin-left: auto;
 	margin-right: auto;
}

.wysiwyg p {
  font-size: 16px;
  margin: 15px 0;
}
.wysiwyg p:first-child {
  margin-top: 0;
}
.wysiwyg p:last-child {
  margin-bottom: 0;
}
.wysiwyg iframe {
  display: block;
  margin: 45px auto 85px;
}
.wysiwyg iframe:last-child {
  margin-bottom: 0;
}
.wysiwyg .dual-cols:before,
.wysiwyg .dual-cols:after {
  content: " ";
  display: table;
}
.wysiwyg .dual-cols:after {
  clear: both;
}
.wysiwyg .dual-cols > div {
  float: left;
  width: 45%;
}
.wysiwyg .dual-cols > div:first-child {
  margin-right: 10%;
}
.wysiwyg .box-list {
  margin-top: 15px;
  padding: 15px 20px;
  background-color: #f2cb0a;
}
.wysiwyg .box-list h3 {
  color: #414141;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.wysiwyg .box-list li {
  margin-top: 5px;
  position: relative;
  padding-left: 22px;
}
.wysiwyg .box-list li:before {
  display: block;
  content: "";
  width: 11px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 8px;
}
.wysiwyg .box-list li:first-child {
  margin-top: 0;
}
.wysiwyg .box-list li a {
  color: #414141;
  font-size: 14px;
  text-decoration: none;
}
.wysiwyg .box-list li a:hover {
  text-decoration: underline;
}
#content-wrapper:before,
#content-wrapper:after {
  content: " ";
  display: table;
}
#content-wrapper:after {
  clear: both;
}
#content-wrapper #content {
  width: 698px;
  float: left;
  margin-right: 27px;
}
#sidebar {
  float: left;
  width: 254px;
  border: 1px solid #d9d9d9;
}
#sidebar .box {
  position: relative;
  border-top: 1px solid #d9d9d9;
}
#sidebar .box:first-child {
  border-top: 0;
}
#sidebar .box img {
  display: block;
}
#sidebar .box .cat {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
  top: 10px;
  left: 10px;
  z-index: 20;
  position: absolute;
  text-transform: uppercase;
  background-color: #bc4389;
}
#sidebar .box h3 {
  color: #bc4389;
  font-size: 14px;
  position: absolute;
  top: 35px;
  left: 10px;
  text-transform: uppercase;
}
#sidebar .box.etude .cat {
  color: #d37019;
  background-color: #fff;
}
#sidebar .box.etude h3 {
  color: #fff;
}
#sidebar .actu img {
  display: block;
}
#sidebar .actu .content {
  padding: 10px;
}
#sidebar .actu .header {
  margin-bottom: 10px;
  position: relative;
  padding-right: 75px;
}
#sidebar .actu .header .date {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
}
#sidebar .actu p {
  font-size: 12px;
}

/* 
 * define class for the theme 
 * sidebar / home
 */
#sidebar .box.home .cat,
#home .wrapper.home .cat{
	background : #40b6e8;
}
#sidebar .box.home h3,
#home .wrapper.home h2{
	color : #40b6e8;
}

#sidebar .box.pres .cat,
#home .wrapper.pres .cat{
	background : #9abfd1;
}
#sidebar .box.pres h3,
#home .wrapper.pres h2{
	color : #9abfd1;
}

#sidebar .box.equi .cat,
#home .wrapper.equi .cat{
	background : #608264;
}
#sidebar .box.equi h3,
#home .wrapper.equi h2{
	color : #608264;
}

#sidebar .box.part .cat,
#home .wrapper.part .cat{
	background : #abc433;
}
#sidebar .box.part h3,
#home .wrapper.part h2{
	color : #abc433;
}

#sidebar .box.them .cat,
#home .wrapper.them .cat{
	background : #f2cb0a;
}
#sidebar .box.them h3,
#home .wrapper.them h2{
	color : #f2cb0a;
}

#sidebar .box.proj .cat,
#home .wrapper.proj .cat{
	background : #d37019;
}
#sidebar .box.proj h3,
#home .wrapper.proj h2{
	color : #d37019;
}

#sidebar .box.prod .cat,
#home .wrapper.prod .cat{
	background : #bc4389;
}
#sidebar .box.prod h3,
#home .wrapper.prod h2{
	color : #bc4389;
}

#sidebar .box.actu .cat,
#home .wrapper.actu .cat{
	background : #c20016;
}
#sidebar .box.actu h3,
#home .wrapper.actu h2{
	color : #c20016;
}


/* HOME
-----------------------------------------------------------------------------------------------------*/
#home {
  display: table;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#home .col {
  display: table-cell;
  vertical-align: top;
  width: 254px;
  border-left: 1px solid #d4d4d4;
}
#home .col:first-child {
  width: auto;
  border-left: 0;
}
#home .col .box {
  width: 254px;
  overflow: hidden;
  border-top: 1px solid #d4d4d4;
}
#home .col .box:first-child {
  border-top: 0;
}
#home .col .box img {
  display: block;
}
#home .col .box h2 {
  position: absolute;
  top: 35px;
  left: 10px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.1;
}
#home .col .box.proj .cat {
  background-color: #d37019;
}
#home .col .box.proj h2 {
  color: #d37019;
}
#home .col .box.actu .cat {
  background-color: #c50e23;
}
#home .col .box.actu h2 {
  color: #c50e23;
}
#home .col .box.esse .cat {
  background-color: #fff;
  color: #bc4389;
}
#home .col .box.esse h2 {
  color: #fff;
  left: 0;
  width: 100%;
  top: 125px;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
}
#home .col .box.esse h2 strong {
  display: block;
}
#home .col .box.etud .cat {
  background-color: #fff;
  color: #d37019;
}
#home .col .box.etud h2 {
  color: #ffffff;
}
#home .cat {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
  top: 10px;
  left: 10px;
  z-index: 20;
  position: absolute;
  text-transform: uppercase;
}
#home .wrapper {
  position: relative;
}
#home .wrapper.pres .cat {
  background-color: #87b8d0;
}
#home .slider li {
  position: relative;
}
#home .slider img {
  display: block;
}
#home .slider h2 {
  color: #87b8d0;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  position: absolute;
  left: 10px;
  top: 45px;
  line-height: 1;
  width: 220px;
  text-transform: uppercase;
}
#home .col2 .slider h2, 
#home .col3 .slider h2{ 
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: Arial, Helvetica, sans-serif;
}
#home .slider .play {
  padding: 94px 0 0 93px;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -47px 0 0 -47px;
  background: url(https://www.institutdubienvieillirkorian.org/wp-content/themes/ibv/img/ico-play.png) left top no-repeat;
}
#home .slider .bx-prev,
#home .slider .bx-next {
  padding: 68px 0 0 30px;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 315px;
  background: url(../img/nav-slider.png) left top no-repeat;
}
#home .slider .bx-next {
  background-position: -30px top;
  right: 0;
  left: auto;
}
/* PRODUCTIONS
-----------------------------------------------------------------------------------------------------*/
#productions .btm:before,
#productions .btm:after {
  content: " ";
  display: table;
}
#productions .btm:after {
  clear: both;
}
#productions .top {
  border-bottom: 1px solid #d9d9d9;
}
#productions .top:before,
#productions .top:after {
  content: " ";
  display: table;
}
#productions .top:after {
  clear: both;
}
#productions .box {
  position: relative;
  float: left;
}
#productions .box a.area {
  display: block;
  height: 100%;
  width: 100%;
}
#productions .box.etud {
  width: 768px;
}
#productions .box.esse {
  width: 254px;
}
#productions .box.esse .cat {
  color: #bc4389;
  background-color: #fff;
}
#productions .box.esse h2 {
  color: #fff;
  left: 0;
  width: 100%;
  top: 125px;
  font-family: 'Quicksand', sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: normal;
  text-align: center;
}
#productions .box.esse h2 strong {
  display: block;
}
#productions .box.pratiques p {
  position: absolute;
  top: 85px;
  left: 20px;
  color: #414141;
  font-size: 13px;
  text-transform: uppercase;
}
#productions .box.publications {
  width: 511px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 259px;
  padding: 65px 30px 45px;
  background: url(../img/bg-box-publications.png) left top no-repeat;
}
#productions .box.publications li {
  position: relative;
  margin-top: 30px;
}
#productions .box.publications li:first-child {
  margin-top: 14px ;
}
#productions .box.publications li:before {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #747474;
  position: absolute;
  left: 0;
  top: -10px;
}
#productions .box.publications h2 {
  position: static;
  font-weight: normal;
}
#productions .box.publications h2 a {
  color: #bc4389;
  text-decoration: none;
}
#productions .box.publications h2 a:hover {
  text-decoration: underline;
}
#productions .box.publications p {
  color: #818181;
  font-size: 16px;
}
#productions .box h2 {
  top: 45px;
  left: 20px;
  position: absolute;
  color: #bc4389;
  font-size: 14px;
  text-transform: uppercase;
}
#productions .box img {
  display: block;
}
#productions .box .arr-link {
  position: absolute;
  left: 20px;
  bottom: 10px;
}
#productions .cat {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
  top: 10px;
  left: 10px;
  z-index: 20;
  white-space: nowrap;
  position: absolute;
  text-transform: uppercase;
  background-color: #bc4389;
}
#productions.projects .cat {
  background-color: #d37019;
}
#productions.projects .box h2 {
  color: #d37019;
}
#productions.projects .box.soon {
  width: 254px;
  height: 290px;
  background-color: #d37019;
}
#productions.projects .box.soon h2 {
  color: #fff;
}
#productions.projects .box.soon .cat {
  color: #d37019;
  background-color: #fff;
}
#productions.projects .box.soon.btm {
  width: 511px;
  height: 259px;
}
#productions.projects .box.btm-right {
  width: 511px;
  height: 259px;
  background: url(../img/bg-box-publications.png) left top no-repeat;
}


/* SUB PAGES
-----------------------------------------------------------------------------------------------------*/
#content .sub-pages {
  margin-top: 75px;
}
#content .sub-pages li {
  margin-top: 80px;
}
#content .sub-pages li:before,
#content .sub-pages li:after {
  content: " ";
  display: table;
}
#content .sub-pages li:after {
  clear: both;
}
#content .sub-pages li:first-child {
  margin-top: 0;
}
#content .sub-pages li.auditif .title {
  color: #af0077;
}
#content .sub-pages .title {
  float: left;
  width: 215px;
  font-size: 22px;
  color: #008eca;
  text-transform: uppercase;
  margin-right: 40px;
  text-align: center;
  font-family: 'Quicksand', sans-serif;
  height: auto;
  min-height: 10px;
}
#content .sub-pages .title strong {
  display: block;
}
#content .sub-pages .title img {
  display: block;
  margin: 15px auto 0;
}
#content .sub-pages .desc {
  float: left;
  width: 435px;
}
#content .sub-pages .desc h2 {
  margin-top: 0;
}
#content .sub-pages .desc h2:after {
  left: -255px;
}
/* PROD SUB
-----------------------------------------------------------------------------------------------------*/
.std-form {
  background-color: #f5f5f5;
  padding: 20px 25px 15px;
}
.std-form .list-inputs:before,
.std-form .list-inputs:after {
  content: " ";
  display: table;
}
.std-form .list-inputs:after {
  clear: both;
}
.std-form .list-inputs li {
  float: left;
  width: 310px;
  margin-bottom: 10px;
}
.std-form .list-inputs li.odd {
  margin-right: 28px;
}
.std-form .list-inputs li.required label {
  color: #009de0;
}
.std-form .list-inputs li.check {
  padding-top: 26px;
}
.std-form .list-inputs li.check label {
  text-transform: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.std-form .list-inputs li.submit {
  width: 100%;
  float: none;
  margin: 0;
  clear: both;
  padding-top: 10px;
  text-align: center;
}
.std-form .list-inputs li.submit input {
  width: 310px;
  height: 38px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  border: 0;
  text-align: center;
  text-transform: uppercase;
  background-color: #009de0;
}
.std-form .list-inputs li.submit input.ko {
  background-color: #aeaeae;
}
.std-form .list-inputs li.submit p {
  font-size: 12px;
  display: none;
}
.std-form .list-inputs li.download {
  float: none;
  width: 100%;
  margin-top: 35px;
  padding-top: 77px;
  text-align: center;
  background: url(https://www.institutdubienvieillirkorian.org/wp-content/themes/ibv/img/bg-download.png) center top no-repeat;
}
.std-form .list-inputs li.download.ok {
  background-position: center -150px;
}
.std-form .list-inputs li.download.ok .btn-dl {
  background-color: #009de0;
}
.std-form .list-inputs li.download .btn-dl {
  display: inline-block;
  width: 310px;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #aeaeae;
}
.std-form .list-inputs li.download .btn-dl span {
  display: block;
  font-size: 11px;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif;
}
.std-form .list-inputs label {
  display: block;
  color: #464e52;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 2px;
  padding-left: 5px;
}
.std-form .list-inputs label.error {
  display: none !important;
}
.std-form .list-inputs input[type="text"],
.std-form .list-inputs input[type="email"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #7b7772;
  font-size: 14px;
  border: 0;
  padding: 10px 18px;
  border: 1px solid #fdfdfd;
}
.std-form .list-inputs input[type="text"].error,
.std-form .list-inputs input[type="email"].error {
  background-color: #ff9898;
}
/* EQUIPE
-----------------------------------------------------------------------------------------------------*/
#team:before,
#team:after {
  content: " ";
  display: table;
}
#team:after {
  clear: both;
}
.partenaires .desc {
  height: 251px!important;
}
#team > li {
  float: left;
  width: 256px;
  height: 253px;
  position: relative;
  background-color: #000;
}
#team > li > img {
  cursor: pointer;
  display: block;
}
#team > li.pos1 .info {
  width: 255px;
  border-right: 0;
}
#team > li.pos2 .info {
  left: -256px;
  /*border-right:0;*/

}
#team > li.pos2 .desc {
  left: 256px;
}
#team > li.pos3 .desc {
  left: -512px;
}
#team > li.pos3 .info {
  /*border-left:0;*/

}
#team > li.pos4 .info {
  left: -256px;
  border-left: 0;
  width: 255px;
}
#team > li.pos4 .desc {
  left: -768px;
}
#team > li.btm .desc {
  top: auto;
  bottom: 0;
}
#team .info {
  width: 254px;
  height: 251px;
  z-index: 10;
  border: 1px solid #4d7d53;
  background-color: #fff;
  position: absolute;
  left: 256px;
  top: 0;
  display: none;
}
#team .info .close {
  padding: 23px 0 0 23px;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  background: url(../img/btn-close.png) left top no-repeat;
}
#team .info .inner {
  padding: 25px;
  display: table-cell;
  vertical-align: middle;
}
#team .info h2 {
  color: #608264;
  font-size: 18px;
}
#team .info p {
  color: #494949;
  font-size: 15px;
}
#team .desc {
  left: 512px;
  top: 0;
  z-index: 10;
  position: absolute;
  width: 510px;
  height: 504px;
  display: none;
  border: 1px solid #4d7d53;
  background-color: #fff;
}
#team .desc .inner {
  padding: 30px;
  display: table-cell;
  vertical-align: middle;
}
#team .desc .inner span {
  color: #456d4a;
}
#team .desc p {
  color: #494949;
  font-size: 15px;
  margin-top: 20px;
}
#team .desc p:first-child {
  margin-top: 0;
}
#team .desc ul {
  margin-top: 15px;
}
#team .desc li {
  font-size: 15px;
  position: relative;
  padding-left: 10px;
}
#team .desc li:before {
  content: "-";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
}
/* NEWS
-----------------------------------------------------------------------------------------------------*/
#news {
  width: 1022px;
  display: table;
  margin: 45px 0 0 -20px;
  border-top: 1px solid #d9d9d9;
}
#news:before,
#news:after {
  content: " ";
  display: table;
}
#news:after {
  clear: both;
}
#news .col {
  width: 50%;
  display: table-cell;
  padding: 15px 20px 90px;
}
#news .col:first-child {
  border-right: 1px solid #d9d9d9;
}
#news .cat {
  display: inline-block;
  padding: 3px 8px;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  background-color: #c20016;
}

#news h2,
#news h2 p {
  font-size: 14px;
  margin: 50px 0 5px;
  color: #414141;
  font-family: Arial, Helvetica, sans-serif;
}

#news h2 a,
#news h2 a p {
  text-decoration: none;
  color: #c20016;
}

#news h2 p,
#news h2 a p {
	margin: 0px!important;
}

#news h2 a:hover {
  text-decoration: underline;
}
#news p {
  margin: 0;
  color: #8f8f8f;
}
/* THEMATIQUES
-----------------------------------------------------------------------------------------------------*/
/* POPINS
-----------------------------------------------------------------------------------------------------*/
.popin-wrapper {
  padding: 35px 35px 125px;
  width: 680px;
  background: #ffffff url(../img/bg-popin.png) left bottom no-repeat;
}
.popin-wrapper h2 {
  color: #676767;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.popin-wrapper .std-form {
  width: 310px;
  padding: 0;
  margin: 0 auto;
  background-color: #fff;
}
.popin-wrapper .std-form input[type="text"],
.popin-wrapper .std-form input[type="email"],
.popin-wrapper .std-form .new-select {
  background-color: #f5f5f5;
}
.popin-wrapper .list-inputs li {
  float: none;
  width: 100%;
}