@charset "UTF-8";


/* 	--------------------------------------------------------------------------------
	Redefine tags ----------------------------------------------------------------*/
	html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, code,
    del, dfn, img, q, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
    }	
    tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
    }
    body { font-size:100.01%; line-height:1; }
    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:"" ""; }
    embed:hover, embed:active:hover, embed:visited:hover { border:0px #fff solid; }
	
	body {
		color: #333;
		font-size: 12px;
		font-family: Arial;
		background: #fff url(../../images/bg.jpg) top repeat-x;
	}
	body.region {
		background-image: url(../../images/bg3.jpg);
	}
	body.noslider {
		background-image: url(../../images/bg2.jpg);
	}
	
	a { color: #369; text-decoration: none; }
	a:hover { color: #036; }
	a:visited { outline: none; }
	
	ul { list-style: none; }
	p, li { line-height: 1.333em; }
	input, select, textarea { font-size: inherit; font-family: inherit; }
	
/* 	--------------------------------------------------------------------------------
	Shell ------------------------------------------------------------------------*/
	
	#container {
		background: #e2e2e2;	
	}
	#header {
		padding: 29px 0 0 0;
		position: relative;
		height: 99px;
		margin: 0 auto;
		width: 884px;
	}
	#name {
	    margin: 0 auto;
		width: 844px;
		height: 50px;
		background-image: url(../../images/bg-name.gif);
		line-height: 50px;
		color: #fff;
		font-size: 33px;
		padding: 0 20px;
		display: none;
	}
	.region #name { display: block; }
	body.noslider.region #name { display: none; }
	#content {
		padding: 20px 0;
		margin: 0 auto;
		width: 884px;
	}
	#footer {
		background: #fff;
		border-top: solid 1px #999;
		padding: 14px 0 20px 0;
		width: 100%;
	}
	/* Footer */

	#footer ul li a {
		font-size: 1.167em;
		line-height: 26px;
		color: #336699;
		text-decoration: none;
	} 
	#footer ul li a:hover { text-decoration: underline; }
	#footer ul li.social a:hover { text-decoration: none; }
	#footer ul li a img { vertical-align: middle; }
	#footer ul { text-align: center; }
	#footer ul li { display: inline; margin: 0 15px; }
/* Header */
	
	#logo {
		margin: 0 26px 0 0;
		float: left;
	}
	.regionname, .clubname {
		color: #369;
		font-size: 1.167em;
		float: left;
		margin: 0 36px 0 5px;
	}
	.clubname { font-weight: bold; font-size: 1.333em; }
	#header .listbutton { margin-left:10px; }
/* Search bubble */
	
	#bubble {
		display: none;
		background: url(../../images/bg-search.png) left top no-repeat;
		position: absolute;
		right: -71px;
		top: 55px;
		padding: 22px 0 0 12px;
		width: 207px; height: 60px;
		z-index: 1000;
	}
	#bubble p { margin: 0; text-align: right; padding: 0 17px; }
	#bubble a {
		color: #333;
		text-decoration: none;
		font-size: 1em;
	}
	#bubble a:hover { color: #000; }
	#search {
		background: url(../../images/bg-search-input.png) left top no-repeat;
		overflow: hidden;
		padding: 0 0 5px 10px;
		height: 29px;
	}
	.searchbox {
		background: transparent;
		display: block;
		border: 0;
		float: left;
		font-size: 1em;
		height: 29px; line-height: 29px;
		padding: 0; margin: 0;
		width: 154px;
	}
	.searchbox.empty { color: #999; }
	.searchbtn { float: left; }
	
	/* English bubble */
	
	#english_bubble {
		display: none;
		background: url(../../images/bg-search.png) left top no-repeat;
		position: absolute;
		right: 15px;
		top: 55px;
		padding: 32px 6px 0 6px;
		width: 207px; height: 60px;
		z-index: 1000;
	}
	#english_bubble p { margin: 0; text-align: center; }
	
