h2.sejourCorse2{
    text-align:left;
    color: #0e9aa9;
}
.sejourCorseSousTitre{
    text-align:left;
}
h2.sidebar {
    width: 100% !important; 
    text-align: center !important; 
    border-bottom: 2px solid white !important; 
    line-height: 0.1em !important;
    margin: 10px 0 20px !important; 
    margin-top:0.2em !important;
 } 
  
 h2.sidebar span { 
     background:#0E9AA9 !important;
     padding:0 10px; 
 }

.tarifreduit{
	color:red;
}
.blue{
	text-decoration: line-through;
}

.avian{font-family :'avian', 'arial', sans-serif;}
.avian strong, strong{font-family :'avian', 'arial', sans-serif;font-weight:600;}
.cookie{font-family: 'Cookie', cursive;}
ul{padding: 0; list-style: none}
*{font-family :'avian', 'arial', sans-serif;font-size:12px;font-weight:400;}

a.more{
    background-color: #ffffff;
    font-size: 16px;
}
.container-type .important,
.text_seo a.scrollToSeo{
    color: #db024e;
}
.text_seo{
    background-color: #ffffff;
    padding: 15px 20px;
}
.text_seo a.scrollToSeo{
    text-decoration: none;
}
.text_seo a.scrollToSeo:hover{
    text-decoration: underline;
}
.is_hidden{
    display: none;
}

/*effets*/
/* Buzz Out */
@-webkit-keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}

70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}

.buzz-out {
display: inline-block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.buzz-out:hover, .buzz-out:focus, .buzz-out:active {
-webkit-animation-name: buzz-out;
animation-name: buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

.bounce:hover, .bounce:focus{
    animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: buzz-out;
    animation-timing-function: linear;
    text-decoration: none;
}

.icon{
    vertical-align: middle;
    margin: 0 5px;
    color: #fff;
}
.icon-2x{
    font-size: 2em;
}
.icon-3x{
    font-size: 3em;
}
.icon-4x{
    font-size: 4em;
}
.icon-5x{
    font-size: 5em;
}

header{height:48px;}


.container-fluid > .navbar-header{
    margin: 0;
}
.navbar-header a.visible-xs{
    float: left;
    clear: left;
    margin-left: 15px;
}
.navbar-header a.visible-xs#contact-btn{
    margin-top: 8px;
}
header > nav > .container-fluid:not(.fixed-top){
    margin-top: 48px;
}
header > nav > .container-fluid.fixed-top{
    position: fixed;
    width: 100%;
    z-index: 10;
    color:#fff;
    background:rgba(1,58,65,0.7);
    padding:0;
}
header a, header a:hover, header a:focus{
    color:#fff;
    text-transform:uppercase;
    display:inline-block;
}
.nav > li > a, .nav > li > a:hover, .nav > li > a:focus{
    background: transparent;
    color:#fff;
    font-size:12px;
}
.nav > li > a:hover, .nav > li > a:focus{
    text-decoration: underline;
}
header a.cookie, header a.cookie:hover, header a.cookie:focus{
    font-size: 20px;
}
a#logo,
.navbar-sm a#logo{
    position:absolute;
    width:77px;
    height:40px;
    left:50%;
    margin-left:-31px;
    margin-top: 4px;
    z-index:20;
    padding: 0;
    background: transparent url(/img/logo-min.png) no-repeat center center;
}
a#logo img{
    display: none;
}

/*INDEX*/
#index header{position: relative;background:url('img/triangle.png') repeat-x 0 460px,url('img/header.jpg') no-repeat top center, url('img/header-repeat.jpg') repeat-x top left;height:534px;}
#index header.ete_1{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-1.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_2{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-2.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_3{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-3.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_4{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-4.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_5{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-5.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_6{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-6.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_7{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-7.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.ete_8{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-ete/header-8.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_1{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-1.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_2{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-2.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_3{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-3.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_4{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-4.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_5{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-5.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}
#index header.hiver_6{background:url('/css/img/triangle.png') repeat-x 0 460px,url('/css/img/header-hiver/header-6.jpg') no-repeat top center, url('/css/img/header-repeat.jpg') repeat-x top left;}

.navbar-toggle {
    border: none;
    background: transparent !important;
}
.navbar-toggle:hover {
    background: transparent !important;
}
.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    background-color: #ffffff;
}
.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
    opacity: 0;
}
.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0deg);
}
.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0deg);
}

.navbar-main > .container-fluid.fixed-top + .container-fluid{
    background-color: #f1c600;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background-color: transparent;
    border: none;
    padding-bottom: 0;
}
.navbar-nav > li > .dropdown-menu{
    background-color: #f1c600;
    color: #ffffff;
    padding: 0;
    border: none;
}
.navbar-nav > li > .dropdown-menu a{
    display: table;
    color:#fff;
    font-size:11px;
    text-transform:uppercase;
    vertical-align: middle;
/*    padding:0 10px 0 37px;
    line-height:32px;
    height:32px;
    background:url('img/submenu.png') no-repeat 0 0;*/
    margin-bottom: 7px;
    margin-left: 25px;

}

.navbar-nav > li > .dropdown-menu a *{
    display: table-cell;
    vertical-align: middle;
}
.navbar-nav > li > .dropdown-menu a .icon{
    padding: 0 5px;
    font-size: 1.6em;
}
.navbar-nav > li > .dropdown-menu a:hover{
    text-decoration: none;
}
.navbar-nav > li > .dropdown-menu a:hover span{
    text-decoration:underline;
}

