/*-----------------------------------------------------------
	Project: Village Center MH	
	Date : 	Feb 2010
	Last Update : 19/021/10
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black; background-color:#cccccc;}
body div {background-color:#ffffff;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#4e4e50; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#4e4e50; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #4e4e50; }
del { color:#4e4e50; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*:::::::::::  Main layout :::::::::::*/
#wrapper {width:1000px;margin:0 auto;}

/*HEADER*/
#header {background:#4a345e url(../images/common/bg_header.png) no-repeat 310px 0;width:100%;margin-bottom:4px;}
#logo {margin:12px 25px 0 25px;float:left;}
#lien-vcl {margin:0 auto;width:445px;margin-left:325px;text-align:center;font-size:12px;height:18px;font-weight:bold;line-height:16px;}
#lien-vcl ul, #lien-vcl ul li {display:inline;}

/*NAV*/
#nav {float:left;width:500px;margin-top:75px;background:#fff url(../images/common/cornerNav.gif) no-repeat 0 0;width:779px;}
#nav li{font-weight:bold;color:#4a345e;float:left;position:relative;z-index:5;padding:4px 15px 3px;background:url(../images/common/nav_separator.gif) no-repeat 0 50%;cursor:pointer;font-size:13px;}
#nav li.first {background:none;}
#nav li a{color:#4a345e;font-weight:bold;}

#nav li ul {position:absolute;margin-top:0;visibility:hidden;z-index:10;left:-999em;top:19px;width:175px;border:1px solid #4A345E;border-bottom:none;background:#fff;}
#nav li ul li{font-weight:normal;float:none;margin:0;padding:0;background:none;font-size:12px;border-bottom:1px solid #4A345E;}
#nav li ul li a{display:block;padding:6px 5px 6px 15px;font-weight:normal;}

#nav li li ul {position:absolute;margin-top:0;visibility:hidden !important;z-index:11;left:-9999em !important;width:175px;}

/*NAV - hover*/
#nav li.sfhover ul {visibility:visible;left:0;} 
#nav li li.sfhoverNiv2 ul {visibility:visible !important;left:175px !important;top:-1px;}
*+html #nav li li.sfhoverNiv2 ul  {top:1px;}

#nav li li.sfhoverNiv2 , #nav li li.sfhoverNiv2 a:hover {background:#efefef;}

/*MAIN CONTENT*/
#mainContent {float:right;width:775px;margin-bottom:4px;}
#mainContent h1 {text-align:center;color:#fff;background:#f29525;font-weight:bold;font-size:16px;padding:7px 0;}
#mainContent h2 {text-align:center;font-weight:bold;font-size:14px;color:#f29525;margin:10px 0;}
#mainContent.pageRegion h2{text-align:left;margin:10px 0 7px;padding:0 6px;}
#mainContent.carteNomade h2 {color:#7d1b51;margin-bottom:30px;}