/* 	--------------------------------------------------------------------------------
	Content -----------------------------------------------------------------------*/
	#options {
		margin: 0 0 20px;
		position: relative;
	}
	#arianne {
		color: #9c9c9c;
		float: left;
		font-size: 0.917em;
		height: 0.917em;
	}
	#arianne a { padding: 0 6px;}
	#arianne a.current { color: #000; }
	#arianne a.current:hover { color: #333; }
	
	#size {
		float: right;
		position: absolute;
		right: 0; top: -14px;
	}
	#normalsize {
		background: url(../../images/btn-text-size.png) left bottom no-repeat;
		display: block;
		float: left;
		text-indent: -999999em;
		outline: none;
		margin: 0 5px 0 0;
		width: 18px; height: 33px;
	}
	#bigsize {
		background: url(../../images/btn-text-size.png) right bottom no-repeat;
		display: block;
		float: left;
		text-indent: -999999em;
		outline: none;
		width: 24px; height: 33px;
	}
	#normalsize.active { background-position: left top; }
	#bigsize.active { background-position: right top; }

	
	.col1 {
		float: left;
		position: relative;
		width: 208px;
	}
	.col2 {
		float: left;
		position: relative;
		width: 336px;
	}
	.col3 {
		float: left;
		position: relative;
		width: 655px;
	}
	/* col pour pub big box */
	.col4 {
		float: left;
		position: relative;
		width: 300px;
	}
	.col4 h3, .videodetails h3 { margin: 5px 0 0 0; font-size: 1em; color: #000; border: 0; }
	/* col pour pub Skyscraper */
	.col5 {
		float: left;
		position: relative;
		width: 160px;
	}
	.col5 a { margin-bottom: 19px; display: block; }
	/* col à gauche du big box */
	.col6 {
		float: left;
		position: relative;
		width: 565px;
	}
	/* col à gauche de la pub Skyscraper */
	.col7 {
		float: left;
		position: relative;
		width: 705px;
	}
	/* col pour pub super bannière */
	.col8 {
		float: left;
		position: relative;
		width: 728px;
	}
	/* col à gauche de la pub super bannière */
	.col9 {
		float: left;
		position: relative;
		width: 137px;
	}
	
	.zoneinteractive {
		height: 236px;
	}
	.videothumbwrapper { margin: 2px; width: 200px; height: 150px; overflow: hidden; }
	.videothumb { height: 150px; }
	.videothumb img { margin: auto; }
	#videocaption0 { display: block; } /* afficher le premier */
	
	.zoneinteractivebox {
	}
	.videodetails { margin: 2px; height: 42px; overflow: hidden; }
	.videodetails .nivo-html-caption { }
	
	.lienssupplclubs a { margin-top: 10px; display:block; }
	
	.content { padding: 20px; }
	
	.content p {
		margin: 0 0 0.938em;
		line-height: 1.333em;
		text-align: justify;
	}
	.content ul { list-style: disc; }
	.content ol { list-style: decimal; }
	.content ul, .content ol {
		padding: 5px 0 10px 40px;
	}
	.content li {
		text-align: justify;
	}
	.content table {
		border: none 0 #fff;
		margin: 0 auto 10px auto;
	}
	.content table td,
	.content table th {
		border: none 0 #fff;
		padding: 5px 10px;
	}
	.content table th { background: #e5edf4; font-weight: bold; }
	.content table.nopadding,
	.content table.nopadding-center {
		margin: 0;
	}
	.content table.nopadding td,
	.content table.nopadding th,
	.content table.nopadding-center td,
	.content table.nopadding-center th {
		padding: 0;
	}
	.content table.nopadding-center {
	    margin-left: auto;
	    margin-right: auto;
	}
	.content table.datatable {
		border: solid 1px #ddd;
	}
	.content table.datatable td,
	.content table.datatable th {
		border: solid 1px #ddd;
	}
	.content table td.rightaligned p { text-align: right; }
	
	h1 {
		color: #004c93;
		margin: 0 0 20px;
		font-size: 2.750em;
	}
	h2 {
		border-bottom: solid 1px #036;
		color: #036;
		margin: 0 0 1.125em; padding: 0.938em 0 7px;
		font-size: 1.333em;
	}
	h3 {
		border-bottom: solid 1px #cbcbcb;
		color: #036;
		margin: 0 0 1.071em; padding: 0 0 5px;
		font-size: 1.167em;
	}
	
	ul.contentlist {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	ul.contentlist li {
		margin: 0 0 30px;
		line-height: 1.50em;
	}
	ul.contentlist li .title {
	    display: block; 
	    font-size: 1.167em;
	    font-weight: bold;
	}
	ul.contentlist li a:hover { color: #c04000; }
	ul.contentlist li a {
		color: #f37320;
		/*text-decoration: underline;*/
	}
	ul.contentlist li .suite {
		font-size: 0.833em;
	}
	
	.bleufadoq { color: #004c93; }
	.orangefadoq { color: #e55300; }
/* 	--------------------------------------------------------------------------------
	News -------------------------------------------------------------------------*/
	.news { 
		clear: both;
		font-size: 1.083em;
	}
	.news h2, h2.special {
		background: url(../../images/bg-boite-head.jpg) left top repeat-x;
		border: 0;
		color: #fefefe;
		font-size: 1.154em;
		text-shadow: 0 1px 0 #333;
		text-transform: uppercase;
		text-align: center;
		height: 37px;
		line-height: 37px;
		margin: 0; padding: 0;
	}
	h2.special { text-align: left; padding: 0 0 0 18px; }
	.news ul li.odd {
		background: #e5edf4;
	}
	.news ul li { line-height: 1em; }
	.news ul li a {
		display: block;
		padding: 7px 10px 7px 14px;
	}

	.news ul li.virage a { background: url(../../images/icon-virage.png) 14px 0 no-repeat; padding-left: 39px; }
	.news.newslist { height: 499px; }
	.news.newslist.babillard { height: 390px; }
	.club .news.newslist { height: 330px; }
	.news.newslist ul li { line-height: 1.20em; }
	.news.newslist ul li a { color: #333; }
	.news.newslist ul li a .date {
		color: #036;
		display: block;
	}
	.news.newslist ul li a .suite {
		color: #369;
		font-size: 0.833em;
	}
	.news.newslist ul li a { padding: 8px 10px 7px 14px; }
	.news.newslist ul li a:hover .date { color: #036 }
	.news.newslist ul li a:hover .suite { color: #036 }
	.news.newslist ul li a:hover { color: #000; }
	.allnews { 
		display: block;
		padding: 19px 0 10px 15px; 
	}
	
	ul.contentlist.newslist li .date {
		font-size: 1.167em;
		display: block;
		margin: 0 0 10px;
		text-decoration: none;
	}
	ul.contentlist.newslist li a.date:hover { color: #f37320; }

	.ctacalendrier { margin-top: -5px; }
	.cta.ctazoneinteractive { margin-left: 23px; margin-bottom: 8px; }	
	.cta { float: left; margin-bottom: 15px; }
	.cta img { display: block; }

	.pub { width: 300px; height:250px; }
	.pub a { display: block; text-align: center; margin: 0; }

    .pubslider {
        position: relative;
        margin: 0 0 20px;
    }
	.pubslider img {
        position:absolute;
        top:0px;
        left:0px;
    }
    .pubslider a {
        border:0;
        display:block;
    }
    
    .lienssuppl, .superbanniere { height: 90px; }
    
    /*
    
    .zoneinteractiveslider {
        position: relative;
    }
	.zoneinteractiveslider img, .zoneinteractiveslider h3 {
        position:absolute;
        top:0px;
        left:0px;
    }
    .zoneinteractiveslider a {
        border:0;
        display:block;
    }*/
    
    
    
    
    
/* 	--------------------------------------------------------------------------------
	Calendriers ------------------------------------------------------------------*/
	#calendriers { padding: 20px 0; margin: 0 0 30px 0; }
	.singlecalendrier {
		float: left;
		margin: 0 34px 0 0;
		width: 238px;
	}
	.singlecalendrier table { width: 100%; }
	.singlecalendrier table th {
		color: #000;
		text-transform: uppercase;
		text-align: center;
		font-size: 0.667em;
		font-weight: bold;
		padding: 4px 0;
		vertical-align: middle;
	}
	.singlecalendrier table td {
		border-right: 1px solid #638ab1;
		color: #000;
		font-size: 1.250em;
		padding: 5px 0;
		text-align: center;
		vertical-align: middle;
	}
	.singlecalendrier table td ul { display: none; }
	.singlecalendrier table td.event1 { background: #f37320; }
	.singlecalendrier table td.event1 a { color: #222; text-shadow: 0 1px 0 #f1aa7c; }
	.singlecalendrier table td.event1 a:hover { color: #000; }
	
	.singlecalendrier table tr.odd { background: #e5edf4; }
	.singlecalendrier table td.last { border: 0; }
	
	.singlecalendrier h2 {
		background: url(../../images/bg-boite-head.jpg) left top repeat-x;
		border: 0;
		color: #fefefe;
		font-size: 1.154em;
		text-shadow: 0 1px 0 #333;
		text-transform: uppercase;
		text-align: center;
		height: 31px;
		line-height: 31px;
		margin: 0; padding: 0;
	}
	.singlecalendrier h2 a { color: #fefefe; }
	.singlecalendrier h2 a:hover { color: #fff; }
	.singlecalendrier.current h2 { background: url(../../images/bg-boite-selected.png) left top repeat-x; }
	
	#displayevents {
		display: none;
		background: #fff;
		border: solid 1px #638ab1;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		font-size: 1.154em;	
		line-height: 1.3em;
		padding: 9px 25px 9px 20px;
		position: absolute;
		width: 250px;
		z-index: 100;
	}
	#displayevents ul { list-style: disc; padding: 0 0 0 10px; }
	#displayevents li { margin: 6px 0; }
	
	#calendrierscroller {
		position: absolute;
		top: 0; left: 0;
		width: 20000px;
	}
	#calendrierwrapper {
		margin: 0 0 0 45px;
		overflow: hidden;
		position: relative;
		width: 792px; height: 16.667em;
	}
	
	#previous:hover { background-position: 0 1px; }
	#next:hover { background-position: -58px 1px; }
	#next {
		background: url(../../images/btn-fleches.png) -58px 0 no-repeat;
		display: block;
		float: right;
		position: absolute;
		top: 81px; right: 4px;
		text-indent: -99999em;
		outline: none;
		width: 30px; height: 76px;
	}
	#previous {
		background: url(../../images/btn-fleches.png) 0 0 no-repeat;
		display: block;
		position: absolute;
		top: 81px; left: 4px;
		text-indent: -99999em;
		outline: none;
		width: 30px; height: 76px;
	}
	
	
	
	#moiscontent {
		float: right;
		padding: 20px 35px;
		width: 508px; min-height: 510px;
	}
	#moiscontent h2 {
		color: #333;
		border: 0;
		font-size: 2.750em;
		margin: 0 0 20px; padding: 0;
	}
	#avis {
		float: left;
		padding: 31px 29px;
		width: 214px; min-height: 488px;
	}
	#avis h2 {
		border-bottom: 0;
		color: #f37320;
		font-size: 1.417em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 1.49em; padding: 0;
	}
	
	.singlemoiscontent {
		background: #fff;
		display: none;
	}
	.singlemoiscontent.current { display: block; }

	/*ul.eventlist li {
		margin: 0 0 30px;
		line-height: 1.50em;
	}*/
	ul.eventlist li a { color: #333; display: block; }
	ul.eventlist li a:hover { color: #000; }
	ul.eventlist li a:hover .date,
	ul.eventlist li a:hover .suite { color: #c04000; }
	ul.eventlist li .date {
		color: #f37320;
		font-size: 1.167em;
		display: block;
		margin: 0 0 10px;
	}
	ul.eventlist li a .date { text-decoration: underline; }
	/*ul.eventlist li a strong { display: block; font-size: 1.167em; }*/
	ul.eventlist li a .suite {
		color: #f37320;
		/*font-size: 0.833em;*/
	}
	ul.eventlist li p {
		padding-bottom: 8px;
	}

/* 	--------------------------------------------------------------------------------
	Carnet et résidences-----------------------------------------------------------------------*/
	/*.carnetpromo {
		color: #7b7b7b;
		float: right; 
		font-size: 18px;
		line-height: 22px;
		padding: 19px 19px 0 0;
		position: relative;
		text-transform: uppercase;
		clear: right;
		width: 220px;
		text-align: right;
	}
	.carnetpromo .number { font-size: 59px; margin-right: 19px;  }
	.carnetpromo .devise { font-size: 33px; position: absolute; right: 19px; bottom: 21px; }
	*/
	.carnetform { 
		float: left;
		padding: 19px 0 19px 15px;
		width: 236px;
	}
	.residences-form { 
		padding: 19px 0 19px 15px;
	}
	.carnetdetails {
	    float: right;
	    margin: 19px 15px 0 19px;
	    width: 277px;
	}
	.souscategories {
	    background-color: #e2eaf4;
	    height: 165px;
	    padding: 5px;
	    overflow: auto;
	    position: relative;
	}
	.souscategories .nomcat { text-transform: uppercase; padding-bottom: 5px; display: block; }
	.form .souscategories .checkbox input, 
	.form .souscategories .checkbox label { display: inline-block; }
	.form .souscategories .checkbox label { max-width: 220px;}
	.carnetform select { 
		padding: 1px;
		width: 100%;
	}
	.carnetform option { padding: 2px; }
	.carnetform p { margin: 0 0 10px; }

	.carnetform .codepostal input { 
		float: left; 
		padding: 2px;
		width: 176px;
		text-transform: uppercase;
	}
	.carnetform .codepostal input.watermark { text-transform: none; }
	.carnetform .btn2 { float: right; }
	/*.carnetimg { float: right; padding: 15px 19px 0 0; }*/

    .form .residences-form p {
        float: left;
        clear: none;
        margin-right: 10px;
    }
    .form .residences-form select {
	    width: 275px; 
	    height: 27px; 
	    font-size: 14px;
	}
	.residences-form select.villes {
	    width: 462px; 
	}
	.residences-form p.btn-recherche-avancee {
	    clear: both;
	    padding-top: 10px;
	    font-size: 0.917em; 
	    float: none;
	}
	#adv-search-residences { display: none; clear:both; padding-top: 10px; }
	.search-wrapper { position: relative; z-index: 1; }
	.search-wrapper.advanced #adv-search-residences { display: block; }
	.search-wrapper.advanced #search-residences .btn-recherche-avancee { display: none; }
	/*.search-wrapper.advanced #search-residences .btn-recherche { display: none; }*/
	#adv-search-residences p.adv-search-btn { float: none; clear: both; display: block; padding-top: 10px; }
    #rabais > li, #liste-residences > li {
		padding: 20px;
	}
	#rabais > li.even, #liste-residences > li.alt {
		background: #e2eaf4;
	}
	#rabais .adresses {
		font-size: 1em;
		line-height: 1.333em;
		float: left;
		width: 270px;
	}
	#rabais .telephones {
		font-size: 1em;
		line-height: 1.333em;
		float: left;
		width: 171px;
	}
	#rabais img {
		float: right; 
		margin: 0 0 0 10px;
	}
	#rabais label { 
		cursor: pointer;
		display: block; 
		font-size: 1.083em;
		font-weight: bold;
		margin: 0 0 2px;
		width: 300px;
	}
	#rabais h2 {
		border: 0;
		clear: both;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
	}
	#rabais .thumb {
		display: block;
		float: right;
		margin: -15px 0 0 0;
	}
	#rabais .rabais_chk { padding: 0 10px 0 0; vertical-align: top; }
	#rabais label:hover { color: #000; }
	#rabais .code_promo { padding-top: 0.93em; font-weight: bold; }
	
	#rabais li ul { list-style: disc; }
	#rabais li ol { list-style: decimal; }
	#rabais li ul, #rabais li ol {
		padding: 5px 0 10px 40px;
	}
	#rabais li li {
		text-align: justify;
	}
	
    #liste-residences li .res-col-chk { float: left; width: 25px; margin-top: -2px }
    #liste-residences li .res-col1 { float: left; width: 245px; }
    #liste-residences li .res-col2 { float: left; width: 370px; }
    #liste-residences li .res-col3 { float: left; width: 120px; }
    #liste-residences li .res-col4 { float: left; }

    .listtools { font-size: 1.2em; }
	.print { 
		float: left;
		position: relative;
		margin: 0 0 0 20px; padding: 0 0 0 20px;
	}
	.print img { position: absolute; left: 0; top: -3px;}  
	.tous { float: left; }
	.tous input { margin: 0 10px 0 3px; padding: 0; float: left; }
	.tous label { float: left; }
	.pagination { 
		float: right;
	}
	.pagination .current {
		color: #333;
		font-weight: bold;
	}
	
	.popup_code_promo .code_promo { font-weight: bold; font-size: 1.2em; }
	.popup_code_promo { width:700px; }
	.popup_code_promo .content_wrapper { height: 85px;}
/* 	--------------------------------------------------------------------------------
	Slider homepage --------------------------------------------------------------*/
	#headimage {
		display: block;
		margin: 0 auto;
		width: 884px;
	}
	#captions {
		display: none;
	}
	#slider-container {
	    position: relative;
	    height: 300px;
	    margin: 0 auto;
		width: 884px;
	}
	#slider img {
	    position:absolute;
	    top: 0px;
	    left: 0px;
	    display: none;
	}
	#slider a {
	    border: 0;
	    display: block;
	}
	.nivo-controlNav {
		background: url(../../images/bg-slider-nav.png);
		float: right;
		position: relative;
		z-index: 10;
		padding: 4px 0 0 0;
		width: 135px; height: 296px;
		margin-top: -300px;
		/*margin: -300px auto 0 auto;*/
	}
	.nivo-controlNav img {
		display: block;
		position: relative;
	}
	.nivo-controlNav a {
		display: block;
		margin: 7px 0 0 8px;
		width: 120px; height: 50px;
	}
	#slider-container.img6 .nivo-controlNav a { height: 40px; }
	.nivo-controlNav a.active {
		border:solid 3px #f37520;
		overflow: hidden;
		width: 114px; height: 44px;
	}
	#slider-container.img6 .nivo-controlNav a.active { height: 34px;  }
	.nivo-controlNav a.active img {
		position: relative;
		top: -3px; left: -3px;
	}
	#slider .nivo-caption {
		color: #fff;
		padding: 10px;
		font-size: 1.5em;
		width: 749px;
	}
	#slider .nivo-caption a {
		color: #6699cc;
		text-decoration: underline;
	}
	#slider .nivo-caption a:hover {
		text-decoration: none;
	}