/*******************/
/*** SEARCH FORM ***/
#search{
    width: 100%;
}
#index #search{
    position: absolute;
    bottom: 30px;
    z-index: 100;
}
#search .h3 {
    font-family: 'Cookie', 'Arial', sans-serif;
    font-size: 34px;
    line-height: 30px;
    margin-top: 0;
    color: #fff;
    text-align: center;

}
#search form .row > div{
    background-color: #ffffff;
    padding: 5px 0 5px 0;
}
#search form .row > div:first-of-type{
    padding-top: 20px;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius:  10px 10px 0 0;
}
#search form .row > div:last-of-type{
    border-radius: 0 0 0 0 ;
    -moz-border-radius: 0 0 0 0 ;
    -webkit-border-radius:  0 0 0  0;
    padding-bottom: 15px;
}
#search form .row > div .field{
    background-color: #0e9aa9;
    padding: 10px;
}
#search form label{
    font-size:19px;
    color:#fff;
    text-transform:uppercase;
    line-height:31px;
    display:inline-block;
    padding: 0 10px;
    vertical-align: middle;
    margin:0;
}
#search form select{
    font-family:'Arial', sans-serif;
    font-size:13px;
    color:#0e9aa9;
    padding:5px;
    background:#fff;
    border:0;
}
#search form .row > div:last-of-type select{
    margin-right: 25px;
}
#search form div button.submit{
    height:26px;
    width:26px;
    border:0;
    display:inline-block;
    cursor:pointer;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: translateZ(0px);
    background-color: #ffffff;
    padding: 0;
    vertical-align: middle;
}
#search form div button.submit .icon{
    color:#0e9aa9;
    margin: 0;
}



/************/
/*** FORM ***/

form fieldset,
.bg_gray{
    background:#f8f8f8;
    padding:10px 15px;
    display:block;
    border:0;
    margin:0 0 15px 0;
    color:#0e9aa9;
}
form fieldset legend{
    margin: 35px 0 0 0;
    border: 0;
    font-family: 'avian', 'arial', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
.container-type form .inline-block{
    display: inline-block;
    vertical-align: middle;
}

.container-type form label{
    color: #0e9aa9; 
    font-family: 'Arial', sans-serif;
    font-size: 13px;
    margin: 0;
} 
.container-type form label.margin-right{
    margin-right: 10px;
}
.container-type form label.big,
.container-type form label.litle-big{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.container-type form input,
.container-type form textarea,
.container-type form select{
    padding: 5px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #777;
}
.container-type form input[type="text"],
.container-type form input[type="email"],
.container-type form textarea,
.container-type form select{
    width: 100%;
}
.container-type form input[type="date"]{
   line-height: inherit;
}
.container-type form .inline_block select{
    width: auto;
    margin: 0 3px;
}
.container-type form input[type="text"],
.container-type form input[type="email"],
.container-type form select{
    line-height: normal;
    height:28px;
}
.container-type form .row > div.height{
        line-height: 28px;
    }
.container-type form input[type="radio"],
.container-type form input[type="checkbox"]{
    margin-left: 10px;
    margin-right: 3px;
}
.checkbox,
.checkbox + .checkbox{
    margin: 4px 0;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    position: inherit;
}
.checkbox label{
    padding-left: 0;
}
.container-type form input[type="radio"]:first-of-type{
    margin: 0 3px 0 0;
}
.container-type form .row > div{
    margin-bottom: 10px;
}
.container-type form .row > div.div-label,
.container-type form .row > div.div-label-checkbox{
    margin-bottom: 5px;
}
.container-type form .row > div.div-label-checkbox{
    margin-top: 10px;
}
.container-type form .row > div.no-margin{
    margin-bottom: 0;
}
.container-type form .row > div.inline_block.checkbox{
    margin-bottom: 4px;
}
.container-type form textarea{
    height: 70px;
}
.container-type form button.submit,
.container.title form button.submit{
    background-color:#dddacf ;
    border: 0 none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    transform: translateZ(0px);
    color: #ffffff;
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 15px;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    vertical-align: baseline;
    height: 32px;
}
.container-type form button.submit.bounce_green{
    background-color:#0e9aa9;
}
.container-type form button.submit.back,
.container.title form button.submit.back{
    background-color:#5d5d5d ;
    padding: 5px 25px 5px 10px;
    font-size: 13px;
}
.container-type form button.submit.small{
    font-size: 85%;
}

.container-type form button.submit:not(.small) .icon{
    color: #ffffff;
    vertical-align: baseline;
}
.container-type .container form button.submit:not(.small) .icon:first-of-type{
    margin-right: 25px;
}
.container-type .container form button.submit:not(.small) .icon:last-of-type{
    margin-left: 25px;
}
.container-type .container form button.submit.back:not(.small) .icon:last-of-type{
    margin-left: 5px;
}

form button.submit.small{
    background-color: #0e9aa9;
    color: #ffffff;
    border: 0 none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 30px;
    transform: translateZ(0px);
    width: 30px;
    padding: 0 5px;
}
form button.submit.small .icon{
    margin: 0;
}
.container-type .container .submit.small .icon{
    color: #ffffff;
}

ul.error{
    margin:0;
}
ul.error li,
.error{
    color: #DB024E;
}

/*** NAV TABS ***/
/*** NAV PILLS ***/
.nav.nav-pills.nav-justified{
    margin: 0 15px 15px;
    width: auto;
}
.nav.nav-pills > li{
    padding: 0 10px;
    margin: 5px 0;
}
.nav.nav-pills > li > a,
.nav.nav-pills > li > a:hover,
.nav.nav-pills > li > a:focus{
    color: #fff;
    background: #d3cfc2;
    font-size: 12px;
    line-height: 22px;
    font-weight:400;
    font-family:'avian', sans-serif;
    text-decoration:none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 5px;
    margin: 0 10px;
}
.nav.nav-pills.associative > li > a,
.nav.nav-pills.associative > li > a:hover,
.nav.nav-pills.associative > li > a:focus{
    text-transform: uppercase;
    font-size: 16px;
}
.nav.nav-pills.blocked > li > a,
.nav.nav-pills.blocked > li > a:hover,
.nav.nav-pills.blocked > li > a:focus{
    cursor: inherit;
}
.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover,
.nav.nav-pills > li.active > a:focus{
    background-color: #0e9aa9;
}
.nav.nav-pills:not(.blocked) > li > a:hover{
    text-decoration: underline;
}
.nav.nav-pills > li a:before,
.nav.nav-pills > li a:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 0;
    border: 20px solid transparent;
    border-width: 16px 15px;
}
.nav.nav-pills > li a:before {
    left: -30px;
    border-color: transparent #d3cfc2 #d3cfc2 transparent;
}
.nav.nav-pills > li a:after {
    right: -30px;
    border-color: #d3cfc2 transparent transparent #d3cfc2 ;
}
.nav.nav-pills > li.active a:before {
    border-color: transparent #0e9aa9 #0e9aa9 transparent;
}
.nav.nav-pills > li.active a:after {
    border-color: #0e9aa9 transparent transparent #0e9aa9;
}


/*******************************/
/*** Message de confirmation ***/
.print_message{
    position: relative;
    border: 2px solid #0e9aa9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 15px;
}
.print_message.error{
    border-color: #DB024E;
}
.print_message.info{
    border-color: #ecb802;
}
.print_message .close{
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: -10px;
    right: -10px;
    background: transparent url('img/fancy_close.png') no-repeat;
    text-indent: -999em;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    -moz-opacity: 1;
}



/***************/
/*** WRAPPER ***/
#wrapper{
    padding-bottom: 50px;
}
#wrapper .title{
    padding: 15px;
}