/*HOME*/
.col_left span.sep  , .col_right span.sep{display:block;width:310px;margin:10px auto;height:2px;background:#f29525;clear:both;}
.col_left {float:left;width:388px;background:url(../images/common/separator_home.gif) no-repeat 100% 25px;}
.etapesHome {width:324px;margin:10px auto;background:#a499ae url(../images/common/sprite_rondBox_small.png) no-repeat -330px 100%;padding-bottom:7px;}
.etapesHome  ol {background:#a499ae url(../images/common/sprite_rondBox_small.png) no-repeat 0 0;padding:8px 20px 0px;}
.etapesHome  ol li{color:#fff;padding:10px 0;font-size:15px;}
.etapesHome  ol li span{background:url(../images/common/bg_numEtape.gif) no-repeat 0 0;color:#fff;margin-right:10px;padding:5px 5px 7px;}
.etapesHome  a{display:block;margin:0 15px 0 auto;color:#fff;background:url(../images/common/btn_orange_shadowBG.png) no-repeat 50% 0;width:100px;text-align:center;padding:4px 0 8px;font-weight:bold;font-size:11px;}

.col_right {float:right;width:387px;}
.col_right p {text-align:center;padding:5px 15px;line-height:15px;}
.col_right .plusVC {background:url(../images/dyn/carte_nomade.jpg) no-repeat 94% 35px;padding:0 0 0 30px;}
.col_right .plusVC  li{background:url(../images/common/bullet_home.gif) no-repeat 2px 4px;padding:7px 0 7px 25px;font-size:14px;}
.col_right .plusVC li.nomade {background:url(../images/common/bullet_home_nomade.gif) no-repeat 2px 4px;color:#7d1b51;}

.visuDestHome {display:block;margin:7px auto;}
.btnHome {background:url(../images/common/btn_orange_shadow.png) no-repeat 50% 0;padding:4px 0 8px;display:block;margin:10px 15px 10px auto;color:#fff;width:100px;text-align:center;font-weight:bold;font-size:11px;}

/*MAIN CONTENT - ETAPE PROPRIO*/
.etapeProprio {clear:both;width:745px;margin:15px auto;background:#a499ae url(../images/common/sprite_rondBox.png) no-repeat 100% 100%;padding-bottom:10px;font-size:14px;}
.etapeProprio dl{background:url(../images/common/sprite_rondBox.png) 0 0 no-repeat;color:#fff;padding:10px 15px 0;font-size:14px;}
.etapeProprio dl dt{color:#4a345e;margin:10px 0;font-weight:bold;}
.carteNomade .etapeProprio dl dt {margin:10px 0 4px;}
.etapeProprio dl dt span {background:url(../images/common/bg_numEtape.gif) no-repeat 0 0;color:#fff;margin-right:8px;padding:6px 5px 7px;}
.etapeProprio dl dd{line-height:16px;font-size:14px;margin-bottom:20px;}
.etapeProprio p{text-align:center;color:#4a345e;font-size:14px;font-weight:bold;}

.centeredOrange {width:450px;margin:15px auto 0 auto;color:#f29525;text-align:center;font-size:14px;}
.introTxt {line-height:15px;padding:0 6px;}
a.btn_contactUs {display:block;margin:10px auto;color:#fff;background:url(../images/common/btn_purple.png) no-repeat 50% 0;width:100px;text-align:center;padding:4px 0;font-weight:bold;font-size:11px;}
a.btn_contactUs_orange {display:block;margin:10px auto;color:#fff;background:url(../images/common/btn_orange_shadow.png) no-repeat 50% 0;width:100px;text-align:center;padding:4px 0 8px;font-weight:bold;font-size:11px;}

/*RESULTATS DE RECHERCHE*/
#searchResults {margin:10px 0;}
#searchResults li {overflow:hidden;position:relative;width:764px;border:2px solid #6e5d7e;margin:0 0 17px 6px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px; border-top-right-radius: 20px;-webkit-border-bottom-right-radius: 20px;-moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px;}
#searchResults li.odd {border:2px solid #f29525;} 
#searchResults li .visu_searchResults {float:left;display:block;width:345px;height:128px;}
#searchResults li .pictos_searchResults {float:left;width:90px;padding-top:3px;margin-left:3px;}
#searchResults li .pictos_searchResults img {width:39px;height:39px;display:block;float:left;margin:0 0 2px 4px;}
#searchResults li dl {float:right;width:315px;margin:0 5px 0 0;padding-top:5px;}
#searchResults li dl dt{color:#4a345e;font-size:14px;padding-bottom:2px;font-weight:bold;}
#searchResults li dl dd.region{color:#f29525;padding-bottom:3px;font-weight:bold;}
#searchResults li dl dd{color:#4e4e50;line-height:14px;width:100%;overflow:hidden;}
#searchResults li dl dd.btns {padding:12px 0 5px;}
#searchResults li dl dd.btns a{float:left;color:#fff;background:url(../images/common/btn_lightPurple.png) no-repeat 50% 0;text-align:center;margin-right:5px;width:100px;padding:2px 0;font-weight:bold;font-size:11px;}
#searchResults li dl dd.btns a.btn_note{background:url(../images/common/btn_purple.png) no-repeat 50% 0;}
#searchResults li dl dd.btns a.btn_decouvre{background:url(../images/common/btn_orange_shadow.png) no-repeat 50% 0;padding:2px 0 6px;}

#formFiltresSearch {padding:10px 0 15px 47px;}
#formFiltresSearch select{margin-left:10px;}

/*EDITO*/
.roundedEdito {width:713px;margin:15px auto;background:url(../images/common/sprite_rondBox_edito.png) no-repeat -716px 100%;padding-bottom:20px;}
.inner_roundedEdito {background:url(../images/common/sprite_rondBox_edito.png) no-repeat 0 0;padding-top:21px;font-size:14px;line-height:17px;}
.inner_roundedEdito ul , .inner_roundedEdito form.formProjet , p.msgValidForm {border:solid #735f91;border-width:0 2px;}
.inner_roundedEdito ul li{background:url(../images/common/bullet_home.gif) no-repeat 7px 1px;padding:0 15px 20px 25px;color:#735f91;}
.inner_roundedEdito ul li h3 {color:#f29525;font-weight:bold;padding-bottom:3px;}
.inner_roundedEdito ul li ul {border:none;}
.inner_roundedEdito ul li li {background:url(../images/common/bullet_edito.gif) no-repeat 1px 7px;padding:2px 0 2px 11px;}
.inner_roundedEdito ul li.nomade {background:url(../images/common/bullet_home_nomade.gif) no-repeat 7px 1px;}
.inner_roundedEdito ul li.noBullet {background:none;}
.inner_roundedEdito ul li.nomade , .inner_roundedEdito ul li.nomade h3 {color:#7d1b51;}
.inner_roundedEdito ul li strong {color:#f29525;font-weight:normal;}
.inner_roundedEdito ul li a {text-decoration:underline;color:#f29525;}

/*BREADCRUMB*/
.breadcrumb {font-size:10px;margin:10px 0;padding-left:3px;}
.breadcrumb a{color:#777777;}
.breadcrumb a:hover{text-decoration:underline;}

/*FICHE CAMPING*/
.ficheCamping  .pictoBandeau {float:right;margin-top:-31px;position:relative;z-index:3;background:url(../images/common/tl-blanc.png) no-repeat 0 0;padding:10px 0 0 10px;}
.ficheCamping  .pictoBandeau img {margin:0 5px;}
.ficheCamping  .pictoBandeau .carte_mini {background:url("http://share.village-center.com/camping/img/structure/carte-france-mini.png") no-repeat 50% 0;height:54px;margin:0 15px 0 0;width:48px;float:left;}
.ficheCamping  .pictoBandeau .marker , #searchResults li .marker {background:url("http://share.village-center.com/camping/img/structure/marker.png") no-repeat 0 0 transparent;display:block;height:14px;position:absolute;width:9px;z-index:2;}
.ficheCamping  .col_left {background:none;}
.ficheCamping  .col_right {text-align:right;background:url(../images/common/separator_ficheCamp.gif) no-repeat 0 5px;}
#mainContent.ficheCamping  h2 {color:#4a345e;font-size:18px;text-align:left;padding-left:6px;}
#mainContent.ficheCamping  h2 span {color:#f29525;font-size:15px;display:block;font-weight:normal;padding-top:2px;}
.ficheCamping   h3 {color:#f29525;font-size:20px;font-weight:bold;text-align:center;margin:15px 0;}
.ficheCamping  .col_left  p {line-height:15px;padding:0 45px;}
.ficheCamping  #pushContact {display:block;margin:5px 42px 10px auto;}

#tabFicheCamp {width:324px;margin:10px auto;background:#a499ae url(../images/common/sprite_rondBox_small.png) no-repeat -330px 100%;padding-bottom:10px;}
#tabFicheCamp ul{display:none;width:100%;background:url(../images/common/sprite_rondBox_small.png) no-repeat 0 0;padding:10px 0 12px;}
	#js #tabFicheCamp ul{display:block;}
#tabFicheCamp li {float:left;font-size:11px;color:#fff;}
#tabFicheCamp li a {margin:0 5px;color:#fff;}
#tabFicheCamp li a.active {color:#4A345E;}
#tabFicheCamp .tabBloc_ficheCamp {color:#fff;line-height:16px;padding:0 15px; background-color:#a499ae;}
#js #tabFicheCamp .tabBloc_ficheCamp {display:none;}
#js #tabFicheCamp .tabBloc_ficheCamp h4 {display:none;}
#services img{display:inline;width:39px;height:39px;margin:0 7px 7px 0;}
#infos dt{color:#4a355f;background:url(../images/common/bullet_ficheCamp.gif) no-repeat 0 0;font-weight:bold;padding:0 0 0 13px;}
#infos dd{padding-bottom:12px;}

.pictosMap {text-align:center;margin:7px 0;}
.pictosMap li{display:inline;margin:0 5px;}

#flashMobilHome {vertical-align:bottom;margin:20px 0 12px 0;}

/*CARTE NOMADE*/
.carteNomade table{clear:both;width:560px;margin:30px auto 10px;border:2px solid #675577;font-size:11px;line-height:12px;}
.carteNomade th{text-align:center;vertical-align:middle;background:#a49aae;color:#fff;border-bottom:1px solid #efeaf3;font-size:12px;font-weight:bold;padding:3px 0;}
.carteNomade td{text-align:center;vertical-align:middle;background:#a49aae;color:#4A345E;font-weight:bold;width:25%;border:1px solid #efeaf3;padding:4px 5px}
.carteNomade td strong{color:#fff;}
.carteNomade .visu_carteNomade {float:right;margin:10px 15px 20px 25px;}
.carteNomade p {color:#735f91;font-size:13px;margin:10px 0 15px 35px;line-height:16px;}
.carteNomade p strong {color:#f29525;font-weight:normal;font-size:14px;}

/*MON MOBIL HOME*/
#mainContent.mobilHome h2 {color:#4a345e;}
.mobilHome p.chapo {font-size:14px;padding-top:15px;margin:0;}
.mobilHome p.logos{text-align:right;margin:0;}
.mobilHome p.logos img{margin-right:17px;vertical-align:middle;}
.mobilHome p {color:#735f91;line-height:16px;font-size:13px;margin-bottom:12px;padding:0 12px 0 20px;clear:both;}
.mobilHome p strong{color:#f29525;}

#mobilHomeVC_left {float:left;vertical-align:bottom;margin:7px 0 10px 20px;}
#mobilHomeVC_right {float:right;vertical-align:bottom;margin:7px 10px 20px 0;}

/*MON PROJET*/
form.formProjet , p.msgValidForm {padding:0 20px;color:#735f91;}
form.formProjet p  {width:100%;overflow:hidden;}
form.formProjet fieldset p {padding:3px 0;}
form.formProjet fieldset  p label {float:left;width:230px;padding:2px 7px 0 0;text-align:right;}
form.formProjet fieldset  p .labelCheckbox {float:none;text-align:left;padding:0;}
form.formProjet fieldset  p .text {width:216px;}
form.formProjet p.validLine {text-align:center;padding-top:15px;}
form.formProjet .hiddenSelect {float:right;width:550px;}
form.formProjet .hiddenSelect select {height:20px;}

#stepProjet {width:100%;margin:15px 0;}
#stepProjet li{background:url(../images/common/sprite_etapeProjet.png) no-repeat 0 0;text-indent:-999em;float:left;width:88px;height:24px;margin:0 8px 0 0;}
#stepProjet li.step1{background-position:0 0;margin:0 8px 0 180px;}
#stepProjet li.step2{background-position:-89px 0;}
#stepProjet li.step3{background-position:-178px 0;}
#stepProjet li.step4{background-position:-267px 0;}
#stepProjet li.step1#on{background-position:0 -24px;}
#stepProjet li.step2#on{background-position:-89px -24px;}
#stepProjet li.step3#on{background-position:-178px -24px;}
#stepProjet li.step4#on{background-position:-267px -24px;}

/*FORMULAIRE CONTACT*/
#formContact {}
#formContact p{width:100%;overflow:hidden;padding:3px 0;}
#formContact p label{float:left;width:250px;text-align:right;padding:2px 12px 0 0; }
#formContact p .labelCheckbox{float:none;padding:0;text-align:left;font-size:11px;}
#formContact p .labelRadio{float:none;padding:0;text-align:left;}
#formContact p select {width:240px;}
#formContact p textarea {width:400px;height:150px;}
#formContact p .text{width:236px;}
#formContact p .radio{}
#formContact p .checkbox{}
#formContact p.validLine {text-align:center;padding:15px 0;}

#formContact p.captcha {margin-bottom:25px;}
#formContact p.captcha label {padding:2px 12px 0 91px;width:159px;margin-bottom:10px;}
#formContact p .text_captcha {width:176px;margin-bottom:5px;}

#moreDetailsTrigger {font-size:11px;text-decoration:underline;margin:5px 0 16px 427px;display:block;}
#js #moreDetails {display:none;}

/*SIDEBAR*/
#sidebar {width:220px;margin-bottom:4px}

/*SIDEBAR - SEARCH FORM*/
#searchForm {background:#735f91;margin-bottom:4px;padding:6px 17px 7px;height:222px;}
#searchForm  h3{color:#fff;font-weight:bold;margin-left:-12px;}
#searchForm p label{color:#fff;display:block;font-weight:bold;padding:10px 0 4px;}
#searchForm p  .labelRadio {display:inline;vertical-align:middle;font-weight:normal;padding:0;margin-right:20px;}
#searchForm p .radio {vertical-align:middle;}
#searchForm p select {width:170px;}
#searchForm .validSearch {padding-top:7px;text-align:center;}
#searchForm .validSearch  input{cursor:pointer;}

/*SIDEBAR - RECHERCHE GEO*/
#rechercheGeo_container  {background:#988ca4;margin-bottom:4px;padding:6px;height:275px;}
#rechercheGeo_container h3 {color:#fff;font-weight:bold;padding-bottom:20px;}
#selectRechercheGeo {text-align:center;padding-top:20px;}
#selectRechercheGeo  select {width:195px}

/*SIDEBAR - BOXES*/
#newsletterBox   , #forwardBox , #contactBox   {margin-bottom:4px;padding:6px;color:#fff;background:url(../images/common/sprite_pictosBox.png) no-repeat 0 0;font-size:11px;line-height:13px;}
#newsletterBox h3  , #forwardBox h3 , #contactBox  h3 {color:#fff;font-weight:bold;text-align:center;margin-bottom:6px;font-size:12px;}
#newsletterBox {background-color:#f29525;background-position:4px 22px;}
#newsletterBox p {padding-left:65px;}
#newsletterBox p label {display:block;}
#newsletterBox p .text{width:100px;border:1px solid #fff;font-size:11px;vertical-align:middle;padding:3px 0;}
#newsletterBox p .submit {vertical-align:middle;overflow:visible;width:auto;padding:1px;}
#forwardBox {background-color:#a499ae;background-position:4px -70px;}
#forwardBox  p {padding:0 0 7px 65px;}
#contactBox {background-color:#4a345e;margin-bottom:0;background-position:6px -160px;}
#contactBox  p {padding:0 0 7px 45px;}
#contactBox a , #forwardBox  a {color:#fff;background:#f29525;padding:2px 5px;margin-left:100px;font-weight:bold;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}

/*FOOTER*/
#footer {clear:both;width:100%;text-align:center;background:#4a345e;padding:5px 0;}
#footer li{color:#fff;display:inline;font-size:11px;}
#footer li a{color:#fff;margin:0 10px;}
#footer li a:hover{text-decoration:underline;}

/*POPIN*/
.innerPopin {padding:10px;line-height:15px;}
.innerPopin h3 {color:#F29525;font-size:14px;font-weight:bold;padding:5px 0;}
.innerPopin p{width:100%;overflow:hidden;padding:2px 0;}
.innerPopin p label {float:left;width:150px;text-align:right;padding:2px 10px 0 0;}
.innerPopin p .text {width:200px;}
.innerPopin p.validLine {text-align:center;padding-top:10px;}

/*:::::::::: JQUERY PLUGINS ::::::::::::::*/

/*COLORBOX CORE STYLE : The following rules are the styles that are consistant between themes.*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*COLORBOX USER STYLE*/
#cboxOverlay{background:#000000;}
#cboxContent{margin-top:20px;border:3px solid #fff;}
#cboxLoadedContent{background:#fff;padding:0;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url(../images/common/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:4px; right:4px; padding:3px;display:block; background:#fff url(../images/common/bg_closePopin.png) no-repeat center; width:20px; height:20px;text-indent:-999em;}
/*#cboxClose.hover{background-position:0 -20px;}*/
.inlinePopin {display:none;}

/*TOOLTIP*/
#tooltip {position: absolute;z-index: 3000;border: 1px solid #4A345E;background-color: #eee;padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div {margin: 0;}