/* 	--------------------------------------------------------------------------------
	Nav --------------------------------------------------------------------------*/

	#nav {
		position: absolute;
		bottom: 10px; right: 0;		
		margin: 30px 0 0 0;
	}
	#nav li {
		background: url(../../images/bg-nav.png) -80px 0 no-repeat;
		float: left;	
		height: 42px;
	}
	#nav li:hover {
		background: url(../../images/bg-nav.png) -80px -45px no-repeat;
	}
	
	#nav li.last a { background-image: none; }
	#nav li.last { background-position: right top; }
	#nav li.first  { background-position: left top; }
	
	#nav li.last:hover { background-position: right bottom; }
	#nav li.first:hover { background-position: left bottom; }
	
	#nav li.selected.last { background-position: right bottom; }
	#nav li.selected.first  { background-position: left bottom; }
	#nav li.selected a { background-position: right bottom; color: #f37320; }
	#nav li.selected { background-position: -80px bottom; }
	
	#nav li a {
		background: url(../../images/nav-lines.png) right top no-repeat;
		color: #003366;
		text-decoration: none;
		text-shadow: 0 1px 0 #f7f7f7;
		display: block;
		float: left;
		font-size: 15px;
		height: 39px;
		padding: 0 30px 0 28px;
		line-height: 39px;
	}
	
	#nav li a:hover {
		color: #f37320;
	}