h1{
    font-size:40px;
    color:#0e9aa9;
    margin:0;
    text-align:center;
    font-family: 'Cookie', 'Arial', sans-serif;
}
h2{
    color:#ecb802;
    font-family:'avian','Arial', sans-serif;
    font-size:19px;
    text-transform:uppercase;
    margin:10px 0;
}
h2:first-of-type,.type h2.big{
    font-size:25px;
}
h3{
    font-size:16px;
    color:#0e9aa9;
    text-transform:uppercase;
    font-weight:400;
    font-family:'avian', 'Arial', sans-serif;
    margin:10px 0 5px 0;
}
h4{text-decoration: underline;}


a.button{
    display: inline-block;
    padding: 5px 7px 5px 10px;
    color: #ffffff;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    margin-right: 5px;
}
a.red{
    color: #db024e;
}
a.bg-red{
    background-color: #db024e;
}
a.yellow{
    color: #ecbd00;
}
a.button span{
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
}
ul.list li{
    margin: 10px 0;
    line-height: 16px;
}

.center{
    text-align: center;
}
.text-center img{
    margin: 0 auto 10px;
}

.container-type hr {
    border: none;
    border-top: 2px dashed #0e9aa9;
    margin: 25px 0px;
}


.container-type{
    background:url('img/bg-type.jpg') no-repeat top center,url('img/bg-repeat.jpg') repeat-x top left;
    background-color:#F9F8F6;
    padding:20px 0;
}
.container-type .container{
    background: #fff;
    padding: 15px;
}
.container-type .container h3{
    font-family: 'Arial', sans-serif;
}
.container-type .container p{
    margin-bottom: 15px;
}
.container-type .container p.quote{
    font-style: italic;
    color: #b1ad9e;
    margin-bottom: 0;
}

.container-type .container.justify p {
    text-align: justify;
}
.container-type .container .mentions{
    font-style: italic;
    font-size: 11px;
}
.container-type .container p.caution {
    color: #BF0000;
    font-size: 11px;
    font-style: italic;
}
.container-type .container .devise{
    color: #ecb802;
    font-size: 32px;
    font-family: 'Cookie', 'Arial', sans-serif;
    font-weight: normal;
    margin: 15px 0;
    line-height: 30px;
}
.container-type .container,
.container-type .container .icon{
    color: #0e9aa9;
}


.container-type a{
    color: #127581;
    font-weight: bold;
    text-decoration: underline;
}
.container-type a:hover{
    color: #db024e;
}
.container-type a.button{
    font-family: 'Avian', 'Arial', sans-serif;
    background-color: #edbf00;
    color: #fff;
    text-decoration: none;
    margin: 5px 0;
    padding: 10px;
    font-size: 17px;
}
.container-type a.button.ring{
    padding: 5px;
}
.container-type a.button.ring .icon{
    font-size: 1.2em;
}
.container-type a.button.deconnect{
    background-color: #0e9aa9;
    padding: 3px 5px 3px 15px;
}
.container-type a.button .icon{
    color: #fff;
    margin-left: 25px;
}
.container-type .container ul.list li i.icon{
    display: block;
    float: left;
}
.container-type a.button.back{
    background-color: #dddacf;
    padding: 5px 15px;
    font-size: 15px;
}
.container-type a.button.back .icon{
    margin: 0 25px 0 0;
}
.container-type .container#partage{
    background: none;
}

#partage{
    margin: 20px auto 10px;
}
#partage p{
    font-family: 'Cookie', 'Arial', sans-serif;
    font-size: 35px;
    color: #0e9aa9;
}





/***********************/
/*** REVUE DE PRESSE ***/
#presse_wrapper li{
    margin-bottom: 15px;
}
#presse_wrapper li a{
    display: block;
    line-height: 27px;
    height: 27px;
    width: 125px;
    text-decoration: none;
    margin: 2px 10px 10px 25px;
}
#presse_wrapper li .icon-check{
    vertical-align: top;
}
.container-type .container .icon.bg-red{
    background-color: #db024e;
    color: #ffffff;
}

#contact #address{
    text-align: center;
}
#contact #rappel a img{
    display: block;
    margin: 0 auto;
}



