
/*____________________________________________
          VIRADES
____________________________________________*/

.page-virades .breadcrumb {
  padding-bottom: 5px;
}

/* HOME VIRADES */
body.page-virades,
.home-virades,
.page-virades #main {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;

  box-sizing: border-box;
}

.home-virades, .page-virades  { background: url(../images/fond-virade.jpg) no-repeat center top; background-size: cover; }

body.page-virades #main , .home-virades #main { padding: 0 2% 0 2%;  background: #fff; }
.front.home-virades .main-content { padding-left: 0px; width: auto;}

.home-virades .main-content {clear: both;}
.home-virades .main-content,
.home-virades #header .block-inner,
.home-virades .block-main-navigation,
.page-virades .main-content,
.page-virades #header .block-inner,
.page-virades .block-main-navigation { background: #fff; }

.home-virades .block-top-navigation,
.page-virades .block-top-navigation { margin-bottom: 0; }
.home-virades .block-main-navigation,
.page-virades .block-main-navigation { padding-top: 15px; }

.front.home-virades .block-main-navigation .block-inner {padding-bottom: 0;}

.home-virades .nav > ul { width: calc(100% + 19px); }

/* ---- banniere */
.virades .top-section {
  min-height: 230px;
  margin-bottom: 20px;
  padding: 50px;
  box-sizing: border-box;
  background: url(../images/banniere.jpg) no-repeat center center #37372b;
}

.virades .top-section img:first-of-type {margin-bottom: 40px; }
.virades .top-section > p {float: left;}

.virades #countdown-timer { float: right; position: relative; /*width: 50%;*/ margin-top: 15px; }
/*.virades #countdown-timer .date { background: #be0376; color: #fff; font-family: 'Montserrat'; font-weight: bold; font-size: 20px; padding: 10px 30px 10px 5px; position: absolute; right: 105px; top: 25px; }*/
.virades #countdown-timer #clock { position: absolute; right: 38px; background: url('../images/pastille-compteur.png') no-repeat top right; display: block; width: 90px; height: 56px; font-family: 'Montserrat'; font-weight: bold; font-size: 26px; color: #fff; text-align: center; padding-top: 35px; transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); }

/* ----- col gauche */
.virades .left-section .block-section { background: #f4f4f4 url('../images/fd-obliques.png') top left; border: 2px solid #d9d9d9; overflow: hidden; margin-bottom: 20px;  }
.virades .left-section .block-view { width: 250px; min-height: 262px; }
.virades .left-section .block-view h2 { color: #fff; background: #00A292; padding: 2px 7px; display: inline; font-size: 15px; }
.virades .left-section .block-view:first-child { width: 491px; background: url('../images/carte-home-push.png') no-repeat center right; }
.virades .left-section .block-view:last-child .link-more { float: right; }
.virades .left-section .block-view:last-child .text { text-align: right; }
.virades .left-section .block-view .text { background: none; max-width: 203px; padding-top: 80px; }

.virades .left-section .partners { margin-top: 35px; padding: 0 0 0 12px; }
.virades .left-section .partners h2 { color:#00A292; text-transform: uppercase; }
.virades .left-section .partners hr { float: right; width: 75%; border: 1px solid #dcdcdc; margin-top: -12px; }
.virades .left-section .partners ul { margin-top: 13px; }
.virades .left-section .partners li { list-style: none; display: inline; margin-right: 10px; }

/* -- filtre + carte */

/* structure */
.virades .virade-map-filter, .virades #virades_map { box-sizing: border-box; }

.virades .virade-map-filter {
  float: left;
  max-width: 286px;
  min-height: 378px;
  padding: 30px 25px 10px;
  background: #f4f4f4;
}

.virades #virades_map {
  float: right;
  max-width: 459px;
  width:100%;
  height: 378px;
}

/* filtre */
.virades .virade-map-filter h2 { margin-bottom: 25px; text-transform: uppercase; color: #038674; font-size: 1.333em; }
.virades .virade-map-filter #block_description { color: #666; font-size: 1.167em; line-height: 1.2; }

.virades #vlm-specifics-map-filters-form .form-type-textfield,
.virades #vlm-specifics-map-filters-form .form-text { width: 100%;}
.virades #vlm-specifics-map-filters-form label {text-transform: none;}

.virades #vlm-specifics-map-filters-form .form-item-address::before { display: none; }

.virades #edit-address {
  padding: 10px;
  margin: 5px 0 4px;
  max-width: 100%;
  box-sizing: border-box;
  background: url(../images/loupe.png) no-repeat right 10px center #fff;
  border: 0;
  font-size: 1.167em;
}

.virades #edit-categories { overflow: hidden; height: auto; width: 100%;}
.virades #edit-categories .form-item-categories-1 { float: left; max-width: 100px;  margin-right: 5px;}
.virades #edit-categories .form-item-categories-2 { float: right; max-width: 120px; }

.virades #vlm-specifics-map-filters-form .form-type-checkbox input {
  opacity: 1; position: absolute; left: -9999px;
}

.virades #vlm-specifics-map-filters-form .form-type-checkbox label {
  padding: 13px 10px 13px 30px; margin-left: 0;
  border-radius: 6px; background: #038674;
  color: #fff; text-transform: none; font-weight: normal;
}

.virades #vlm-specifics-map-filters-form .form-type-checkbox label::before {
  height: 12px; width: 12px; left: 10px;
  background: #fff; border: 0;
}

.virades #vlm-specifics-map-filters-form .form-submit,
#vlm-specifics-map-filters-form .form-submit + div a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  text-transform: none;
  font-size: 1.167em;
}