/* Subnav */

	#subnav ul { clear: both; }
	#subnav li { background: #fff; }
	#subnav li.odd { background: #d7dee6; }
	#subnav li a {
		color: #336699;
		font-size: 0.917em;
		text-decoration: none;
		display: block;
		padding: 8px 10px 8px;
		line-height: 1.083em;
	}
	#subnav li a:hover { color: #003366 }
	#subnav li ul li.odd { background: #e8e8e8; }
	#subnav li ul li a { 
		color: #333; 
		padding: 5px 10px 5px 20px;
	}
	#subnav li ul li a:hover { color: #000; }
	#subnav li.hassub a:hover,
	#subnav li.hassub.active a {
		background: url(../../images/nav-fleche.png) 180px center no-repeat;
	}
	#subnav li.hassub.active li a,
	#subnav li.hassub ul a:hover { background-image: none; }
	
	#subnav li ul { display: none; }
	#subnav li.active ul { display: block; }
	
	#subnav ul ul { display: none; }
	
	#subnav ul li.active>a { font-weight: bold; }
	#subnav ul ul li.active { font-weight: bold; }

    #subnavextra { text-align: center; margin-top: 30px; }
    #subnavextra img { padding-bottom: 15px; }
/* 	--------------------------------------------------------------------------------
	Box --------------------------------------------------------------------------*/
	.box {
		position: relative;
		background: #fff url(../../images/bg-boite-bottom.png) left bottom repeat-x;
		padding-bottom: 2px;
		border-left: solid 1px #b7b7b7;
		border-right: solid 2px #b7b7b7;
		min-height: 50px;
	}
	.box .rt,
	.box .lt,
	.box .rb,
	.box .lb,
	.box .rth,
	.box .lth  {
		background: url(../../images/bg-corners.png) right bottom no-repeat; 
		display: block;
		position: absolute;
		width: 5px; height: 5px;
		z-index: 1;
	}
	.box .box .rt,
	.box .box .lt,
	.box .box .rb,
	.box .box .lb,
	.box .box .rth,
	.box .box .lth  { background-image: url(../../images/bg-corners2.png); }
	
	.box .lt { 
		background-position: left top; 
		left: -1px; top: 0;
	}
	.box .rt { 
		background-position: right top; 
		right: -2px; top: 0;
	}
	.box .rb { 
		background-position: right bottom; 
		right: -2px; bottom: 0;	
	}
	.box .lb { 
		background-position: left bottom; 
		left: -1px; bottom: 0;
	}
	