/** LIST DES SEJOURS **/
.item-sejour{
    position: relative;
    margin-bottom: 20px;
}
.item-sejour > a{
    display: block;
    background-color: #fff;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    color: #ffffff;
}
.item-sejour .image {
    height: 205px;
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
    position: relative;
}
.mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(11,152,168,0.8);
    opacity: 0;
    text-align: center;
}
a:hover .mask {
    opacity: 1;
}
.item-sejour .image .icon {
    margin-top: 40px;
    margin-bottom: 20px;
    display: block;
    color: #fff;
}
.item-sejour .image .icon.inline{
    display: inline-block;
    margin:0 0 0 15px;
}
.item-sejour .image p.hover{
    font-family: 'avian', 'Arial', sans-serif;
    font-size: 17px;
    color: #fff;
}
.item-sejour .is_full{
    color:#fff;
    font-size:13px;
    padding: 4px 10px;
    text-transform:uppercase;
    background:rgba(205,1,72,0.7);
    position:absolute;left:0;top:120px;
}
.item-sejour h3{
    color:#fff;
    font-size:16px;
    padding:4px 10px;
    text-transform:uppercase;
    background:rgba(2,151,167,0.7);
    position:absolute;left:0;bottom:20px;
}
.item-sejour .price{
    background-color: #db024e;
    color:#fff;
    font-size:10px;
    text-align:center;
    position:absolute;
    z-index:1000;
    top:10px;
    right:10px;
    width:95px;
    height:95px;
    padding: 10px 5px;
    vertical-align:middle;
    display:table-cell;
    border-radius:95px;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
}
.item-sejour .price .icon{
    margin: 0;
}
.item-sejour .price hr{
    margin: 5px auto;
    width: 50px;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    border: 1px solid #ffffff;
}
.item-sejour .price span{
    font-size: 24px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
}
.item-sejour .price span sup{
    font-size: 12px;
    position: relative;
    margin: -5px 0 0 5px;
}
#lists li .price span, #next li .price span{font-size:24px;font-weight:400;line-height:26px;position:relative;}
#lists li .price span sup, #next li .price span sup{font-size:12px;position:relative;margin:-5px 0 0 5px;}

.item-sejour .content{
    padding: 10px;
    background-color: #ffffff;
}
.item-sejour .content > div{
    margin-bottom: 10px;
}
.item-sejour .content > div:last-of-type{
    margin:0;
}
.item-sejour .content .period{
    margin-left: 0;
    margin-right: 0;
}
.item-sejour .content .period > div{
    background-color: #d3cfc2;
    padding:0;
    line-height: 22px;
    color:#ffffff;
}
.item-sejour .content .period > div > div{
    padding: 5px 15px;
}
.item-sejour .content .period > div > div + div{
    line-height: 28px;
}
.item-sejour .content .icon{
    font-size: 1.5em;
}
.item-sejour .content .period .icon{
    color: #ffffff;
}
.item-sejour .content div span{
    text-transform: uppercase;
    font-size: 17px;
    line-height: 18px;
}
.container-type .item-sejour a.button{
    font-size: 15px;
    width: 100%;
    padding: 5px 10px;
}
.container-type .item-sejour a.button.icon{
    font-size: 1em;
}



/************/
/*** HOME ***/
#next{background:url('img/next.jpg') no-repeat top center;background-size:cover;padding:20px 0;}
#next h2,
#lowcost h2{
    font-weight:normal;
    text-align:center;
    font-size:26px;
    color:#0297a7;
    text-transform:uppercase;
}
#edito{
    color:#fff;
    padding:30px 0;
    background: #ecbd00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ecbd00 0%, #f1c600 100%, #f1c600 100%, #f1c600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecbd00), color-stop(100%,#f1c600), color-stop(100%,#f1c600), color-stop(100%,#f1c600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ecbd00 0%,#f1c600 100%,#f1c600 100%,#f1c600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ecbd00 0%,#f1c600 100%,#f1c600 100%,#f1c600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ecbd00 0%,#f1c600 100%,#f1c600 100%,#f1c600 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ecbd00 0%,#f1c600 100%,#f1c600 100%,#f1c600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecbd00', endColorstr='#f1c600',GradientType=0 ); /* IE6-9 */
}
#edito h2{
    background:url('img/bg-title-edito.png') no-repeat;
    height:52px;
    display:block;
    text-indent:-999em;
    overflow:hidden;
    margin-top: 0;
}
#edito img{float:right; margin-left: 20px;}
#edito a:not(.more){
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

#edito .col-sm-6 + .col-sm-6{
    text-align: justify;
    margin: 10px 0;
}

#stats{
    padding:20px 0;
    background:url('img/stats.jpg') repeat-y top center;
    background-size:cover;
}
#stats .item{
    font-size:14px;
    color:#fff;
    text-align:left;
    margin-bottom: 10px;
}
#stats .item .icon{
    float: left;
    margin-right: 15px;
}
#stats .item span{
    display: block;
    font-size:26px;
    line-height:26px;
}
#news{
    padding:20px 0;
    background:url('img/news.png') no-repeat center center;
    border-top:17px solid #0e9aa9;
}
#index #news{
    border-top:0;
}

#news #index-news{
    padding-bottom: 20px;
}

#news #index-news > .row:first-of-type{
    background-color: #db024e;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    margin: 0;
}
#news #index-news .row .visual{
    padding: 0;
    position: relative;
}
#news #index-news .row .visual h2{
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -78px;
    width: 155px;
    height: 102px;
    background: transparent url('img/actu-index-bg.png') no-repeat center top;
    text-indent: -999em;
    overflow: hidden;
}
#news #index-news .row .visual a{
    display: block;
    height: 180px;
}
#news #index-news .row .visual img{
    display: none;
}
#news #index-news .txt h3{
    font-size: 22px;
    text-transform: uppercase;
    line-height: 22px;
    margin-bottom: 5px;
    color: #fff;
}
#news #index-news .txt p{
    line-height: 16px;
    margin: 2px 0 5px 0;
    color: #fff;
}
#news #index-news .txt .price{font-size:16px;text-transform:uppercase;background:#fff;color:#db024e;padding:2px 5px;}
#news #index-news .txt a.button{padding:2px 15px;margin:3px 0;}

#news #index-news .row + .row{
    margin-top: 5px;
}
#news #index-news .row + .row a,
#news #index-news .row + .row a .icon{
    background:#fff;
    color:#db024e;
}
#news #index-news .row + .row a:hover{
    text-decoration: none;
}
#news #index-news .row + .row a:hover span{
    text-decoration: underline;
}



