/*---------------------------------
HEADER
-----------------------------------*/
header[role="banner"] .headerContent { background:#28487f url(images/bg-header.gif) right top no-repeat;}
header[role="banner"] .headerContent nav[role="navigation"] ul li > a, header[role="banner"] nav[role="navigation"] ul li:hover > a, header[role="banner"] nav[role="navigation"] ul li.hasExpand > a:hover { background:url(images/toggle-cursor.png) right 9px no-repeat;}
header[role="banner"] nav[role="navigation"] ul li.active > a { background:url(images/toggle-cursor-close.png) right 6px no-repeat;}

/*---------------------------------
CONTENT
-----------------------------------*/
section[role="main"] .sectionHeader .grip .gripContent .optionList { background:none; width:100%; padding:0; margin:0 auto; /*width:280px; padding:0 20px; margin:0 auto;*/}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul { background:none; width:100%; /* width:280px;padding:0; text-align:left;*/}
/*section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a { background:url(/communs/contenu/images/structure/mobile/btn-white.png) left -64px no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a span { background:url(/communs/contenu/images/structure/mobile/btn-white.png) right 0 no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover { background:url(/communs/contenu/images/structure/mobile/btn-white.png) left -96px no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover span { background:url(/communs/contenu/images/structure/mobile/btn-white.png) right -32px no-repeat;}*/

/*section[role="main"] .sectionHeader .grip .gripContent .optionList { background:none; width:280px; padding:0 20px; margin:0 auto;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul { background:none; width:280px; padding:0; text-align:left;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li { margin:0 -3px 0 0; line-height:32px;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a { background:url(/communs/contenu/images/structure/mobile/btn-white.png) left -64px no-repeat; height:32px; text-align:center; color:#000;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a span { background:url(/communs/contenu/images/structure/mobile/btn-white.png) right 0 no-repeat; width:268px; height:32px;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover { background:url(/communs/contenu/images/structure/mobile/btn-white.png) left -96px no-repeat;}
section[role="main"] .sectionHeader .grip .gripContent .optionList ul li a:hover span { background:url(/communs/contenu/images/structure/mobile/btn-white.png) right -32px no-repeat;}*/

section[role="main"] .sectionHeader .gripContent p { background:url(images/toggle-cursor-open.png) right top no-repeat;}
section[role="main"] .sectionHeader .gripContent p:hover, section[role="main"] .sectionHeader .gripContent p.active { background:url(images/toggle-cursor-close.png) right top no-repeat;}

section[role="main"] article .left aside[role="complementary"] h2 { background:url(images/toggle-cursor-open.png) left top no-repeat;}
section[role="main"] article .left aside[role="complementary"] h2:hover, section[role="main"] article .left aside[role="complementary"] h2.active { background:url(images/toggle-cursor-close.png) left top no-repeat;}

section[role="main"] .contentOnglet > ul.link li a:hover { color:#28487f;}
section[role="main"] .travelList .travelListContent .toggleMobile .toggleTop, section[role="main"] .travelList .travelListContent article .toggler { background:url(images/toggle-cursor.png) right center no-repeat;}
section[role="main"] .travelList .travelListContent .toggleMobile .toggleTop p span, section[role="main"] .travelList .travelListContent .toggleMobile .toggleTop p del { color:#28487f;}
section[role="main"] .travelList .travelListContent .promo { background:url(images/bandeau-promo-right.png) right top no-repeat;}
section[role="main"] .travelList .travelListContent .promo p { background:url(images/bandeau-promo-left.gif) left top repeat-x;}

/* Select */
/*section[role="main"] .contentOnglet .formDevis ul li:nth-child(2) div.selector span { background:url(/images/select132.gif) left top no-repeat;}
section[role="main"] .formDevis ul + h2 + ul li div.selector span { background:url(/images/select172.gif) left top no-repeat;}*/



/*---------------------------------
FORMULAIRES
-----------------------------------*/

section[role="main"] .formDevis ul li.select87 div.selector span { background:none;}
section[role="main"] .formDevis ul li.select156 div.selector span { background:none;}
section[role="main"] .formDevis ul li.select112 div.selector span { background:none;}
section[role="main"] .formDevis ul li.select280 div.selector span { background:none;}
section[role="main"] .formDevis ul li.datepicker input { background:url(/communs/contenu/images/forms/mobile/input132.gif) left top no-repeat; width:124px;}

/*---------------------------------
FILTRES
-----------------------------------*/

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


/*---------------------------------
Vignettes actualités + Video Prez youtube 170320
-----------------------------------*/


.VignetteActu .BigVignette  {width: 90%; height: 315px; display: inline-block; margin: 0 15px 15px 15px;}
.VignetteActu .SmallVignette {width: 90%!important; height: 315px; display: inline-block;margin-bottom:15px;margin-left:15px;}
.youtube iframe {width:300px; height:200px;}


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

.ChoixResaOCVS {display: none;}




/*-------------
PAGES Parrainage WHV
-------------*/
.intro-page-parrainage .w-4 {
	width: 95%;
	margin: 0 10px;
}

.intro-page-parrainage .w-4 .title-site {
	padding: 20px;
	height: auto;
}

.bloc-page-parrainage .w-6 .blocgenerique,
.bloc-page-parrainage .w-12 .blocgenerique {
	 min-height: 10px;
	 	text-align: justify;
}