/* 	--------------------------------------------------------------------------------
	Map --------------------------------------------------------------------------*/

	#imgmap {
		position: relative;
	}
	#phylactere {
		background: url(../../images/phylacteres.png) left top no-repeat;
		display: none;
		position: absolute;
		width: 204px; height: 170px;
		z-index: 1000;
	}
	#phylactere ul { 
		list-style: none; 
		padding: 5px 10px; margin: 0;
	}
	#phylactere span.region { font-weight: bold; margin: 0 0 4px; font-size: 1.2em; text-transform: uppercase; display: block; }
	#phylactere span.click { font-size: 0.9em; position: absolute; bottom: 78px; right: 10px; }
	#phylactere ul li { display: none; }
/* 	--------------------------------------------------------------------------------
	Catalogue ------------------------------------------------------------------------*/
	table.catalogue_itemtable { width: 100%; }
	table.catalogue_itemtable .catalogue_qte { text-align:center; width: 60px; }
	table.catalogue_itemtable th.catalogue_prix,
	table.catalogue_itemtable td.catalogue_prix { text-align:right; width: 75px; }
	table.catalogue_itemtable th.catalogue_addPanier,
	table.catalogue_itemtable td.catalogue_addPanier { text-align:right; width: 95px; }
	.catalogue_item { margin-bottom: 10px!important; } 
	.catalogue_item h3 { display: none; }