.virades #vlm-specifics-map-filters-form .form-submit {
  padding: 12px;
  margin: 5px 0 8px;
  background: #de4443;
  font-family: 'Montserrat';
  font-weight: normal;
}

.virades #vlm-specifics-map-filters-form .form-submit + div a {
  background: none;
  color: #666666;
  text-decoration: underline;

  &:focus, &:hover, &:active { text-decoration: none; }
}
.virades #vlm-specifics-map-filters-form .form-submit + div a::before {display: none;}

.virades .block-news-lnk { clear: both;}

/* PAGE VIRADES */
.page-virades .breadcrumb { display: none; }
.page-virades .left-section { padding-left: 20px; }
.img-top { position: relative; margin-bottom: 18px; }

.img-top .legende { background-color: rgba(255, 255, 255, 0.8); text-align: center; color: #000; position: absolute; bottom: 0; right: 0; width: 100%; padding: 20px 0; font-family: 'Montserrat'; font-size: 14px; }
.bloc-espoirs { margin-bottom: 38px; }

.bloc-espoir { float: left; width: 225px; margin-left: 23px; text-align: center; color: #666666; font-family: 'Montserrat'; line-height: 20px; position: relative; min-height: 500px; }
.espoir1 { margin-left: 0; }
.bloc-espoir .content .content img { margin-bottom: 20px; }
.bloc-espoir .part-bottom h2 { color: #be0376; }
.bloc-espoir h2 span { text-transform: none; font-size: 15px; vertical-align: super; }
.bloc-espoir h2 { color: #038674; text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 13px;}
.bloc-espoir .intro { font-size: 15px; font-weight: bold; margin-bottom: 40px; }
.bloc-espoir.espoir1 .intro { margin-bottom:20px; }
.bloc-espoir .txt { font-size: 14px; }

.bloc-espoir .more,
.right-section .carte .more { display: inline-block; margin-top: 12px; }

.bloc-espoir .link-more,
.right-section .carte .link-more,
.more .link-more {
  font-weight: bold;
  line-height: 17px;
  color: #4c4c4c;
  font-size: 14px;
}
.bloc-espoir .link-more:hover,
.right-section .carte .link-more:hover,
.more .link-more:hover {
  text-decoration: underline;
}
.bloc-espoir .link-more:after,
.right-section .carte .link-more:after,
.more .link-more:after {
  content: "";
  background: url('../images/sprite.png') no-repeat -84px -145px;
  display: block;
  float: left;
  position: relative;
  top: 6px;
  width: 7px;
  height: 7px;
  margin-right: 5px;
}

.virades-titre-videos { clear: both; float: left; width: 100%; background: #f1f1f1; color: #0b9080; text-transform: uppercase; text-align: center; font-family: 'Montserrat'; font-weight: bold; font-size: 30px; line-height: 1em; padding: 20px 0; margin-top: 50px; }

.videos-virades { clear: both; margin-top: 45px; float: left; width: 100%; margin-bottom: 40px; }
.videos-virades > h2,
.videos-virades .link-more { display: none; }
.videos-virades .views-row { display: inline-block; width: 362px; margin: 0 0 0 16px; background: #383838; color: #fff;  }
.videos-virades .views-row:first-child { margin: 0; }
.videos-virades .views-row h2 { text-transform: uppercase; color: #e981bf; margin-bottom: 10px; }
.videos-virades .youtube-player { width: 362px; height: auto; }
.videos-virades .description { padding: 15px 20px; }

.virades-text { clear: both; color: #666666; font-size: 14px; line-height: 16px; }
.virades-text h2 { text-transform: uppercase; color: #0b9080; font-size: 20px; font-family: 'Montserrat'; font-weight: bold; }
.virades-text p { margin: 14px 0; }

.right-section .carte { background: #f4f4f4 url('../images/fd-obliques.png') top left; padding: 20px 10px 13px 10px; border-bottom: 1px solid #dbdbdb; text-align: center; }
.right-section .carte h2 { background: #00A292; color: #fff; display: inline-block; padding: 4px 10px; margin-bottom: 10px; }
.right-section .carte .content { text-align: left; }
.right-section .carte .txt { color: #666666; font-size: 14px; margin-top: 10px; }

.right-section .block-section.last { padding-top: 19px; }

/*form inscription*/
.form-inscription .form-type-radio input,
.form-inscription .form-type-checkbox input
{opacity:1;}

/* carte */
.front #virades_map { margin-bottom: 20px;}
#virades_map { height: 600px; }

/*.map-infobubble {  line-height: 1.6;}
.map-infobubble .link a {
    float: right;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
    margin-top: 15px;
    padding: 5px 0;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 6px;
    background: #de4443;
    padding: 5px 10px; }

.map-infobubble .link a::before {
  font-family: FontAwesome;
  font-size: 1.2rem;
  font-weight: 700;
  display: inline-block;
  margin-right: 5px;
  content: "";
  text-transform: uppercase;
}
.map-infobubble h3 a {
  margin-bottom: 6%;
  display: block;
  font-size: 1.4rem;
  line-height: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #008e81;
  margin-bottom: 6%;
}

.map-infobubble p {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.42857;
  color: #777777;
}*/

.front.home-virades #header .block-main-navigation .block-inner, .front.home-virades #footer .block-inner, .front.home-virades .main-content {background: #fff;}

.front.home-virades .main-content { padding-left: 10px; width:990px;}

.front.home-virades #header > div { margin-bottom:0; padding-bottom: 0;}
.front.home-virades .block-main-navigation .block-inner {padding: 15px 0 20px;}

div.image-btn-link {
  text-align: center;
  padding: 13px 0;
  background: #f4f4f4;
  border-bottom: 2px solid #d3d3d3;
  /*margin: 10px;*/
}