#news #catalog{
    display: block;
    background-size: contain;
    height: 220px;
}
#news #catalog img{
    display: none;

}

#parents{
    padding: 20px 0;
    background: #fff;
    border-top: 27px solid #0e9aa9;
}
#parents a{
    display: block;
}
#parents a div{
    height: 166px;
    position: relative;
    background: transparent url(/img/parents.png) no-repeat center center;
    background-size: contain
}
#parents a:hover div{
    background-image: url(/img/parents-hover.png);
}
#parents a img{
    display: none;
}


/********************/
/*** PAGE INTERNE ***/
#infos .container{
    text-align: justify;
}
table.bordered{
    width:100%;
    border:1px solid #fff;
    border-collapse:collapse;
}
table.bordered td,
table.bordered th{
    border:1px solid #fff;
    padding:5px;
    vertical-align:middle;
    text-align:center;
    color:#127581;
    font-family: 'Arial', sans-serif;}
table.bordered th{
    background:#EEEBE4;
    font-weight:600;
}
/*#infos .type .container table.bordered td,#infos .type .container table.bordered th{text-align:center;}*/
.bg_lightgray {
    background-color: #f6f4f1;
    color: #75736f;
}

#croqinfos {
    margin-bottom: 25px;
    padding: 15px;
}
#croqinfos a {
    display: inline-block;
    width: auto;
    margin-bottom: 15px;
}

/*** Vie associative ***/
#associative .container-type .container p{
    text-align: justify;
    font-size: 14px;
}
#associative .container-type .container p.signature{
    text-align: right;
}
#associative #temoignage .row:nth-of-type(3){
    margin-top:15px;
}
#associative .container-type .container h3{
    color: #ecb802;
}
#associative .container-type .container p.cookie {
    color: #ecb802;
    font-size: 40px;
}
#associative_form{
    display: none;
}

p.date{
    text-align: right;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 5px;
}
#recrutement .offre_recrutement{
    border-top: 1px dotted #0e9aa9;
    padding: 5px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
}


#cata_ligne .container-type .container,
#list_temoignages .container-type .container,
#list_actualites .container-type .container,
#list_sejour .container-type .container,
#list_sejour_param .container-type .container,
#sejour .container-type .container{
    background: none;
}
#cata_ligne .container-type .important{
    font-size: 18px;
}
#cata_ligne .container-type .important strong{
    font-family: 'Cookie', 'Arial', sans-serif;
    font-size: 35px;
}
#cata_courrier{
    display: block;
    padding: 10px 0;
    background-color: #f1c600;
    color: #ffffff;
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}
#cata_courrier .icon{
    color:#ffffff;
    font-size: 1.5em;
}


/*** POPUP ***/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
}
.overlay:target{
    visibility: visible;
    opacity: 1;
}
#form_catalogue{
    position: relative;
    top:25%;
    left: 10%;
    width: 80%;
    padding: 25px;
    background: none;
    background-color: #ffffff;
    z-index: 1000;
}
#form_catalogue h2{
    font-size: 14px;
    text-transform: uppercase;
    color: #0297a7;
    text-align: center;
    border-bottom: 1px solid #0297a7;
    padding-bottom: 5px;
}
#form_catalogue form fieldset{
    background: none;
    margin:0;
}
#form_catalogue .icon.yellow{
    font-size: 2.5em;
    color:#f1c600;
}
.container-type form .text-blue label{
    color: #0297a7;
    font-weight: normal;
}
#form_catalogue a {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #777;
    font-size: 18px;
    text-decoration: none;
    font-weight: normal;
}
#form_catalogue a:hover{
    font-weight: bold;
}
#form_catalogue.container-type button.submit.bounce_green{
    margin-top: 10px;
}

/*** GRID item ***/
.grid-item{
    margin: 10px 0 ;
}
.grid-item > div{
    background-color: #ffffff;
    padding: 25px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#temoignages div p.titre{
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #0e9aa9;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 3px solid #d3cfc2;
}
.grid-item p.auteur{
    font-family: 'Cookie', 'Arial', sans-serif;
    font-size: 25px;
    line-height: 25px;
    color: #0e9aa9;
}
.grid-item .date{
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #0e9aa9;
}

.container-type .container .ranking .icon{
    color: #f1c600;
    margin: 0;
    font-size: 12px;
}


/*** ACTUALITES ***/
#actualites .item{
    margin: 10px 0;
    background-color: #ffffff;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#actualites .item .image{
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}
#actualites .item .image a{
    display: block;
    height: 180px;
}
#actualites .item .image img{
    display: none;
}
#actualites .item .content{
    padding: 10px 15px;
}
#actualites .item .content p{
    font-family: 'Avian', 'Arial', sans-serif;
    margin-bottom: 5px;
    color: #0e9aa9;
}
#actualites .item .content p.titre{
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
}
#actualites .item .content p.titre.small{
    font-size: 15px;
}
#actualites .item .content p.encart_prix {
    font-size: 14px;
    background-color: #dcd9ce;
    color: #ffffff;
    text-transform: uppercase;
    padding: 2px 5px;
}



/*** PAGINATION ***/
.pagination{
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}
.pagination > li{
    display: inline-block;
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 17px;
    color: #db024e;
    margin: 0 3px;
}
.pagination > li:first-of-type,
.pagination > li a,
.pagination > li a:hover,
.pagination > li a:focus{
    font-family: 'Avian', 'Arial', sans-serif;
    font-size: 17px;
    color: #0e9aa9;
    text-decoration: none;
    font-weight: normal;
}
.pagination > li > a,
.pagination > li a:hover,
.pagination > li a:focus{
    float: none;
    background: none;
    border:none;
    padding: 0;
}
.pagination > li a:hover,
.pagination > li a:focus{
    font-weight:bold;
    text-decoration: underline;
}



/*** Lowcost ***/
.container-type .container#lowcost{
    margin: 25px auto;
    background: none;
}


