/* AJOUT DAVID REDUIT TAILLE POLICE DU MENU */
header[role="banner"] .headerContent nav[role="navigation"] ul li>a {
	font-size:14px;
}

h3 a.not_underline {text-decoration:none; color:#28487f;}

/*---------------------------------
HEADER
-----------------------------------*/
/*header[role="banner"] .headerContent { background:#28487f url(/images/bg-header.gif) left bottom repeat-x;}*/
header[role="banner"] .headerContent { background: #28487f;
	/*background: -moz-linear-gradient(top,  #28487f 0%, #28487f 87%, #204072 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28487f), color-stop(87%,#28487f), color-stop(100%,#204072));
	background: -webkit-linear-gradient(top,  #28487f 0%,#28487f 87%,#204072 100%);
	background: -o-linear-gradient(top,  #28487f 0%,#28487f 87%,#204072 100%);
	background: -ms-linear-gradient(top,  #28487f 0%,#28487f 87%,#204072 100%);
	background: linear-gradient(to bottom,  #28487f 0%,#28487f 87%,#204072 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28487f', endColorstr='#204072',GradientType=0 );*/
}
header[role="banner"] .headerContent > div input { background:url(/images/input-header.gif) left top no-repeat;}
header[role="banner"] .headerContent nav[role="navigation"] ul li .expandMenu ul li a:hover {color:#28487f;}


/*header[role="banner"] .headerContent { background:#c09a5c url(/images/bg-header.gif) left bottom repeat-x;}
header[role="banner"] .headerContent { background: #c09a5c;
	background: -moz-linear-gradient(top,  #c09a5c 0%, #c09a5c 87%, #9d8a62 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c09a5c), color-stop(87%,#c09a5c), color-stop(100%,#9d8a62));
	background: -webkit-linear-gradient(top,  #c09a5c 0%,#c09a5c 87%,#9d8a62 100%);
	background: -o-linear-gradient(top,  #c09a5c 0%,#c09a5c 87%,#9d8a62 100%);
	background: -ms-linear-gradient(top,  #c09a5c 0%,#c09a5c 87%,#9d8a62 100%);
	background: linear-gradient(to bottom,  #c09a5c 0%,#c09a5c 87%,#9d8a62 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c09a5c', endColorstr='#9d8a62',GradientType=0 );
}
header[role="banner"] .headerContent > div input { background:url(/images/input-header.gif) left top no-repeat;}
header[role="banner"] .headerContent nav[role="navigation"] ul li .expandMenu ul li a:hover {color:#a3824d;}*/

/*---------------------------------
CONTENT
-----------------------------------*/
section[role="main"] .btnGreen { background:url(/images/btn-green.png) left -56px no-repeat;}
section[role="main"] .btnGreen span { background:url(/images/btn-green.png) right 0 no-repeat;}
section[role="main"] .btnGreen:hover { background:url(/images/btn-green.png) left -84px no-repeat;}
section[role="main"] .btnGreen:hover span { background:url(/images/btn-green.png) right -28px no-repeat;}

.btnGreen38 { background:url(/images/btn-green38.png) left -76px no-repeat;}
.btnGreen38 span { background:url(/images/btn-green38.png) right 0 no-repeat;}
.btnGreen38:hover { background:url(/images/btn-green38.png) left -114px no-repeat;}
.btnGreen38:hover span { background:url(/images/btn-green38.png) right -38px no-repeat;}

/*.btnvoyagemalin {background-color:#28487f;}*/

/*---- bloc visuel ----*/

/*-- etiquette pays --*/
section[role="main"] .sectionHeader .view .stamp {left:120px;font-size:18px;}

/*-- railroad / filtres / pub --*/
section[role="main"] .sectionHeader .railRoad p a:hover { color:#28487f;}

section[role="main"] .sectionHeader .grip .gripContent .optionList { background:url(/images/bg-optionList-left.png) left top no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul { background:url(/images/bg-optionList-right.png) right top no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a {background:url(/images/btn-green.png) left -56px no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a span {background:url(/images/btn-green.png) right 0 no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover { background:url(/images/btn-green.png) left -84px no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover span { background:url(/images/btn-green.png) right -28px no-repeat;}

section[role="main"] article aside[role="complementary"] a:hover{ color:#28487f;}

/*---- Fiche produit ----*/
section[role="main"] .mainContent #contentOnglet1 .produit_promo {color:#28487f;}
section[role="main"] .mainContent #contentOnglet2 h3 { color:#28487f;}
section[role="main"] .mainContent #contentOnglet2 h3>strong { color:#28487f;}
section[role="main"] .mainContent #contentOnglet3 h3 { color:#28487f;}
section[role="main"] .mainContent #contentOnglet3 h3>strong { color:#28487f;}
section[role="main"] .contentOnglet > ul.link li a:hover { color:#28487f;}
section[role="main"] ul.link li { background:url(/images/ico-link.png) left 2px no-repeat;}
section[role="main"] ul.link li a:hover { color:#28487f;}
section[role="main"] .infoTravel .moreTravel ul li a:hover{ color:#28487f;}
section[role="main"] .travelList .travelListContent article .right p > span:nth-child(1).saisonnalite {color:#28487f;}
section[role="main"] .detailTravel p > span:nth-child(1).saisonnalite {color:#28487f;}



/* Select */
/*section[role="main"] .formDevis ul li:first-child input { background:url(/images/inputDate.gif) left top no-repeat;}*/
section[role="main"] .formDevis ul + h2 + ul li div.selector span { background:url(/images/select280.gif) left top no-repeat;}
section[role="main"] .formDevis ul li div.selector span { background:url(/images/select50.gif) left top no-repeat;}

/*---- Pages statiques ----*/
section[role="main"] article.staticArea h2 {color:#28487f;}
section[role="main"] article.staticArea h2 a {color:#28487f;}
section[role="main"] article.staticArea a:hover{ color:#28487f;}

section[role="main"] article .formDevis button {
	background: #28487f;
	background: -moz-linear-gradient(top,  #28487f 0%, #472825 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28487f), color-stop(100%,#472825));
	background: -webkit-linear-gradient(top,  #28487f 0%,#472825 100%);
	background: -o-linear-gradient(top,  #28487f 0%,#472825 100%);
	background: -ms-linear-gradient(top,  #28487f 0%,#472825 100%);
	background: linear-gradient(to bottom,  #28487f 0%,#472825 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28487f', endColorstr='#472825',GradientType=0 );
	border:2px solid #472825;
}
section[role="main"] article .formDevis button:hover {
	background: #28487f;
	background: -moz-linear-gradient(top, #472825 0%, #28487f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#472825), color-stop(100%,#28487f));
	background: -webkit-linear-gradient(top, #472825 0%,#28487f 100%);
	background: -o-linear-gradient(top, #472825 0%,#28487f 100%);
	background: -ms-linear-gradient(top, #472825 0%,#28487f 100%);
	background: linear-gradient(to bottom, #472825 0%,#28487f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#472825', endColorstr='#28487f',GradientType=0 );
	border:2px solid #472825;
}

/*---------------------------------
CAROUSEL
-----------------------------------*/
section[role="main"] .travelList .travelListContent article .right p span:nth-child(2) span:nth-child(1), section[role="main"] .detailTravel p span:nth-child(2) span:nth-child(1), section[role="main"] .contentOnglet ul li .green {color:#28487f;}

/*---- etiquette promo ----*/
section[role="main"] .travelList .promo {background:url(/images/bandeau-promo-left.png) left top no-repeat;}
section[role="main"] .travelList .promo p { background:url(/images/bandeau-promo-right.gif) right top repeat-x;}

/* Nouveau carousel 2014 */
.travelList .travelListContent ul li .infos .titre {color:#28487f;}

/*----- LANDING PAGE 2014 ------*/

/* TYPES DE VOYAGE */ 

section[role="main"] .grip .gripContent #encart-type_de_voyage .type_de_voyage .lien {color:#28487f;}
section[role="main"] .grip .gripContent #encart-type_de_voyage .type_de_voyage .lien a{color:#28487f;}

/* PRODUITS */

section[role="main"] .travelList .travelListContent article.resultatProduit .left .destination {background-color:#28487f;}

section[role="main"] .travelList .travelListContent article.resultatProduit .right .titre {color:#28487f;}
section[role="main"] .travelList .travelListContent article.resultatProduit .right .titre a{color:#28487f;}
section[role="main"] .travelList .travelListContent article.resultatProduit .right .left .label {color:#28487f;}
section[role="main"] .travelList .travelListContent article.resultatProduit .right .left .saisonnalite {color:#28487f;}
section[role="main"] .travelList .travelListContent article.resultatProduit .right .right .tarif {color:#28487f;}
section[role="main"] .travelList .travelListContent article.resultatProduit .right .right .tarif del {color:#28487f;}

/*---------------------------------
FOOTER
-----------------------------------*/
/*footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(1) { width:90px;}
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(2) { width:145px; }
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(3) { width:145px;}
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(4) { width:145px;}*/

footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(1) { width:80px;}
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(2) { width:80px; }
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(3) { width:80px;}
footer[role="contentinfo"] section:nth-child(3) nav:first-child > ul > li:nth-child(4) { width:80px;}

/*---------------------------------
FORMULAIRES
-----------------------------------*/
section[role="main"] .formDevis ul li.datepicker input { background:url(/images/inputDate.gif) left top no-repeat;}
section[role="main"] .formDevis ul li.select87 div.selector span { background:url(/images/select87.gif) left top no-repeat;}
section[role="main"] .formDevis ul li.select156 div.selector span { background:url(/images/select156.gif) left top no-repeat;}
section[role="main"] .formDevis ul li.select112 div.selector span { background:url(/images/select112.gif) left top no-repeat;}
section[role="main"] .formDevis ul li.select280 div.selector span { background:url(/images/select280.gif) left top no-repeat;}

/*---------------------------------
FILTRES
-----------------------------------*/
section[role="main"] .travelListFilter .travelListContent .filters h3,
section[role="main"] .travelListFilter .travelListContent .filters .travelSelection > div ul#group-theme-mesfiltres li.hasChecked > div, 
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .right .titre,
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .right .titre a,
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .right .right .inclus,
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .toggleContent .inclus {
	color:#28487f;
}

section[role="main"] .travelListFilter .travelListContent article.resultatProduit > .label2,
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .left a > span:first-of-type,
section[role="main"] .travelListFilter .travelListContent article.resultatProduit .left .destination {
	background-color:#28487f;
}

section[role="main"] .travelListFilter .travelListContent article.resultatProduit .left .inclus {color:#28487f;}


section[role="main"] .travelListFilter .travelListContent .filters .travelSelection > div ul li.hasChecked > div {
	background:#28487f;
	width:auto;
}

section[role="main"] .travelListFilter .travelListContent .filters ul li.item-theme-avis label {
	background-image:url(/images/travel-icon-stars-avis-australie.png);
	background-repeat:no-repeat;
}



/*---------------------------------
Vignettes actualités + Video Prez youtube 170320
-----------------------------------*/
.VignetteActu {margin-top:10px;}

.VignetteActu li > a {
display: block;width: 100%;height: 355px;background-position: top center;background-repeat: no-repeat;background-size: cover; color: #54271f; font-size: 16px; line-height: 21px;
}
.VignetteActu li > a > span {position: relative; top: 94px; height: 167px; margin: 0 auto; display: table; width: 75%; height: 120px; overflow: hidden;}
.VignetteActu li > a > span .opacity {opacity: 0.8;}
.VignetteActu  li > a > span > span {padding: 20px;background: #fff; display: table-cell;z-index: 2;position: relative;width: 100%;text-align: center;vertical-align: middle;}
.VignetteActu li > a.active + div a {display: table-cell;z-index: 2;position: relative;width: 100%;text-align: center;vertical-align: middle;}

.VignetteActu .Actu1 { margin-right:20px;}
.VignetteActu .Actu3 { margin-right:20px;}

.VignetteActu .BigVignette {width: 65%; height: 315px; display: inline-block; margin-bottom:20px;}
.VignetteActu .BigVignette a{width: 100%; height: 315px; display: inline-block;}

.VignetteActu .SmallVignette {width: 32%; height: 315px; display: inline-block;margin-bottom:20px;}
.VignetteActu .SmallVignette a{width: 100%; height: 315px; display: inline-block;}


.youtube h2 {margin-top:30px;}
.youtube p {text-align:center; margin:20px 0;}
.youtube iframe {width:500px; height:281px;}

.affixContent {
    display: block;
    z-index: 2000;
    bottom: inherit;
    left: inherit;
    background: none;
    width: 285px;
    padding: 0 15px;
    box-shadow: none;
}

/*---------------------------------
ChoixResaOCVS 170320
-----------------------------------*/

.ChoixResaOCVS {display:inline-block; padding: 10px; background-color: #54271f; color: #fff; width: 16%;position: absolute; /*border-radius: 5px;*/ margin-top:20px; margin-left: 10px;}
.ChoixResaOCVS p{line-height: 24px; text-align: center; font-size: 20px; text-transform: uppercase;}
.ChoixResaOCVS a{color:#fff; line-height: 18px;}

section[role="main"] .travelListContent.page-billet .ChoixResaOCVS .lien{
	background: rgb(72,74,75); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(72,74,75,1) 0%, rgba(88,90,91,1) 9%, rgba(10,17,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,74,75,1)), color-stop(9%,rgba(88,90,91,1)), color-stop(100%,rgba(10,17,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(72,74,75,1) 0%,rgba(88,90,91,1) 9%,rgba(10,17,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(72,74,75,1) 0%,rgba(88,90,91,1) 9%,rgba(10,17,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(72,74,75,1) 0%,rgba(88,90,91,1) 9%,rgba(10,17,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(72,74,75,1) 0%,rgba(88,90,91,1) 9%,rgba(10,17,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484a4b', endColorstr='#0a1114',GradientType=0 ); /* IE6-9 */
	border: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 14px;
	padding:8px;
	text-transform: uppercase;
	margin:5px auto 0 auto;
	text-align:center;
}



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

NOUVELLE PAGE OCVS - 170605 - Système de grille http://www.christophe-coyard.fr/blog/creer-une-grille-css-responsive (légèrement revue pour s'adapter à la largeur de notre site)

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-------------
Modification du Header pour OCVS
-------------*/
.header-ocvs {
    background: #28487f;
    background: -moz-linear-gradient(top, #28487f 0%, #28487f 87%, #204072 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28487f), color-stop(87%,#28487f), color-stop(100%,#204072));
    background: -webkit-linear-gradient(top, #28487f 0%,#28487f 87%,#204072 100%);
    background: -o-linear-gradient(top, #28487f 0%,#28487f 87%,#204072 100%);
    background: -ms-linear-gradient(top, #28487f 0%,#28487f 87%,#204072 100%);
    background: linear-gradient(to bottom, #28487f 0%,#28487f 87%,#204072 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28487f', endColorstr='#204072',GradientType=0 );
}

@media screen and (max-width: 768px) {
/*-------------prévoir de revoir le menu avec burger comme mobile-------------*/
}

@media only screen and (max-width:450px) {
	.sectionHeader-ocvs, 
	.sectionHeader-ocvs .view {
		width:100%!important;
	}

	.sectionHeader-ocvs .view .numTel {
		width:100%!important;

	}
}

/*-------------FIN Modification du Header pour OCVS-------------*/


/*-------------
Mise en place de la grille
-------------*/

.row {width:1000px;/* min-height: 20px;*/ min-height: 12px; margin:0 auto;}


.row > div {float:left; margin:10px; /*margin:10px 20px;*/ background-color:#fff; border-radius:20px; }/*---border-radius sur les blocs---*/

.w-1 {width:70px;}
.w-2 {width:130px;}
.w-3 {width:245px;/*width:230px;*/}


.w-4 {width:300px;}
.w-45 {width:315px;/*width:320px;*/}
.w-455 {width:340px;}
.w-5 {width:370px;}
.w-55 {width:455px;/*width:450px;*/}

.w-6 {width:480px;/*width:470px;*/}
.w-65 {width:470px;/*width:475px;*/}

.w-7 {width:540px;}

.w-8 {width:640px;}
.w-85 {width:675px;}

.w-9 {width:710px;}
.w-10 {width:810px;}
.w-11 {width:870px;}

.w-115 {width:935px;}

.w-12 {width:980px;}
.w-125 {width:985px;}

.w-right{margin-right:0!important;}
.row .w-45 {margin:0;}
/*.row .w-65 {margin:0;}*/

@media screen and (max-width: 768px) {
	.row {width:100%;}
	.row > div { margin:0 10px; background-color:#fff; margin-bottom: 16px;}
    .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12 { width : 95%; float : none;}
    
    .w-45 {width : 100%; float : none;}
    .w-455 {width : 100%; float : none;}
    .w-55 {width : 97%; float : none;}
    .w-65 {width : 100%; float : none;}
    .w-85 {width : 95%; float : none; margin:10px 16px!important;}
    .w-115 {width : 97%; float : none;}
    .w-125 {width: 98%!important;}

}

@media only screen and (max-width:450px) {
	.mainContent2 {margin-top:-95px;}
    .row {width : 100%;}
    .row > div { margin : 0 2.5%; margin-bottom: 16px;}
    .w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12 { width : 95%; float : none;}
    
    .w-45 {width : 100%; float : none;}
    .w-455 {width : 100%; float : none;}
    .w-55 {width : 95%; float : none;}
    .w-65 {width : 100%; float : none;}
    .w-85 {width : 95%; float : none; margin: 0 2.5%!important;margin-bottom: 16px!important;}
    .w-115 {width : 95%; float : none;}
    .w-125 {width: 88%!important;}
}

/*-------------FIN Mise en place de la grille-------------*/


/*-------------
GENERAL
-------------*/

.mobile {display: none;}
.no-mobile {display: block;}
.row .background-inherit {background-color: inherit;}

.main-ocvs {background-color:#e7e3dc;display: inline-block;padding-bottom: 16px;min-height: 800px;}
.mainContent-ocvs {min-height: 190px; margin-top: -225px; font-family: 'Montserrat',Arial,Helvetica,sans-serif; font-size: 1rem; line-height: 2rem; position: relative;/*ajout170824*/ margin-left: 10px;}

footer {min-height: 190px; }

@media screen and (max-width: 768px) {
.mainContent-ocvs {margin-top: -190px;}
}

@media only screen and (max-width:450px) {
.mobile {display: inline-block;}
.no-mobile {display: none;}
.mainContent-ocvs {margin-top: -240px;}
}

/*-------------Flèche pour revenir en haut de page-------------*/
.scrollup {
	width: 40px; height: 40px; position: fixed; bottom: 50px; right: 50px; display: none; color: white; background-color: #02bac7; border: 1px solid #02bac7;
	font-size: 45px; text-align: center; line-height: 40px; border-radius: 20px;}
.scrollup:hover {color: white;}

@media screen and (max-width: 768px) {
	.scrollup {bottom: 110px; right: 8px;}
}

@media only screen and (max-width:450px) {
	.scrollup {bottom: 110px; right: 8px;}
}


/*-------------video Youtube Responsive-------------*/
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}


/*-------------Titre de page + Barre de navigation interne (pages Pays, Villes, génériques...)-------------*/

.row .title-site {background-color:#02bac7; border-radius: 20px 0 20px 0;}
.row .title-site h1 {padding: 10px;color: #fff; text-align: center;font-size: 1.8em; line-height: 2.2rem;text-transform: uppercase;}

.row .title-site-white {background-color:#fff; border-radius: 20px;}
.row .title-site-white h1 {padding: 10px;color: #02bac7; text-align: center;font-size: 1.8em; line-height: 2.2rem;text-transform: uppercase;}

.row .navPage {text-align: center; margin-bottom: 0;line-height: 0.5rem;}
.navPage span {display:inline-block; }

.navPage span a {
	color: #fff;
    padding: 0px 10px 0 28px;
    float: left;
    width: auto;
    margin: 3px;
    border-radius: 20px;
    text-transform: uppercase;
    background-color: #02bac7;
    background-repeat: no-repeat;
    background-position: -3px -1px;
    background-size: 35px;
    font-size: 0.9rem;
    line-height: 1.9rem;
}

/*.navPage li:first-child a {margin-left: 0px;}*/
.navPage span a:link, .navPage a:visited {color: #fff;background-color: #02bac7; background-image: url(/images/ocvs/icon-plane-white.png);}
.navPage span a:hover {color: #02bac7; background-color: #fff; background-image: url(/images/ocvs/icon-plane-color.png);}
.navPage span a:active  {color: #fff;background-color: #02bac7; background-image: url(/images/ocvs/icon-plane-color.png);}

.navPage span a.retour,
.navPage span a.retour:hover {color: #fff; background-color: rgba(88,90,91,1); background-image: none;padding: 0px 10px 0 10px;}

.navPage .TarifnavPage {color: #02bac7; font-size: 1.5rem; position: relative; top:-5px;}
@media screen and (max-width: 768px) {
}

@media only screen and (max-width:450px) {
.row .title-site h1,
.row .title-site-white h1 {font-size: 1.2em;line-height: 1.4rem;}

.navCity span {float: left; min-width: 95%;}

.navPage span a {padding: 0px 10px 0 25px; background-position: -3px -1px; background-size: 30px; font-size: 0.7rem; line-height: 1.6rem;}
}

/*-------------
bloc Avantage - Right (Page Pays, Page Ville...)
-------------*/

.avantage-right {padding-top:20px;}
.avantage-right .icon {padding-top:20px;}
.avantage-right .icon a:link, .avantage-right .icon a:visited, .avantage-right .icon a:hover, .avantage-right .icon a:active{color: #fff;}
.avantage-right .icon img {width:20%; position: absolute; left: 20px;}
.avantage-right .icon h3 {padding-left: 80px; font-size: 1rem; padding-top: 5px; line-height: 1.4rem; text-align: left;}

/*-------------
bloc Avantage - TOP (Page Pays, Page Ville...)
-------------*/

.topAvantage h3 {text-align: center; padding-top: 10px;}
.topAvantage a {color: #666;}
.topAvantage ul {padding: 5px 10px 10px 25px;}
.topAvantage ul li {list-style: disc; font-size: 0.8em; line-height: 1.6em;}


@media screen and (max-width: 768px) {
}

@media only screen and (max-width:450px) {
}

/*-------------
bloc prix avec visuel (Home-Page, Page Pays, Page Ville...)
-------------*/

.bloctitle {padding: 16px 16px 0 16px;}

.jumbotron {position: relative;padding: 0;min-height: 140px;background-position: left top;background-repeat: no-repeat;background-size: cover;border-radius:20px;}
.jumbotron-mini, .Jumbo-asie, .Jumbo-pacifique, .jumbotron-city {position: relative; padding: 0; min-height: 45px; background-position: left top; background-repeat: no-repeat; background-size: cover; border-radius: 20px; background-color: #02bac7;}

.jumbotron span{
	position: absolute;
    bottom: 0px;
    left: 0;
    height: 45px;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    color: #fff;
    background-image: url(/images/ocvs/icon-plane-white.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 20px 0 50px;
}

.jumbotron-mini span {
	position: absolute;
    bottom: 0px;
    left: 0;
    height: 45px;
    font-size: 1.6rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #fff;
    background-image: url(/images/ocvs/icon-plane-white.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 20px 0 50px;
}

.jumbotron-city span {
	position: absolute;
    bottom: 0px;
    left: 0;
    height: 45px;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #fff;
    background-image: url(/images/ocvs/icon-plane-white.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0 20px 0 50px;
}


.bloccountry {padding: 10px 16px 16px 16px;}
.bloccountry div a  div{margin-left:110px;}
.bloccountry a .title {font-size: 1.2rem; text-transform: uppercase; color: #000;}
.bloccountry a .title span {color: #02bac7;} 
.Country .btn-choose {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c4d2+0,03aeba+70,00c4d2+100 */
background: #00c4d2; /* Old browsers */
background: -moz-linear-gradient(top, #00c4d2 0%, #03aeba 70%, #00c4d2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00c4d2 0%,#03aeba 70%,#00c4d2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00c4d2 0%,#03aeba 70%,#00c4d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4d2', endColorstr='#00c4d2',GradientType=0 ); /* IE6-9 */ 
color: #ffffff; 
border-radius:20px 0 20px 0; 
padding:0px 12px; 
/*float: right;*/
text-align: center;
display: inline-block;
width: 50%;
margin: 0 22% 16px 22%;
font-size: 1.1rem;
}

.bloccountry .blocwhv,
.bloccountry .blocloisirs {background-color:#e5f8f9; border-radius:20px; margin-bottom:0px; margin-top:16px;padding-top:1px;padding-bottom:16px;min-height: 60px;}

.bloccountry .blocwhv .etiquettewhv,
.bloccountry .blocloisirs .etiquetteloisirs {
	background-color:#02bac7; 
	border-radius:20px 0 20px 0; 
	padding:5px 10px; 
	font-size: 1.1rem; 
	line-height: 1.2rem; 
	/*line-height: 1.4rem; */
	text-transform: uppercase; 
	color: #fff;
	margin: 0;
    float: left;
    width: 70px;
}

/*.bloccountry .blocwhv .etiquetteWHV span{font-size: 1.5rem; line-height:0.1rem;text-transform: uppercase; color: #fff; padding: 0;}*/
.bloccountry .blocwhv .etiquettewhv span{font-size: 1.1rem; line-height:0.1rem;text-transform: uppercase; color: #fff; padding: 0;}

.bloccountry .blocwhv .FirstPrice{padding-top: 16px;}
.bloccountry .blocloisirs .FirstPrice{padding-top: 16px;}

@media only screen and (max-width:450px) {
.bloctitle {padding: 8px;}
.jumbotron span { font-size: 1.3rem;line-height: 2.3rem;}

.jumbotron-city span {font-size: 0.9rem;}
.bloccountry a .title {font-size: 1.2rem;}
.bloccountry div a div{margin-left:10px;}
.bloccountry .btn-choose {margin-right:10px;font-size: 0.8rem;line-height: 1.6rem;padding: 0px 9px;}

.bloccountry .blocwhv .etiquettewhv,
.bloccountry .blocloisirs .etiquetteloisirs {
    width: 150px;
}


.bloccountry .blocwhv .etiquettewhv {float: none;padding: 5px 15px;}

.bloccountry .blocloisirs .FirstPrice{padding-top: 40px;}
}


/*-------------
Bloc Stop-Over + Bloc Resa Billet (Page Pays...)
-------------*/

.blocStopOver div {border-radius: 10px; background-color: #fb4f14; color: #fff; margin: 16px 80px 0 80px; text-align: center; font-size: 1.2rem;}
.blocResaBillet div {text-transform: uppercase; color: #fff; width: 55%; margin: 0 auto; text-align: center; font-size: 1.2rem;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc5c26+0,e74913+38,e74913+70,ff6631+100 */
background: #fc5c26; /* Old browsers */
background: -moz-linear-gradient(top, #fc5c26 0%, #e74913 38%, #e74913 70%, #ff6631 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc5c26 0%,#e74913 38%,#e74913 70%,#ff6631 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc5c26 0%,#e74913 38%,#e74913 70%,#ff6631 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5c26', endColorstr='#ff6631',GradientType=0 ); /* IE6-9 */ 
border-radius: 20px 0 20px 0; 
opacity: 1;
}

.bloccountry  .blocResaBillet div {width: 65%; margin-top:16px;}


.blocStopOver div span,
.blocResaBillet div span {text-transform: uppercase;padding-left: 10px;font-size: 1rem; text-decoration:underline;}

@media only screen and (max-width:450px) {
.blocStopOver {margin-top: 16px;}
.bloccountry .blocStopOver a div,
.bloccountry .blocResaBillet a div {margin-left: 0px;}
.blocStopOver div, .blocResaBillet div{margin: 0; width: 100%; font-size: 0.9rem;}
.bloccountry  .blocResaBillet div {width: 100%;}

.blocStopOver div span, .blocResaBillet div span  {padding-left: 5px; font-size: 0.7rem;}
}



/*-------------
HOME PAGE
-------------*/
.row .title-home {background-color:#02bac7; border-radius: 20px 0 20px 0;}
.row .title-home h1 {padding: 10px;color: #fff; text-align: center;font-size: 1.8em; line-height: 2.2rem;}
.row .title-home span a {text-transform: uppercase; color: #fff; background: #fff; border-radius: 10px; color: #02bac7; padding: 2px 10px; font-size: 1.2rem;}

.Jumbo-australie {background-image: url(/images/ocvs/visuel-Australie.jpg);}
.Jumbo-nouvellezelande {background-image: url(/images/ocvs/visuel-NewZealand.jpg);}
.bloccountry .blocprice-home {font-size: 1rem; line-height:1.2rem; color: #000;}
.bloccountry .blocprice-home .price {font-size: 2rem;color: #02bac7;}

@media only screen and (max-width:450px) {
.bloccountry .blocprice-home .price {font-size: 1.8rem;}
.row .title-home h1 {font-size: 1.5em;line-height: 1.6rem;}
.row .title-home span a {font-size: 0.80rem; line-height: 1rem;}
}


/*-------------
PAYS
-------------*/

/*Australie*/
.Jumbo-sydney {background-image: url(/images/ocvs/visuel-Sydney.jpg);background-position: left 0px;}
.Jumbo-melbourne {background-image: url(/images/ocvs/visuel-Melbourne.jpg);background-position: left 0px;}
.Jumbo-perth {background-image: url(/images/ocvs/visuel-Perth.jpg);background-position: left 0px;}
.Jumbo-adelaide {background-image: url(/images/ocvs/visuel-Adelaide.jpg);background-position: left 0px;}
.Jumbo-brisbane {background-image: url(/images/ocvs/visuel-Brisbane.jpg);background-position: left 0px;}
.Jumbo-cairns {background-image: url(/images/ocvs/visuel-Cairns.jpg);background-position: left 0px;}
.Jumbo-darwin {background-image: url(/images/ocvs/visuel-Darwin.jpg);background-position: left 0px;}

/*NewZealand*/
.Jumbo-auckland {background-image: url(/images/ocvs/visuel-Auckland.jpg);background-position: left 0px;}
.Jumbo-christchurch {background-image: url(/images/ocvs/visuel-Christchurch.jpg);background-position: left 0px;}
.Jumbo-wellington {background-image: url(/images/ocvs/visuel-Wellington.jpg);background-position: left 0px;}

/*Pacifique*/
.Jumbo-papeete {background-image: url(/images/ocvs/visuel-Papeete.jpg);background-position: left 0px;}
.Jumbo-noumea {background-image: url(/images/ocvs/visuel-Noumea.jpg);background-position: left 0px;}
.Jumbo-fidji {background-image: url(/images/ocvs/visuel-Fidji.jpg);background-position: left 0px;}
.Jumbo-vanuatu {background-image: url(/images/ocvs/visuel-Vanuatu.jpg);background-position: left 0px;}
.Jumbo-tonga {background-image: url(/images/ocvs/visuel-Tonga.jpg);background-position: left 0px;}

/*Asie*/
.Jumbo-hongkong {background-image: url(/images/ocvs/visuel-Hongkong.jpg);background-position: left 0px;}
.Jumbo-shanghai {background-image: url(/images/ocvs/visuel-Shanghai.jpg);background-position: left 0px;}
.Jumbo-pekin {background-image: url(/images/ocvs/visuel-Pekin.jpg);background-position: left 0px;}
.Jumbo-bangkok {background-image: url(/images/ocvs/visuel-Bangkok.jpg);background-position: left 0px;}
.Jumbo-tokyo {background-image: url(/images/ocvs/visuel-Tokyo.jpg);background-position: left 0px;}
.Jumbo-osaka {background-image: url(/images/ocvs/visuel-Osaka.jpg);background-position: left 0px;}
.Jumbo-seoul {background-image: url(/images/ocvs/visuel-Seoul.jpg);background-position: left 0px;}
.Jumbo-singapour {background-image: url(/images/ocvs/visuel-Singapour.jpg);background-position: left 0px;}
.Jumbo-delhi {background-image: url(/images/ocvs/visuel-Delhi.jpg);background-position: left 0px;}

/*Commun*/

.Jumbo-sydney, .Jumbo-melbourne, .Jumbo-perth, .Jumbo-adelaide, .Jumbo-brisbane, .Jumbo-cairns, .Jumbo-darwin,
.Jumbo-auckland, .Jumbo-christchurch, .Jumbo-wellington,
.Jumbo-papeete, .Jumbo-noumea, .Jumbo-fidji, .Jumbo-vanuatu, .Jumbo-Tonga,
.Jumbo-hongkong, .Jumbo-shanghai, .Jumbo-pekin, .Jumbo-bangkok, .Jumbo-tokyo, .Jumbo-osaka, .Jumbo-seoul, .Jumbo-singapour, .Jumbo-delhi
 	{margin-right: 0px;}

@media screen and (max-width: 768px) {
.Jumbo-sydney, .Jumbo-melbourne, .Jumbo-perth, .Jumbo-adelaide, .Jumbo-brisbane, .Jumbo-cairns, .Jumbo-darwin,
.Jumbo-auckland, .Jumbo-christchurch, .Jumbo-wellington,
.Jumbo-papeete, .Jumbo-noumea, .Jumbo-fidji, .Jumbo-vanuatu, .Jumbo-Tonga,
.Jumbo-hongkong, .Jumbo-shanghai, .Jumbo-pekin, .Jumbo-bangkok, .Jumbo-tokyo, .Jumbo-osaka, .Jumbo-seoul, .Jumbo-singapour, .Jumbo-delhi
	{background-position: left top; margin-right: 0px;}
}
@media only screen and (max-width:450px) {
.Jumbo-sydney, .Jumbo-melbourne, .Jumbo-perth, .Jumbo-adelaide, .Jumbo-brisbane, .Jumbo-cairns, .Jumbo-darwin,
.Jumbo-auckland, .Jumbo-christchurch, .Jumbo-wellington,
.Jumbo-papeete, .Jumbo-noumea, .Jumbo-fidji, .Jumbo-vanuatu, .Jumbo-Tonga,
.Jumbo-hongkong, .Jumbo-shanghai, .Jumbo-pekin, .Jumbo-bangkok, .Jumbo-tokyo, .Jumbo-osaka, .Jumbo-seoul, .Jumbo-singapour, .Jumbo-delhi
	{background-position: left top; margin-right: 0px;}
}

/*-------------------*/

.TitlePays {text-transform: uppercase;text-align: center;color: #000; font-size: 2rem;}
.bloccountry .blocprice-pays {float: right; margin-right: 16px; font-size: 1rem; line-height:1.2rem; color: #000;}
.bloccountry .blocprice-pays .price {font-size: 2rem;color: #02bac7;}

.row .bloc-resa {background-color: #02bac7; color: #fff; margin-left: 0px; padding: 15px 6px; /*padding: 10px;*/ text-align: center; position: fixed; /*margin-left:760px;*/ margin-left:750px; margin-top:100px;}
.row .bloc-resa p {margin-bottom: 0; font-size:1.2rem; line-height: 1.4rem; color: #fff; text-transform: uppercase;}
.row .bloc-resa .btnContact {background-color: #fff; color: #02bac7; margin-top: 10px;border-radius:15px 0 15px 0; padding:5px; width: 90%; display: inline-block; font-weight:bold; font-size:1rem; line-height: 1.3rem; text-transform: uppercase;}
.row .bloc-resa .btnContact span {color:#fb4f14;}
.row .bloc-resa .btnContact span span {font-size:1.4rem;}
/*.row .bloc-resa-ville {margin-top:220px;}
.row .bloc-resa-asie {margin-top:148px;}*/

.pubCompagnie p {width: 200px; height: 200px; background-color:#fb4f14; margin: 16px 0; display: inline-block;}
div.pubHome, div.pubPays {background-color: transparent;}
.pubHome .w-12 {background-color: transparent; text-align: center;}
.pubPays .w-12 {background-color: transparent; text-align: left; margin-bottom: 0;}

@media screen and (max-width: 768px) {
.Jumbo-Sydney, .Jumbo-Melbourne, .Jumbo-Perth, .Jumbo-Adelaide, .Jumbo-Brisbane, .Jumbo-Cairns, .Jumbo-Darwin {margin-right: 0;}
.row .bloc-resa {display: none;}
}

@media only screen and (max-width:450px) {
.Jumbo-Sydney, .Jumbo-Melbourne, .Jumbo-Perth, .Jumbo-Adelaide, .Jumbo-Brisbane, .Jumbo-Cairns, .Jumbo-Darwin {margin-right: 0;}
.row .bloc-resa {display: none;}
.bloccountry .blocprice-pays {float: none; display: inline-block;}
}


/*-------------
VILLE
-------------*/

.bloctitleVille {padding: 16px; }
.bloctitleVille-mobile {display: none}

.bloctitleVille-screen .row {width: 98%;}
.bloctitleVille-screen .bloctitleVille {padding: 0; margin: 16px;}
.bloctitleVille-screen .w-right{/*margin: 15px 0;*/margin: 15px -20px;}
.bloctitleVille-screen .jumbotron2{background-image: url(/images/ocvs/icon-plane-color.png); background-repeat: no-repeat; padding: 45px 0 0px 45px; background-position: left; text-align: left;text-transform: uppercase;
    font-size: 1.3rem;}
.bloctitleVille-screen .jumbotron2 span {text-transform: uppercase; color: #585a5b;font-size: 1.5rem;}


/*.bloctitleVille-screen .jumbotron2{background-image: url(/images/ocvs/icon-plane-color.png); background-repeat: no-repeat; padding:55px 0; background-position:left;}
.bloctitleVille-screen .jumbotron2 span {padding-left: 50px; text-transform: uppercase; color: #585a5b;font-size: 1.5rem;}*/

.row .w-whv {background-color: #02bac7; padding-bottom: 8px; padding-top: 6px;}
.row .w-whv .jumbotron-city-whv {border-radius: 20px 0 20px 0; background-color: #fff; text-align: center; margin: -16px 280px 8px 16px; padding: 5px;}
.row .w-whv .jumbotron-city-whv a h2 span {font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; color: #02bac7;}

.row .jumbotron-whv {background-color: white; color:#02bac7;}
.row .jumbotron-whv span {color:#02bac7; font-size:1.5rem;}

.row .jumbotron-loisirs {background-color: white; color:#02bac7;}
.row .jumbotron-loisirs span {color:#02bac7; font-size:1.5rem;}

.bloccity + div{padding: 0 16px 5px 16px;}
.bloccity {padding: 10px 16px 5px 16px;}

.bloccity div a  div{margin-left:0; border-bottom: 1px solid #ccc; padding-bottom: 3px;}
.bloccity a .title {font-size: 1.2rem; text-transform: uppercase; color: #000;}
.bloccity a .title span {color: #02bac7;} 

.bloccity .periode {text-transform: uppercase; color: #000; display: inline-block; font-size: 0.8rem; line-height: 1.5rem;}
.bloccity .periode span {font-size: 1rem;}
.bloccity .compagnie {background-repeat: no-repeat; height: 26px;display: none;}


.bloccity .btn-choose {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00c4d2+0,03aeba+70,00c4d2+100 */

color: #000000; 
border-radius:20px 0 20px 0; 

float: right; 
margin-right: 0;
margin-top: -32px;
font-size: 0.8rem;
    text-transform: uppercase;
}

.bloccity .btn-choose .price {font-size: 1.5rem;color: #00c4d2;}

@media screen and (max-width: 768px) {
.bloctitleVille-screen {display: none;}
.bloctitleVille-mobile {display: inherit;}
.bloctitleVille {padding: 10px;}
}

@media only screen and (max-width:450px) {
.bloctitleVille-screen {display: none;}
.bloctitleVille-mobile {display: inherit;}
.bloctitleVille {padding: 10px;}
.bloctitleVille .jumbotron span { font-size: 1.3rem; line-height: 1.6rem; bottom: 10px;}

.bloccity .btn-choose {margin-top: -8px;float: left; }
.bloccity .btn-choose .price {font-size: 1rem;color: #00c4d2;}

.bloccity div a  div{padding-bottom: 22px;}



.w-whv .jumbotron-city-whv {margin: -16px 8px 16px 8px;}
.w-whv .jumbotron-city-whv a h2 span {font-size: 0.9rem; line-height: 1.4rem; text-transform: uppercase; color: #02bac7;}

.row .jumbotron-whv span {padding: 0 20px 0 20px;}
.row .jumbotron-loisirs span {padding: 0 20px 0 20px;}

.bloccity .periode span {display: inline-block;}
.bloccity .compagnie {background-size: 105px;}
}

/*-------------
DEVIS
-------------*/

.mainContent-ocvs .devis-ocvs .devis-voyage form {min-height: 0px;}

.mainContent-ocvs .devis-ocvs h2 {text-transform: uppercase; color: #02bac7;padding-top: 16px;}
.mainContent-ocvs .devis-ocvs h3 {color: #02bac7; margin-top: 16px; display: inline-block;}
.mainContent-ocvs .devis-ocvs p {font-size: 1rem; line-height: 2rem; margin-bottom: 0;}
.mainContent-ocvs .devis-ocvs input {float: none; height: 30px;}
.mainContent-ocvs .devis-ocvs select {height: 32px;}
.mainContent-ocvs .devis-ocvs .styledevis {width: 95%; border: 1px solid #ccc; border-radius: 5px; font-size: 14px; font-family: 'Montserrat',Arial,Helvetica,sans-serif;  background-color: #e5f8f9;}

.mainContent-ocvs .devis-ocvs .TypeTravelLeft {border-radius:initial;border-right: 1px solid #02bac7;padding-right: 20px;}
.mainContent-ocvs .devis-ocvs .TypeTravelRight span,
.mainContent-ocvs .devis-ocvs .TypeTravelLeft span {background-color: #02bac7; border-radius: 20px; color: #ffffff; text-transform: uppercase; padding: 5px 20px 5px 10px;}

.mainContent-ocvs .devis-ocvs .StopOver{font-size: 1rem; line-height:1.5rem; margin-left: 10px;}
.mainContent-ocvs .devis-ocvs .StopOver span {color: #02bac7; line-height: 1.5rem; margin-bottom: 10px; display: inline-block;}
.mainContent-ocvs .devis-ocvs .StopOver a{color: #02bac7; text-transform: uppercase; text-decoration: underline;font-size: 0.8rem; }
.mainContent-ocvs .devis-ocvs .StopOver input {width: 90%}
.mainContent-ocvs .devis-ocvs .StopOver textarea {border: 1px solid #ccc; border-radius: 5px; font-size: 14px; font-family: 'Montserrat',Arial,Helvetica,sans-serif;}

textarea::placeholder {color: #aaa;}



.mainContent-ocvs .devis-ocvs .datepicker input {width: 94%}
.mainContent-ocvs .devis-ocvs .datepicker input {border-color: rgb(169, 169, 169); background-color: #fff; background-image: url(/communs/contenu/images/inputDate-ocvs.gif); background-color: #e5f8f9; background-position: right center; background-repeat: no-repeat;}

.mainContent-ocvs .devis-ocvs .TitleAssurance span{color: #02bac7; line-height: 1.5rem; margin-bottom: 0px; margin-left: 10px; display: inline-block;}
.mainContent-ocvs .devis-ocvs .BlocAssurance {background-color: #e5f8f9;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .Jumbo-assurance {position: relative; padding: 0; min-height: 35px; border-radius: 20px; background-color: #02bac7;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .Jumbo-assurance span{position: absolute; bottom: 0px; left: 0; height: 32px; font-size: 1rem;  text-transform: uppercase; color: #fff; padding: 0 20px;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail {margin: 16px; font-size: 0.9rem; line-height: 1.7rem;}

.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssAnnulation {height: 190px;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssAnnulation,
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssMulti,
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssExpat {margin-top:10px;}

.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .txtRight {text-align: right; font-size: 0.9rem;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .txtRight a {text-decoration: underline; color: #000;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .AssuranceTarif {font-size: 1.2rem; line-height: 2rem; color: #02bac7; text-align: right;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocChoix {margin: 16px; text-align: center; border-radius: 20px;  background-color: #b2e5e8;}
.mainContent-ocvs .devis-ocvs .w-passager {display: inline-block;}



.mainContent-ocvs .devis-ocvs .w-passager .w-2 {margin:10px 8px 10px 0px; width: 170px;}
.mainContent-ocvs .devis-ocvs .w-passager .w-3 {width: 370px;background-color: transparent;}
.mainContent-ocvs .devis-ocvs .w-passager .w-125 {margin:0;}
.mainContent-ocvs .devis-ocvs .w-passager #passeport {width: 94%;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_JJ {width: 15%; text-align: center; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_MM {width: 30%; text-align: center; margin-left: 5px; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_YY {width: 30%; text-align: center; margin-left: 5px; margin-right: 0px;}

.mainContent-ocvs .devis-ocvs .w-coordonnees #Passager {width: 120px;}
.mainContent-ocvs .devis-ocvs .w-coordonnees #adresse {width: 94%;}
.mainContent-ocvs .devis-ocvs .w-coordonnees #civilite {width: 100%;}

.mainContent-ocvs .devis-ocvs .DevisOCVS_bloc_PAX,
.mainContent-ocvs .devis-ocvs .DevisOCVS_bloc_PaxToCustomer {margin-left: 10px;}

.mainContent-ocvs .devis-ocvs .DevisOCVS_bloc_PAX ul {font-size: 0.8rem; line-height: 1.4rem; padding-left: 16px;padding-top: 10px; width: 90%;}
.mainContent-ocvs .devis-ocvs .DevisOCVS_bloc_PAX ul li{list-style: square;}

.mainContent-ocvs .devis-ocvs .w-EnvoiDemande {text-align: center;}
.mainContent-ocvs .devis-ocvs .w-EnvoiDemande a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc5c26+0,e74913+38,e74913+70,ff6631+100 */
background: #fc5c26; /* Old browsers */
background: -moz-linear-gradient(top, #fc5c26 0%, #e74913 38%, #e74913 70%, #ff6631 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fc5c26 0%,#e74913 38%,#e74913 70%,#ff6631 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fc5c26 0%,#e74913 38%,#e74913 70%,#ff6631 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc5c26', endColorstr='#ff6631',GradientType=0 ); /* IE6-9 */ 
text-align: center; 
border-radius: 20px 0 20px 0; 
padding: 15px 20px;
text-transform: uppercase;
color: #fff;
font-size: 1.2rem;
}

.mainContent-ocvs .devis-ocvs .w-mention p {font-size: 0.9rem;}

@media screen and (max-width: 768px) {

.mainContent-ocvs .devis-ocvs .styledevis {width: 97%;}
.mainContent-ocvs .devis-ocvs .StopOver input {width: 97%}
.mainContent-ocvs .devis-ocvs .datepicker input {width: 97%}
.mainContent-ocvs .devis-ocvs .w-passager div {margin: 0; width: 105%;}
.mainContent-ocvs .devis-ocvs .w-passager .w-3 {width: 105%; background-color: transparent;}
.mainContent-ocvs .devis-ocvs .w-passager #civilite {width: 103%;}
.mainContent-ocvs .devis-ocvs .w-passager #passeport {width: 104%;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_JJ {width: 15%; text-align: center; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_MM {width: 15%; text-align: center; margin-left: 5px; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_YY {width: 15%; text-align: center; margin-left: 5px; margin-right: 0px;}
.mainContent-ocvs .devis-ocvs .w-coordonnees {width: 95%;}
.mainContent-ocvs .devis-ocvs .w-coordonnees #DevisOCVS_cust_adresse {width: 95%;}
.mainContent-ocvs .devis-ocvs .w-mention p {font-size: 0.8rem;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssAnnulation {height: auto;}

}

@media only screen and (max-width:450px) {

.mainContent-ocvs .devis-ocvs h2 {text-align: center;}
.mainContent-ocvs .devis-ocvs .styledevis {width: 97%;}
.mainContent-ocvs .devis-ocvs .StopOver input, 
.mainContent-ocvs .devis-ocvs .datepicker input {width: 97%;}
.mainContent-ocvs .devis-ocvs .TypeTravelLeft {border: none;}
.mainContent-ocvs .devis-ocvs .w-passager {margin: 0; width: 102%;}
.mainContent-ocvs .devis-ocvs .w-passager .w-3 {width: 102%; background-color: transparent;}
.mainContent-ocvs .devis-ocvs .w-passager #civilite {width: 106%;}
.mainContent-ocvs .devis-ocvs .w-passager #passeport {width: 112%;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_JJ {width: 23%; text-align: center; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_MM {width: 30%; text-align: center; margin-left: 5px; margin-right: 5px;}
.mainContent-ocvs .devis-ocvs .w-passager .DevisOCVS_DOB_YY {width: 30%; text-align: center; margin-left: 5px; margin-right: 0px;}
.mainContent-ocvs .devis-ocvs .w-coordonnees {width: 95%;}
.mainContent-ocvs .devis-ocvs .w-coordonnees #DevisOCVS_cust_adresse {width: 105%;}
.mainContent-ocvs .devis-ocvs .w-EnvoiDemande a {font-size: 1rem;padding: 10px 15px;}
.mainContent-ocvs .devis-ocvs .w-mention p {font-size: 0.8rem;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail {font-size: 0.8rem; line-height: 1.6rem;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .BlocDetail .ListAssAnnulation {height: auto;}
.mainContent-ocvs .devis-ocvs .BlocAssurance .Jumbo-assurance span{font-size: 0.9rem; text-align: center;}
.mainContent-ocvs .devis-ocvs .StopOver textarea {width: 98%;}

}


/*-------------
PAGES GENERIQUES
-------------*/

.blocgenerique {margin:32px;}
.title-site h2 a {color: #fff;}
.blocgenerique .sstitre {color: #02bac7; font-size: 1.25rem; line-height: 1.8rem;}
.blocgenerique p a {color: #666; text-decoration: underline;}
.blocgenerique ul li a {color: #666; text-decoration: underline;}
.blocgenerique .btn-ocvs {text-align: center;}
.blocgenerique .btn-ocvs a{text-decoration: none; text-transform: uppercase; background-color: #02bac7; display: inline-block; padding: 10px; color: #fff; border-radius: 20px 0 20px 0; margin-bottom: 10px;}
.blocgenerique ul{ font-family: 'Montserrat',Arial,Helvetica,sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 17px;}
.titre-page-jeune {background-image: url(/images/ocvs/icon-info-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.titre-page-avantages {background-image: url(/images/ocvs/icon-avantages-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.titre-page-parrainage {background-image: url(/images/ocvs/icon-avantages-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.titre-page-OTAdelaide {background-image: url(/images/ocvs/icon-avantages-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.titre-page-conseillers {background-image: url(/images/ocvs/icon-conseillers-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.titre-page-avis {background-image: url(/images/ocvs/icon-avis-color.png); background-position:center 10px; background-repeat:no-repeat; height: 145px;}
.row .titre-page-jeune h1, .row .titre-page-avantages h1, .row .titre-page-OTAdelaide h1, .row .titre-page-parrainage h1,  .row .titre-page-conseillers h1, .row .titre-page-avis h1 {padding: 105px 0;}


@media only screen and (max-width:450px) {

.blocgenerique .sstitre {font-size: 1rem; line-height: 1.2rem;}
.titre-page-jeune, 
.titre-page-avantages, 
.titre-page-parrainage, 
.titre-page-OTAdelaide, 
.titre-page-conseillers, 
.titre-page-avis {height: 115px; background-size: 15%;}

.row .titre-page-jeune h1, 
.row .titre-page-avantages h1, 
.row .titre-page-OTAdelaide h1,
.row .titre-page-parrainage h1, 
.row .titre-page-conseillers h1, 
.row .titre-page-avis h1 {padding: 70px 0;} 

.row .titre-page-avis h1 {padding: 80px 0;font-size: 1em;}
}

/*-------------
PAGES Avis
-------------*/
.row .page-avis .sstitre {color:#666;}
.row .blocAvis-White .blocgenerique, .row .blocAvis-Color .blocgenerique {margin:16px;}
.row .blocAvis-White .date, .row .blocAvis-Color .date {color: #02bac7;}
.row .blocAvis-White .auteur, .row .blocAvis-Color .auteur {text-align: right; display: block; font-style: italic;}
.row .blocAvis-Color {background-color: #d1fafc;}

@media only screen and (max-width:450px) {
.row .page-avis p,	.row .blocAvis-White .blocgenerique p, 	.row .blocAvis-Color .blocgenerique p {font-size: 12px; line-height: 18px;}
}

/*-------------
PAGES Stop-Over
-------------*/
.imgStopOver {width: 100%; display: inline-block;}

.imgStopOver ul li>a {
    display: block;
    text-decoration: none!important;
    height: 355px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #54271f;
    font-size: 16px;
    line-height: 21px;
    border-radius: 20px;
}

.imgStopOver ul li>a>span {
    position: relative;
    top: 100px;
    height: 167px;
    margin: 0 auto;
    display: table;
    width: 75%;
    height: 120px;
    overflow: hidden;
}

.imgStopOver ul li > a > span .opacity {
    opacity: 0.9;
    color: #666;
    border-radius: 20px;
}

.imgStopOver ul li>a>span>span {
    padding: 20px;
    background: #fff;
    display: table-cell;
    z-index: 2;
    position: relative;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.imgStopOver ul li > a > span .opacity h2 {
    line-height: 31px;
}

.StopOver-devis {padding: 5px;}


@media screen and (max-width: 768px) {
.imgStopOver ul li>a>span {top: 70px;}
}

@media only screen and (max-width:450px) {
.imgStopOver ul li>a>span {top: 25px;}
}


/*-------------
PAGES Parrainage WHV
-------------*/

.intro-page-parrainage .w-8 {
	background-color:transparent; 
	margin-right:0
}

.intro-page-parrainage .title-site-white {
	color:#02bac7; 
}

.intro-page-parrainage .title-site-white img {
	float:left; 
	width:100%; 
	border-radius: 20px 0 0 0;
}

.intro-page-parrainage .w-4 {
	background-color:transparent; 
	margin-left:0;
	margin-right:0; 
	width:340px;
}

.intro-page-parrainage .w-4 .title-site {
	color:#fff;
	border-radius: 0 0 20px 0; 
	padding: 80px 20px; 
	height: 266px; 
	font-size: 18px;
}

.intro-page-parrainage .w-4 .title-site h2 span {

}

.bloc-page-parrainage .w-12,
.bloc-page-parrainage .w-6 {
	background-color:transparent;

}

.bloc-page-parrainage .w-12 .title-site-white {
	padding: 15px; 
	margin-top: 10px; 
	color:#02bac7; 
	text-align:center;
}

.bloc-page-parrainage .w-12 .title-site-white h3 {
	line-height: 25px;
}

.bloc-page-parrainage .title-site h3 {
	text-align:center; 
	color:#fff; 
	padding:5px;
	line-height: 25px;
}

.bloc-page-parrainage .w-6 .blocgenerique,
.bloc-page-parrainage .w-12 .blocgenerique {
	 min-height: 127px;
	 padding: 15px; 
	 background-color: #fff; 
	 border-radius: 0 20px 0 20px; 
	 margin: 10px 0 0 0;
}

.bloc-page-parrainage .w-12 .blocgenerique .btn-ocvs {
	margin-bottom: 0; 
	margin-top: 10px; 
	text-align:left;
}




/*-------------
FOOTER OCVS
-------------*/

.footer-ocvs div .row > div {border-radius:0; }
.footer-ocvs h2{font-size: 1.4rem; line-height: 1.6rem; text-transform: uppercase; color: #02bac7; font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
.footer-ocvs h3{font-size: 0.9rem; line-height: 1.2rem; color: #000; font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
.footer-ocvs p {font-size: 0.8rem;line-height: 1rem;}
.footer-ocvs .icon {float: left; width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px;}
.footer-ocvs .conseillers {text-align: justify;}
.footer-ocvs .conseillers img { width:100%;}
.avantage a, .conseillers a, .avis a {color: #666;}

/*-------------carousel -------------*/

.jcarousel-skin-tango .jcarousel-next-horizontal {
    background: transparent url(/images/ocvs/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    background: transparent url(/images/ocvs/prev-horizontal.png) no-repeat 0 0;
}

/*-------------carousel logo -------------*/
.partenaires,
.partenaires .slider-partenaires {overflow: hidden;}

.partenaires .jcarousel-skin-tango .jcarousel-container {width: 92%; background: #e5f8f9; border: none; height: 35px; padding: 10px 40px;}
.partenaires .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%; height:35px;}

.partenaires .jcarousel-skin-tango .jcarousel-prev-horizontal,
.partenaires .jcarousel-skin-tango .jcarousel-next-horizontal {top: 13px; height: 35px;}

.partenaires .jcarousel-skin-tango .jcarousel-clip-horizontal ul {width: 600px; overflow: hidden;}
.partenaires .jcarousel-skin-tango .jcarousel-clip-horizontal ul li {width: 120px!important; height: 35px; background-color: #fff; padding: 5px 5px 0 5px;}

/*----------*/


/*-------------carousel avis -------------*/

.avis ,
.avis .slider-avis {overflow: hidden;}

.avis #slider .jcarousel-skin-tango .jcarousel-container {width: 90%; background: #e5f8f9; border: none; height: 160px; padding: 10px 40px;}
.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal {width: 100%; height:160px;}

.avis #slider .jcarousel-skin-tango .jcarousel-prev-horizontal,
.avis #slider .jcarousel-skin-tango .jcarousel-next-horizontal {top: 80px; height: 100px;}

.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal ul {width: 600px; overflow: hidden;}
.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal ul li {width: 560px;height:160px;}

.avis #slider #worldCarouselAvis li div div{margin: 15px; }
.avis #slider #worldCarouselAvis li div div .date {color: #02bac7; font-weight:bold; margin-bottom: 5px; display: inline-block;}
.avis #slider #worldCarouselAvis li div div .auteur {color: #02bac7; float: right; font-weight:bold; margin-top: 5px; display: inline-block;}

/*----------*/


@media screen and (max-width: 768px) {

.footer-ocvs .row {max-width: 768px;}
.row .avantage {width: 30%;}
.footer-ocvs .footer-ocvs-content {margin: 10px 0 0 0 ;}
.footer-ocvs .icon {width: 60px; height: 100px; padding-top: 10px; }
.footer-ocvs .icon img {width: 60px; height: 60px;}
.footer-ocvs .conseillers img { width:60%;}
.avis #slider .jcarousel-skin-tango .jcarousel-container,
.partenaires .jcarousel-skin-tango .jcarousel-container {width: 88%;}
.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal ul li {width: 620px;}

}

@media only screen and (max-width:450px) {

.footer-ocvs .row {max-width: 450px;}
.row .avantage {width: 95%;}
.footer-ocvs .footer-ocvs-content {width: 100%;margin: 10px 0 0 0 ;}
.footer-ocvs .icon {width: 60px; height: 80px; padding-top: 10px; }
.footer-ocvs .icon img {width: 60px; height: 60px;}
.footer-ocvs .conseillers img { width:95%;}
.partenaires .jcarousel-skin-tango .jcarousel-container {width: 75%;}
.avis #slider .jcarousel-skin-tango .jcarousel-container {height:250px; width: 75%;}
.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal {height: 250px;}
.avis #slider .jcarousel-skin-tango .jcarousel-clip-horizontal ul li {width: 250px; height: 250px;}

}


/*-------------
FOOTER FIXE OCVS
-------------*/

.mainContent-ocvs .FooterFixeMobile {display: none;}
.mainContent-ocvs .FooterFixeTablette {display: none;}

@media screen and (max-width: 768px) {
.mainContent-ocvs .FooterFixeTablette {display: block; position: fixed; z-index: 2000; bottom: 0; left: 0; right: 0; text-align: center; background-color: #02bac7; padding: 10px;}
.mainContent-ocvs .FooterFixeTablette p {font-size: 1rem; margin-bottom:5px; color: #fff; text-transform: uppercase;}
.mainContent-ocvs .FooterFixeTablette .btnContact {background-color: #fff; color: #02bac7; border-radius:15px 0 15px 0; width: 45%; margin: 0 5px; display: inline-block; font-weight:bold;  line-height: 1.8rem; text-transform: uppercase;}
.mainContent-ocvs .FooterFixeTablette .btnContact span {color:#fb4f14;}
.mainContent-ocvs .FooterFixeTablette .btnContact span span {color:#fb4f14;font-size:120%; line-height: 0.9rem; }
.mainContent-ocvs .FooterFixeMobile {display: none;}
}

@media only screen and (max-width:450px) {
.mainContent-ocvs .FooterFixeTablette {display: none;}
.mainContent-ocvs .FooterFixeMobile {display: block; position: fixed; z-index: 20000; bottom: 0; left: 0; right: 0; text-align: center; background-color: #02bac7; padding: 5px;}
.mainContent-ocvs .FooterFixeMobile p {font-size: 0.8rem; margin-bottom: 0; color: #fff; text-transform: uppercase;}
.mainContent-ocvs .FooterFixeMobile .btnContact {background-color: #fff; color: #02bac7; border-radius:15px 0 15px 0; padding:4px 8px; width: 27%; display: inline-block; font-weight:bold; font-size:65%; line-height: 0.8rem; text-transform: uppercase;}
.mainContent-ocvs .FooterFixeMobile .btnContact span {color:#fb4f14;}
.mainContent-ocvs .FooterFixeMobile .btnContact span span {color:#fb4f14;font-size:120%; line-height: 0.9rem; }
}