/* 	--------------------------------------------------------------------------------
	Infocourriel ------------------------------------------------------------------------*/
	.footnoteMembre { padding-top: 30px; }
	#infolettre_consentement .form .checkbox label { margin-right: 3px; }
	#infolettre_consentement .form img { vertical-align: top; }
	
	#infolettre_inscription_membre .form .tel input[type=text] { text-align: center; }
    #infolettre_inscription_membre .form .date input[type=text] { text-align: center; }
    #infolettre_inscription_membre .form .codePostal input[type=text] { text-transform: uppercase; }
/* 	--------------------------------------------------------------------------------
	Form -------------------------------------------------------------------------*/
	.form .colonne {
		float: left;
		width: 49%;
	}
	.form p { clear:both; }
	.form p.spacerbefore, 
    .form div.spacerbefore { padding-top: 20px; }
	.form .buttons { clear: both; overflow: hidden; }
	.form input, 
	textarea, 
	select {
		color: #333;
		font-size: inherit;
		font-family: inherit;
	}
	.form select { height: 21px; }
	.form label { display: block; text-align: left; }
	.form label:hover { color: #000; cursor: pointer; }
	.form input[type=text] { padding: 3px; }
	.form .watermark { color: #b7b7b7; }
	.form textarea {
		padding: 5px;
		line-height: 1.5em;
	}
	.form .radio.vertical,
	.form .checkbox.vertical { display: inline-block; }
	.form .radio label,
	.form .checkbox label {
		display: inline;
		line-height: 18px;
	    vertical-align: top;
	    margin-right: 10px;
	    float: none;
	}
	.form .radio label strong,
	.form .checkbox label strong,
	.form .radio label span,
	.form .checkbox label span {
	    vertical-align: top;
	}
	.form .radio input,
	.form .checkbox input { position: absolute; left: -9999999px; }
	.form .radiostd input,
	.form .checkboxstd input { position: relative; left: 0; }
	span.radioreplace,
	span.checkboxreplace {
		background: url(../../images/radio.png) left center no-repeat;
		display: inline-block;
		width: 20px; height: 18px;
	}
	span.checkboxreplace { background-image: url(../../images/checkbox.png);}
	span.radioreplace.checked,
	span.checkboxreplace.checked { background-position: -30px center; }
	
	span.checkbox, span.radio, div.checkbox, div.radio { display : block; padding: 4px 0 0 0; }
	
	.form label.error { display : none;}
	
    .form .pTextBox label.error { display : block; }
    .form .pListeDeroulante label.error { display : block; }
    .form .pListeCourriel label.error { display : block; }
    .form .pCopieConforme label.error { display : block; }
    
	.form .errors {
	    border: solid 1px #333;
	    margin-bottom: 20px;
	    padding: 5px 3px 3px 28px;
	    background: #FFFFC6 url(../../images/avertissement.png) 3px 3px no-repeat; 
    }
    .form .errors ul { list-style-type: none; padding: 0; }
    .item_formulaire .error { color: Red; }
    .item_formulaire label.error:hover { color: Red; cursor: default; }
    .item_formulaire h1.header1 { display:none; }
/* 	--------------------------------------------------------------------------------
	Popups ------------------------------------------------------------------------*/
    .popupBackground {
	    background-color:Gray;
	    -moz-opacity:0.7;
	    filter:alpha(opacity=70);
	    opacity:0.7;
    }
    .popup {
        background: #fff;
        max-width: 700px;
    }
    .popup .content {
        min-height: 100px;
    }
    .popup .buttons {  }
    
    .popup.wait .content {
        min-height: 30px;
    }
    .popup.wait .content p {
        padding-top: 20px;
        text-align: center;
    }
/* 	--------------------------------------------------------------------------------
	Autres ------------------------------------------------------------------------*/
    hr {
        display: block; height: 1px;
        border: 0; border-top: 1px solid #555;
        margin: 1em 0; padding: 0; 
    }
	#quicknav {
		float: right;
	}
	#quicknav a {
		margin: 0 0 0 27px;
		font-size: 1em;
		text-decoration: none;
		line-height: 25px;
		color: #999;
	}
	#quicknav a:hover { color: #333; }
	#quicknav #btn_search { 
		background: url(../../images/search-fleche.png) right center no-repeat;
		padding: 0 10px 0 0;
	}
	

	.btn1,
	.btn2,
	.form .buttons a {
		background: url(../../images/btn-1.png) right -28px no-repeat;
		color: #fff;
		display: block;
		float: left;
		height: 27px;
		line-height: 25px;
		text-decoration: none;	
		padding: 0 7px 0 0;	
		cursor: pointer;
	}
	.btn1 span,
	.btn2 span,
	.form .buttons a span {
		background: url(../../images/btn-1.png) left top no-repeat;
		display: block;
		float: left;
		height: 27px;
		padding: 0 6px 0 13px;
	}
	.btn1:hover,
	.btn2:hover,
	.form .buttons a:hover { background-position: right -116px; color: #fff; line-height: 27px }
	.btn1:hover span,
	.btn2:hover span,
	.form .buttons a:hover span { background-position: left -91px;  }
	
	.btn2 { background-image: url(../../images/btn-2.png); }
	.btn2 span { background-image: url(../../images/btn-2.png); }
	
	.bigbtn {
		background: url(../../images/btn-big.png) left top no-repeat;
		color: #fff;
		display: block;
		font-weight: bold;
		font-size: 25px;
		margin: 0 auto;
		text-align: center;
		vertical-align: middle;
		width: 170px; height: 158px;
	}
	.bigbtn span { display: block; padding: 35px 0 0 0; }
	.bigbtn:hover { background-position: right top; color: #fff; }
	.bigbtn:hover span { display: block; padding: 37px 0 0 0; }
	
	.privilege { 
		color: #036;
		font-size: 18px;
		text-align: center;
		padding: 10px 0;
	}
	#subnav h2 {
		border: 0;
		margin: 0; padding: 5px 0 5px 5px;
	}
	#subnav .steps li {
		padding: 8px 10px 8px;
	}
	#subnav .steps li.selected { color: #f37320; font-weight: bold; }
	#subnav .steps li.disabled { color: #b7b7b7; }
		
	
	::-moz-selection{ background:#333; color:#fff; }
	::selection{ background:#333; color:#fff; }
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;} /* IE7 */
	/* Hide from IE Mac \*/
	.clearfix { display: block; }
	/* End hide from IE Mac */
	* html .clearfix { height:1px; } /* IE6 */