/**************/
/*** SEJOUR ***/
#sejour-header{
    margin: 0;
}
#sejour .pictures{
    position: relative;
    padding:0;
}
#sejour .pictures .age-range {
    background-color: #fbce05;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    z-index: 1000;
    top: 10px;
    left: 10px;
    width: 75px;
    height: 75px;
    vertical-align: middle;
    display: table-cell;
    border-radius: 75px;
    padding-top: 5px;
}
#sejour .pictures .age-range hr{
    display: none;
}
#sejour .pictures .age-range .icon{
    color: #ffffff;
}
#sejour .pictures .age-range p{
    font-size: 11px;
    line-height: 13px;
    margin: 5px 0;
}

#sejour .slider li{
    height:300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#sejour .slider li img{
    display: none;
}
#sejour #wrapper{
    position: relative;
}
#sejour .bx-wrapper .bx-controls {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    text-align: center;
}
#sejour .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}
#sejour .bx-pager-item a {
    background: transparent;
    text-indent: -99em;
    overflow: hidden;
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 15px;
    border: 2px solid #fff;
}
#sejour .bx-pager-item a.bx-pager-link.active{
    background:#fff;
    border:2px solid #fff;
}

#sejour .booking{
    height:360px;
    background: #cd0148 url('img/sejour-booking.jpg') repeat;
}
#sejour .booking p,
#sejour .booking img{
    margin-bottom: 10px;
}
#sejour .booking img{
    max-width:180px;
}
#sejour .booking p.location {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid #fff;
}

#sejour .booking p.price {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    background: #f1c600;
    line-height: 20px;
}
#sejour .booking p.price span {
    font-size: 24px;
}
#sejour .booking button[type="submit"]{
    display: block;
    background-color: transparent;
    border: 0;
    font-family: 'Cookie','Arial', sans-serif;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
}
#sejour .booking button[type="submit"] span{
    color: #ffffff;
    font-size: 26px;
    font-family: 'Cookie','Arial', sans-serif;
    vertical-align: middle;
}
#sejour .booking button[type="submit"] .icon{
    color: #ffffff;
    font-size: 26px;
}

#sejour-left,
#sejour-right{
    margin-top: 20px;
}
#sejour-content{
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 20px;
    border-top: 10px solid #0E9AA9;
}
#sejour-left h2{
    height: 35px;
    line-height: 35px;
    color: #009bab;
    margin-top: 0;
    font-size: 18px;
}
#sejour-left h2 .icon{
    font-size: 1.5em;
}
#sejour-left .nav-pills{
    margin: 20px 10px 10px 10px;
}
#sejour-left .nav.nav-pills > li > a span,
#sejour-left .nav.nav-pills > li > a:hover span,
#sejour-left .nav.nav-pills > li > a:focus span{
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
    line-height: 22px;
    vertical-align:middle;
}
#sejour-left .nav.nav-pills > li > a,
#sejour-left .nav.nav-pills > li > a:hover,
#sejour-left .nav.nav-pills > li > a:focus{
    height: 36px;
    text-decoration: none;
}

#sejour-left .nav.nav-pills > li > a:hover span,
#sejour-left .nav.nav-pills > li > a:focus span{
    text-decoration: underline;
}
#sejour-left .nav.nav-pills > li > a .icon{
    font-size: 1.5em;
    color: #ffffff;
    margin:0;
}
#sejour-left .nav.nav-pills > li a::before,
#sejour-left .nav.nav-pills > li a::after{
    border-width: 18px 15px;
}
#sejour-temoignage{
    margin: 20px 0;
    padding: 20px;
    background-size: cover;
    background: transparent url("img/avis-sejour-ete.png") no-repeat center center;
}
#sejour-temoignage.avis_hiver{
    background: transparent url("img/avis-sejour-hiver.png") no-repeat center center;
    background-size: cover;
}
#sejour-temoignage .ranking{
    margin-bottom: 10px;
}
.container-type .container #sejour-temoignage .ranking .icon{
    color: #ffffff;
    margin: 0;
    font-size: 16px;
}
#sejour-temoignage p{
    font-family: 'Cookie', Arial, sans-serif;
    font-size: 30px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 10px;
}
#sejour-map{
    height: 300px;
    margin-bottom: 20px;
    display: none;
}

#sejour-complements{
    background-color: #d3cfc2;
    color: #ffffff;
    padding: 10px 0;
}
#sejour-complements p {
    padding: 10px 20px;
    margin: 0;
}
#sejour-complements p.formalites {
    background-color: #0e9aa9;
}
#sejour-complements p span{
    font-size: 16px;
    text-transform: uppercase;
}


#sejour-right > div{
    padding: 10px;
    margin: 0 0  20px 0;
    background-color: #0E9AA9;
    color: #ffffff;
}
#sejour-right > div#departures,
#sejour-right > div#downloads{
    background-color: #cd0148;
}
#sejour-right > div#sessions{
    background-color: #ecb802;
}
#sejour-right > div h2,
#sejour-right > div h2 span{
    font-family: 'Cookie', 'Arial', sans-serif;
    color: #ffffff;
    font-size: 45px;
    line-height: 45px;
    text-transform: none;
    vertical-align: middle;
    margin-top: 0;
}
#sejour-right > div h2 .icon{
    color: #ffffff;
    font-size: 45px;
    line-height: 40px;
}
#sejour-right > div#sessions h2{
    font-size: 30px;
    line-height: 30px;
}
#sejour-right > div#sessions table{
    margin-bottom: 5px;
}
#sejour-right > div#sessions table .row td{
    border: 1px solid #ffffff;
    text-align: center;
    padding: 0 5px;
}
#sejour-right > div#video{
    padding: 10px 0 0 0;
}
#sejour-right > div#video h2{
    margin: 0 0 10px 10px;
}
#sejour-right > div#departures .row,
#sejour-right > div#activities .row,
#sejour-right > div#downloads .row{
    margin: 0;
}
#sejour-right > div#departures .list-item,
#sejour-right > div#activities .list-item,
#sejour-right > div#downloads .list-item{
    text-transform: uppercase;
}
#sejour-right > div#departures .list-item:before,
#sejour-right > div#activities .list-item:before,
#sejour-right > div#downloads .list-item:before{
    content:"• ";
}
#sejour-right > div#downloads h2 span{
    font-size: 24px;
    line-height: 24px;
}
#sejour-right > div#downloads h2 .icon{
    margin: 0;
}
#sejour-right > div#downloads h2 .icon:last-of-type{
    font-size: 24px;
}
#sejour-right > div#downloads .list-item a,
#sejour-right > div#downloads .list-item a:hover,
#sejour-right > div#downloads .list-item a:focus{
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
}
#sejour-right > div#downloads .list-item a:hover,
#sejour-right > div#downloads .list-item a:focus{
    text-decoration: underline;
}

