/*
  Eurojumelages

  Adaptations de Protostar

*/

/* largeur du site sur l'écran */
.container {
    margin: auto;
    max-width: 1150px ;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 90% !important;
}
/* le login en haut */
.login-haut #login-form
{
    margin: 0px !important;
}
.login-haut ul.unstyled, #form-login-remember
{
    display: none;
}
.login-haut
{
    height: 30px !important;
    position: relative;
    /* top: -15px; */
    display: block;
}
.login-haut .login-button
{
    background: url(../img/li-grisf.png) no-repeat center center !important;
    background-color: #E8F0FE !important;
    color: black !important;
    font-size: 0 !important;
    border: 1px solid #e7e7e7 !important;
    height: 25px;
}
.login-haut .button.btn, input[type="submit"].btn
{
    background: url(../img/logout-gris.png) no-repeat center center !important;
    background-color: #E8F0FE !important;
    color: black !important;
    font-size: 0 !important;
    border: 1px solid #e7e7e7 !important;
    height: 25px;
}
.login-haut #form-login-username, .login-haut #form-login-password, .login-haut #form-login-submit
{
    display: inline-block;
    margin-bottom: 0px;
}
.login-haut .input-prepend .add-on  {
    display:none !important;
}
input:-webkit-autofill {
    background-color: white !important;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #d2d2d2 inset !important;
    -webkit-text-stroke-color: #e7e8eb !important;
    -webkit-text-fill-color: #e7e8eb !important;
}
*/
/*
E8F0FE
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid silver;
  -webkit-text-fill-color: gray;
  -webkit-box-shadow: 0 0 0px 50px silver inset;
  transition: background-color 5000s ease-in-out 0s;
}
*/
/*
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px silver inset; 
    -webkit-text-fill-color: blue;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: ,0 0 0 50px blue inset;
    -webkit-text-fill-color: red;
}
.login-haut span.add-on
{
    display: none;
}
*/
@media (max-width: 767px) {
    .add-on + #modlgn-username,
    .add-on + #modlgn-passwd {
    	width: 110px;
        height: 10px;
    }
}

header.header
{
    height: 50px;
    position: relative;
    top: -10px;
}
div.maximenuckh
{
    position: relative;
    top: -10px;
}
div[id^=maximenuck].maximenuckh ul.maximenuck
{
      -moz-border-radius: 0px 0px 8px 8px !important;
	  -webkit-border-radius: 0px 0px 8px 8px !important;
	  border-radius: 0px 0px 8px 8px !important;
}


/* moins d'espace avant le menu horizontal */
.header {
    margin-bottom: 0px;
}
@media screen and (max-width:767px) {
  .navigation {
      margin: 0px;
      padding: 0px !important;
      border: 0px;
  }
  .mod-languages {
    font-size: 120%;
  }
}
@media screen and (min-width:768px) {
  .navigation {
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 15px 0px;
      border: 0px;
  }
}
.navbar{
    margin-bottom: 0px !important;
}

/* choix des langues superposé à la bannière */
.header-inner {
    position: relative;
}
.header-search {
    position: absolute;
    bottom: 0px;
    right: 10px;
    z-index: 99;
}

/* favpromote  pour les activités passées */
.activ-pass {
    margin-left: 300px;
    margin-right: 300px;
}
h4, .activ-pass {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    text-align: center;
}

/* colonnes de gauche et de droite, couleur de fond */
.well {
    margin-bottom: 0px !important;
    padding: 10px 12px 4px 20px !important;
    border: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}


/* titre des modules */
.contentheading {
    font-size: 150% !important;
    padding-top: 10px !important;
	line-height: 12px;
}