#form_paiement,
#favorite,
#favorite2
{
    display: none;
}


/************************/
/*** Espace Adhérents ***/
#espace_adherents h2,
#suivi-sejour h2 {
    color: #0e9aa9;
}
#espace_adherents h3,
#suivi-sejour h3
{
    color: #ecb802;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Avian', 'Arial', sans-serif;
}


/*** Suivi Résa ***/
#suivi-resa .h2 div,
#suivi-resa .h2 div.small,
#suivi-sejour .h2 div,
#suivi-sejour .h2 div.small {
    font-size: 25px;
    color: #0e9aa9;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
#suivi-resa .h2 div.small,
#suivi-sejour .h2 div.small{
    font-size: 13px;
    margin-top: 5px;
}

#suivi-resa .table{
    margin-bottom: 25px;
    border: 2px solid #0e9aa9;
}
#suivi-resa .table p,
#suivi-resa .table h3{
    margin: 0;
    padding: 0;
}
#suivi-resa .table h3{
    margin-top: 10px;
}
#suivi-resa .table p.etat{
    padding: 5px 10px;
    font-weight: bold;
}
#suivi-resa .table p.etat.valid_N{
    background-color: #cb0d4a;
    color: #ffffff;
}
#suivi-resa .table p.etat.valid_A{
    background-color: #fdc428;
    color: #ffffff;
}
#suivi-resa .table p.etat.valid_O{
    background-color: #1e9aa8;
    color:#ffffff;
}
#suivi-resa .table .row{
    padding: 10px;
}
#suivi-resa .table .th,
#suivi-resa .table .td{
    padding: 5px;
}
#suivi-resa .table .th{
    vertical-align: top;
    background-color: #0e9aa9;
    color: #ffffff;
    font-weight: bold;
}
.resa_p{
    color:#1e9aa8;
}
.resa_e{
    color:#cb0d4a;
}
.resa_np{
    color:#fdc428;
}
#zone_paiement h3{
    background-color: #ffffff;
    font-size: 20px;
    color: #cb0d4a;
}
#zone_paiement > .row{
    margin-bottom: 10px;
}

#suivi-resa .zones ul li{
    text-align: center;
    vertical-align: top;
}
#suivi-resa .zones ul li p{
    background-color: #cb0d4a;
    padding: 10px;
    font-size: 15px;
    color: #ffffff;
    margin: 0;
}
#suivi-resa .zones ul li p .icon{
    color: #ffffff;
}
#suivi-resa .zones ul li p:hover{
    cursor: pointer;
}
#suivi-resa .zones ul li form,
#suivi-resa .zones ul li form img{
    display: none;
}



/*** Suivi Séjour ***/
#suivi-sejour .menu{
    margin: 0;
}
#suivi-sejour .menu > div:nth-child(even){
    background-color: #f6f4f1;
}
#suivi-sejour .menu a{
    display: block;
    padding: 10px 0;
}
#suivi-sejour .menu a,
#suivi-sejour .menu a[href="#"]:hover,
#suivi-sejour .menu a .icon,
#suivi-sejour .menu a[href="#"]:hover .icon{
    font-family: 'Avian', 'Arial', sans-serif;
    color: #009bab;
    text-decoration: none;
}
#suivi-sejour .menu a.disabled,
#suivi-sejour .menu a.disabled:hover,
#suivi-sejour .menu a.disabled .icon,
#suivi-sejour .menu a.disabled:hover .icon{
    cursor: default;
    color: #aaaaaa;
}
#suivi-sejour .menu a .icon{
    font-size: 5em;
    line-height: 70px;
}
#suivi-sejour .menu a div{
    text-align: center;
}
#suivi-sejour .menu a div p{
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    margin:0;
}
#suivi-sejour .menu a p strong{
    font-family: 'Cookie', 'Arial', sans-serif;
    font-size: 34px;
    font-weight: normal;
    display: block;
}
#suivi-sejour .menu a:hover,
#suivi-sejour .menu a:hover .icon{
    text-decoration: none;
    color: #db024e;
}
#suivi-sejour .menu a p span{
    font-family: 'Arial', sans-serif;
    font-size: 12px;
}
#suivi-sejour a#upload_photos {
    display: block;
    height: 156px;
    margin: 20px auto;
    background: transparent url('img/upload_photos.png') no-repeat center center;
    text-indent: -999em;
    overflow: hidden;
    background-size: contain;
}
#suivi-sejour .padding_15 > div{
    padding: 15px;
}
#suivi-sejour .date div{
    font-style: italic;
    font-size: 11px;
}
#suivi-sejour .message .content {
    text-align: justify;
}
#suivi-sejour .message .meteo{
    text-align: center;
    margin-bottom: 25px;
}
#suivi-sejour .message .meteo img{
    display: block;
    margin: 0 auto;
}

#suivi-sejour h3.photos_added{
    margin-top: 25px;
    border-bottom: 2px solid #ecb802;
}
#suivi-sejour #photos_sejour a{
    display: block;
    margin-bottom: 5px;
    height:75px;
    background-size: cover;
}
#suivi-sejour #photos_sejour a img{
    display: none;
}
#suivi-sejour #all-messages .message > div{
border-bottom: 1px dotted;
}
#suivi-sejour #all-messages .row:last-of-type .message > div{
    border: 0;
}

/**************/
/*** FOOTER ***/

#footer{
    background-color: #0e9aa9;
}
#footer #newsletter{
    background-color: #015c67;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-top: -50px;
    margin-bottom: 15px;
}
#footer #newsletter .row{
    padding: 15px 0;
    text-align: center;
}
#footer #newsletter .icon-envelope{
    font-size: 4em;
    margin-right: 10px;
}
#footer #newsletter h3{
    color: #ffffff;
    font-size: 50px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
}
#footer #newsletter form{
    display:inline-block;
    width:100%;
}
#footer #newsletter form input,
#footer #newsletter form button{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding:0 10px;
}
#footer #newsletter form input[name="email"]{
    width: 80%;
}
#footer #newsletter form button.submit{
    height:30px;
    padding: 0 5px;
}
#footer #social-networks li{
    display: inline-block
}
#footer #social-networks li a{
    color: #0e9aa9;
    display: inline-block;
}
#footer #social-networks li a span{
    display:inline-block;
    text-indent: -999em;
    overflow: hidden;
}
#footer #social-networks li a .icon{
    color: #0e9aa9;
    font-size: 2.5em;
}
#footer #social-networks li a.blog .icon{
    font-size: 5em;
}

#footer #links{
    padding-bottom: 10px;
}
#footer #links div{
    padding: 0 25px;
    margin: 15px 0;
}

#footer #links div a{
    display: inline-block;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
}
#footer #links div.sociability a{
    background: #015c67 url(img/right-chevron.png) no-repeat calc(100% - 10px) center;
    text-transform: uppercase;
    padding: 5px 20px;
    text-align: center;
    margin-bottom: 10px;
}

#footer #links div.spaces a{
    background: #f1c600 url(img/right-chevron.png) no-repeat calc(100% - 10px) center;
    text-transform: uppercase;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 15px;
}
#footer #links h3{
    margin-top: 0;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}
#footer #links h3 span{
    color: #f1c600;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
}
#footer #links ul{
    list-style: none;
    padding: 0;
}
#footer #links ul li{
    font-size: 14px;
    margin-bottom: 5px;
}

#extra-footer{
    padding:10px 0;
    background:#003b42;
    color:#0e9aa9;
    text-align:center;
}
#extra-footer a{
    color:#0e9aa9;
    text-transform:uppercase;
    font-size:12px;
    padding:0 5px;
}


@media (max-width: 797px) {
    .navbar-fixed-top .navbar-collapse{
        max-height: inherit;
    }
    .navbar-fixed-top{
        position: inherit;
    }
    .dropdown .dropdown-menu {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
    }

    .dropdown.open .dropdown-menu {
        max-height: 300px;
        opacity: 1;
    }
    .container > .navbar-collapse{
        border: 0;
        margin-left: -30px;
        margin-right: -30px;
    }
    .navbar-header{
        background-color: #0e9aa9;
    }
    .navbar-main > .container-fluid.fixed-top + .container-fluid{
        background-color: #0e9aa9;
    }

    .navbar-nav{
        margin: 0 -15px 15px -15px;
        padding: 0 15px;
    }
    .navbar-nav.fleft{
        padding-top:20px;
    }
    .navbar-nav .dropdown.open{
        background-color: #f1c600;
    }
    .navbar-nav li > a,
    .navbar-nav li > a:hover,
    .navbar-nav li > a:focus{
        width: 100%;
        text-align: center;
        font-family: 'Avian', 'Arial', sans-serif;
        font-size: 16px;
        margin-bottom: 10px;
        text-decoration: none;
    }



    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
        background-color: transparent;
        border: none;
        padding-bottom: 0;
    }
    .navbar-nav > li > .dropdown-menu{
        background-color: #f1c600;
        color: #ffffff;
        padding: 0 0 20px 0;
        border: none;
    }
    .navbar-nav > li > .dropdown-menu a{
        display: table;
        color:#fff;
        font-size:13px;
        font-family: 'Avian', 'Arial', sans-serif;
        text-transform:uppercase;
        vertical-align: middle;
    /*    padding:0 10px 0 37px;
        line-height:32px;
        height:32px;
        background:url('img/submenu.png') no-repeat 0 0;*/
        margin-bottom: 10px;
        margin-left: 25px;

    }

    .navbar-nav > li > .dropdown-menu a *{
        display: table-cell;
        vertical-align: middle;
    }
    .navbar-nav > li > .dropdown-menu a .icon{
        padding: 0 5px;
        font-size: 1.6em;
    }
    .navbar-nav > li > .dropdown-menu a:hover{
        text-decoration: none;
    }
    .navbar-nav > li > .dropdown-menu a:hover span{
        text-decoration:underline;
    }

    #navbar .red-banner{
        background-color: #cd0148;
        padding: 10px 0 15px 0;

        text-align: center;
    }
    #navbar .red-banner > div{
        padding: 0 10px;
    }
    #navbar .red-banner a,
    #navbar .red-banner a:hover,
    #navbar .red-banner a:focus{
        text-decoration: none;
        color: #ffffff;
        font-size:12px;
        font-family: 'Avian', 'Arial', sans-serif;
        text-transform:uppercase;
    }
    #navbar .red-banner .icon{
        font-size: 30px;
        display: block;
        margin-bottom: 5px;
    }
}


/* X-Small devices */
@media (max-width: 390px) {
    #search .h3 {
        font-size: 26px;
    }
    #search form label{
        display: block;
        margin-bottom: 5px;
    }
    #stats .item {
        font-size: 12px;
    }
    #stats .item span {
        line-height: 22px;
    }

    #parents a div{
        height: 83px;
    }
}
progress::-moz-progress-bar { background: #ffcc00 ; }
progress::-webkit-progress-value { background: #ffcc00 ; }
progress { color: #ffcc00 ; }
.container-type form label {
    color: #0e9aa9;
}