/*---------------------------------------------------------------
centrer un module au milieu de l'écran
-----------------------------------------------------------------*/
.center-div
{
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  width: 400px;
  height: auto;
  background: #E0F0FF;   /* pour les vieux navigateurs */
	/* fond dégradé si possible */
  background: -moz-linear-gradient(top, #E0F0FF 0%, #F7FBFF 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, 0 0, 0 100%, from(#E0F0FF), to(#F7FBFF)); */ /* Safari et Chrome*/
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0F0FF), color-stop(100%,#F7FBFF)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E0F0FF 0%,#F7FBFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E0F0FF 0%,#F7FBFF 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #E0F0FF 0%,#F7FBFF 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E0F0FF', endColorstr='#F7FBFF',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #E0F0FF 0%,#F7FBFF 100%); /* W3C */
border: 1px solid #A0A0A0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}


/*---------------------------------------------------------------
# Author - mixwebtemplates http://www.mixwebtemplates.com
# Copyright (C) 2008 - 2013 mixwebtemplates.com. All Rights Reserved.
# Websites: http://www.mixwebtemplates.com

adapté par Eurojumelages à partir du template mx_joomla152 pour la couleur #83AFEC
-----------------------------------------------------------------*/
.badge-hot {
    position:relative;
}
.color-blue:before {
    //display:inline-block;
}
.blues .title {
	     background: url(../images/sprite.png) -68px -288px no-repeat;
	     color: #fff;
	     font-size: 14px;
	     font-weight: 700;
	     height: 34px;
	     line-height: 28px;
       margin:0px 0px 14px 0px;
	     text-shadow: 0 1px 1px rgba(0,0,0,0.6);
       //display:inline-block;
}
.title h3 {
	     margin-top: 3px;
}
/*
@media all and (min-width: 960px) {
.module h3, .blues h3{
    font-size: 1.2vw;
  }
}

@media all and (max-width: 959px) and (min-width: 699px) {
.module h3, .blues h3{
    font-size: 1.9vw;
  }
}

@media all and (max-width: 700px) and (min-width: 400px) {
.module h3, .blues h3{
    font-size: 4.0vw;
  }
}

@media (max-width: 399px)  {
.module h3, .blues h3{
    font-size: 5.0vw;
  }
}
*/
/* le problème est de modifier la taille des caractères en fonction de la taille de la fenêtre, et non de la taille de l'écran */
@media only screen and (min-device-width: 960px) {
.module h3, .blues h3{
    font-size: 1.2vw;
  }
}

@media only screen and (max-device-width: 959px) and (min-device-width: 830px) {
.module h3, .blues h3{
    font-size: 1.9vw;
  }
}

@media only screen and (max-device-width: 829px) and (min-device-width: 790px) {
.module h3, .blues h3{
    font-size: 1.5vw;
  }
}
@media only screen and (max-device-width: 789px) and (min-device-width: 770px) {
.module h3, .blues h3{
    font-size: 1.3vw;
  }
}
@media only screen and (max-device-width: 769px) and (min-device-width: 400px) {
.module h3, .blues h3{
    font-size: 4.0vw;
  }
}

@media only screen and (max-device-width: 399px)  {
.module h3, .blues h3{
    font-size: 5.0vw;
  }
}
.module h3, .blues h3 {
	     //background: url(../images/h3_bg.png) repeat-x 0 100%;
       /* pb si on garde une taille fixe :si on diminue la taille de la fenêtre,plus de place pour t3 et t4
	     font-size: 18px;
       */
       line-height: 150%;
	     margin: 0 0 5px;
	     padding: 0 0 10px;
}
h3 {
	     font-family: Arial,Helvetica,sans-serif;
	     font-weight: 300;
	     color: inherit;
	     text-rendering: optimizelegibility;
       display:inline-block;
	     -webkit-margin-before: 1em;
	     -webkit-margin-after: 1em;
	     -webkit-margin-start: 0px;
	     -webkit-margin-end: 0px;
}
.title .t1, .blues .t1 {
	     background: url(../images/sprite.png) 0 -288px no-repeat;
	     //display: inline-block;
	     height: 42px;
	     width: 20px;
	     margin-left: -20px;
}
.title .t2, .blues .t2 {
	     background: url(../images/sprite.png) -42px -330px repeat-x;
	     //display: inline-block;
	     height: 30px;
	     padding-right: 4px;
	     overflow: hidden;
}
.title .t3, .blues .t3 {
	     background: url(../images/sprite.png) -20px -288px no-repeat;
	     //display: inline-block;
	     height: 30px;
	     width: 20px;
}
.title .t4, .blues .t4 {
	     background: url(../images/sprite.png) -54px -288px no-repeat;
	     //display: inline-block;
	     height: 38px;
	     width: 12px;
	     margin-right: -12px;
}
.fl{float:left}.fr{float:right}
.blues .title{background-position:-68px -72px}
.blues .t1{background-position:0 -72px}
.blues .t2{background-position:-42px -114px}
.blues .t3{background-position:-20px -72px}
.blues .t4{background-position:-54px -72px}


/* bouton readmore */
.readmore, a.readmore {
    font-size: 0.9em;
    text-align: left;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    color: #ffffff;
    border-radius: 3px;
    padding: 3px 8px;
}
.icon-chevron-right {
    display: none !important;
}
.readmore .btn {
      background-attachment: scroll !important;
      background-clip: border-box !important;
      /* #3C529D = bas du menu horizontal
         #002D8A = haut du menu horizontal
         #83AFEC = fond de page
      */
      background-color: #83AFEC !important;
      background-image: linear-gradient(to bottom,#CCD9EA,#83AFEC);
      background-repeat: repeat-x;
      background-origin: padding-box !important;
      background-position: 0% 0% !important;
      background-position-x: 0% !important;
      background-position-y: 0% !important;
      background-size: auto auto !important;
      border-bottom-color: #002D8A !important;
      border-bottom-left-radius: 3px !important;
      border-bottom-right-radius: 3px !important;
      border-bottom-style: solid !important;
      border-bottom-width: 1px !important;
      border-image-outset: 0 0 0 0 !important;
      border-image-repeat: stretch stretch !important;
      border-image-slice: 100% 100% 100% 100% !important;
      border-image-source: none !important;
      border-image-width: 1 1 1 1 !important;
      border-left-color: rgba(0, 0, 0, 0.1) !important;
      border-left-style: solid !important;
      border-left-width: 1px !important;
      border-right-color: rgba(0, 0, 0, 0.1) !important;
      border-right-style: solid !important;
      border-right-width: 1px !important;
      border-top-color: rgba(0, 0, 0, 0.1) !important;
      border-top-left-radius: 3px !important;
      border-top-right-radius: 3px !important;
      border-top-style: solid !important;
      border-top-width: 1px !important;
      box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px !important;
      color: rgb(255, 255, 255) !important;
      cursor: pointer !important;
      display: inline-block !important;
      font-family: trebuchet ms,geneva !important;
      /* font-size: 12 ou 14px !important; */
      font-size: 12px !important;
      line-height: 20px !important;
      margin-bottom: 0px !important;
      padding-bottom: 3px !important;
      padding-left: 8px !important;
      padding-right: 8px !important;
      padding-top: 3px !important;
      text-align: center !important;
      text-decoration: none !important;
      text-decoration-color: rgb(255, 255, 255) !important;
      text-decoration-line: none !important;
      text-decoration-style: solid !important;
      text-shadow: rgba(255, 255, 255, 0.75) 0px 1px 1px !important;
      transition-delay: 0s !important;
      transition-duration: 0.2s !important;
      transition-propertybackground-colortransition-timing-function: ease-in-out !important;
      vertical-align: middle !important;
      -moz-border-bottom-colors: none !important;
      -moz-border-left-colors: none !important;
      -moz-border-right-colors: none !important;
      -moz-border-top-colors: none !important;
}
.readmore .btn:hover, .readmore .btn:focus, .readmore .btn:active, .readmore .btn.active {
    background-color: #83AFEC !important;
    text-decoration: none !important;
    background-position: 0 -15px !important;
    -webkit-transition: background-position .1s linear !important;
    -moz-transition: background-position .1s linear !important;
    -o-transition: background-position .1s linear !important;
    transition: background-position .1s linear !important;
}

/* mod_search sans espace après */
.search form {
    margin: 0px;
}

/* positionnement des ptites annonces */
.jcarousel-skin-tango .jcarousel-container {
    background: none repeat scroll 0 0 #F9FBFC  !important;
    border: 1px solid #dde2e4 !important;
    margin: auto !important;
    padding: 10px!important;
    text-align: center !important;
}

/* l'ancien bouton back-top seulement sur les smartphones */
@media (min-width: 980px) {
  #back-top {
    display: none;
  }
}
/* bouton back to top inspiré du template favourite :*/
@media (max-width: 979px) {
  #fav-backtopwrap {
    display: none !important;
  }
}
#fav-backtop {
    bottom: 3em;
    right: 0.5em;
    position: fixed;
    z-index: 99999;
    width: auto;
    line-height: 1.6em;
}
.favth-col-xs-12, .favth-col-sm-12, .favth-col-md-12, .favth-col-lg-12 {
     padding-right: 15px;
     padding-left: 15px;
}
#fav-backtop .btn {
    padding: 0.4em 0.7em 0.4em 0.8em;
    box-shadow: 0px 5px 11px 0px rgba(0, 0, 0, 0.18), 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
    background-color: #032F8B;
    background-image: -moz-linear-gradient(top,#fff,#032F8B);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#032F8B));
    background-image: -webkit-linear-gradient(top,#fff,#032F8B);
    background-image: -o-linear-gradient(top,#fff,#032F8B);
    background-image: linear-gradient(to bottom,#fff,#032F8B);
}
.fav-container .btn {
    margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.17);
    text-shadow: none;
    border-radius: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
#fav-backtop .btn:hover {
    background-image: none;
}
#fav-backtop .btn:focus {
    background-size:1.5em 5em;
}
.backtop i[class^="fa fa-"] {
  color: white;
  line-height: 1em;
  font-size: 2em;
}
.fa {
    font: normal normal normal 14px/1 FontAwesome;
}
.fa-angle-up::before {
    content: "∧";
}


/* pour l'identification, il ne faut pas que le label prenne toute la largeur, sinon le <br> fait un saut de ligne */
form[id^=login-form] label {
    display: inline;
}
form[id^=login-form] a {
    color: #83AFEC;
}



/* pour le carousel CK
 * l'image principale fait 416 X 258
*/
.carouselck_caption, .moveFromLeft > div {
    width: 300px !important;
}
.carouselck_caption {
    width: 110% !important;
    height: auto !important;
    margin-bottom: 35px !important;
    padding: 0px 0px 20px 0px;
}
.carouselck_caption_title {
    padding: 10px 0px 0px 10px;
}
.carouselck_caption_desc {
    padding: 0px 0px 10px 10px;
}
div[id^=carouselck_wrap_] {
    margin: 5px 0px 15px 0px !important;
}

/* pour le breadcrumb */
.breadcrumb {
    margin: 0;
    padding: 5px 0px;
    background-color: #ffffff;
}

/* mod_langage
la langue active doit être affichée dans une autre couleur
*/

li.lang-active a
{
  color:red !important;
}
li.lang-inactive a
{
  color:yellow !important;
}

.euroj-contact .dj-simple-contact-form-required-fields-info {
    display: none;
 }
.euroj-contact .dj-simple-contact-form {
    padding-top: 20px;
 }
 /*
.dj-simple-contact-form.style-1 .inputbox {
    border-radius: 6px;
}
.euroj-contact .message {
    border-radius: 6px;
}
*/
.euroj-contact textarea {
    line-height: 18px !important;
}
.visBtnCon {
    margin: auto;
  	margin-top: 20px !important;
  	padding-top: 5px;
  	padding-bottom: 5px;
    width: 70px !important;
    background-color: #83AFEC !important;
}
.euroj-contact .dj-simple-contact-form.button{
    font-size: 0px !important;
    background-image: url("../../../images/logos/envoyer-50-transp1.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: auto !important;
    width: 70px !important;
    background-color: #83AFEC !important;
}
.euroj-contact .dj-simple-contact-form.button:hover, .euroj-contact .dj-simple-contact-form.button:focus, .visBtnCon:hover, .visBtnCon:focus {
    background-color: #236a8e !important;
}

/* module euroj contact */
.euro-simple-contact-form-required-fields-info {
    display: none;
 }
.euro-simple-contact-form {
    padding-top: 20px;
 }
.euroj-contact textarea {
    line-height: 18px !important;
}
.visBtnCon {
    margin: auto;
  	margin-top: 20px !important;
  	padding-top: 5px;
  	padding-bottom: 5px;
    width: 70px !important;
    background-color: #83AFEC !important;
}
.euro-simple-contact-form.button{
    font-size: 0px !important;
    background-image: url("../../../images/logos/envoyer-50-transp1.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: auto !important;
    width: 70px !important;
    background-color: #83AFEC !important;
}
.euro-simple-contact-form.button:hover, .euroj-contact .euro-simple-contact-form.button:focus, .visBtnCon:hover, .visBtnCon:focus {
    background-color: #236a8e !important;
}
/*     */

.temoignage h2{
  font-size: 24px !important;
}
.racontent h1{
  font-size: 24px !important;
}

/* affichage du sélecteur de langue */
.header-search {
    right: 2px;
}
li.lang-active img {
    border: solid 2px !important;
    border-color: white !important;
}

/* affichage des cartes sous le menu */
.zhom-map-default {
    z-index: 1;
}

.gmnoprint {
    /* display: none;
    width: 0px; height: 0px;
    */
}