/* = Global site = */
/* ================================================================================ */

	body {
		font-size: 62,5%;
		font-family: 'Verdana', Helvetica, Arial, Trebuchet MS, Geneva, sans-serif;
		background: #960000 url(/global/medias/bgBodyMauve.gif) repeat-y center top
		}
	dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
	body,html,p,blockquote,fieldset,input, legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal;}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	span.hide {display: none}
	.break {clear: both; height: 1px; overflow: hidden;}
	button {border:0; cursor: pointer}
	a img {border: 0}
	a {text-decoration: none}
	a:hover {text-decoration: underline}
	p sup {vertical-align: top; font-size: 1em;}
	
/* = Global structure = */
/* ================================================================================ */
	#page {
		position: relative; width: 780px; 
		margin: 0 auto; z-index: 1;
		/*border: 1px #000 solid*/;
		}

	#header, #mainContent {width: 780px; padding: 0 0 0 10px}
	#mainContent {}
	#colA, #colB, #colC {float: left}
	#colA {width: 150px; padding: 15px 0 10px 0}
	#colB {width: 595px; padding: 6px}
	body#home #colA {width: 160px}
	body#home #colB {width: 600px; padding: 12px 0 0 0!important}
	body.selogerContent #colA {padding: 0 0 35px 0}
	body.selogerContent #colB {width: 590px!important}
	body.restaurationContent #colA {/*padding: 0 0 150px 0!important;*/}
	body#pageContenu #colB {padding: 25px 6px 10px 6px}
	#colC {width: 150px}

/* = Arrondis*/
	.rounded, .roundedContact {
		margin:0;
		position: relative;
		}
	.tl, .tr, .bl, .br {
		position: absolute; 
		width: 8px; height: 8px;
		}
	.tl {background: transparent url(/global/images/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(/global/images/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(/global/images/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(../images/BottomRight.png) no-repeat 0 0;}
	
	.tr, .br {right: 0}
	.tl, .bl {left: 0}
	.tl, .tr {top: 0}
	.bl, .br {bottom: 0}

	
/* = header= */
/* ================================================================================ */

	#header, body#home #header {height: 272px}

	/*= logo ---------------------------------------- */
	#header #logo { position: absolute; top: 21px; left: 30px}
	#header #logo h1 {text-indent: -100em; line-height: 0.1em}
	#header #logo img {display: block; margin:0; padding:0}
	img.logoPrint {display: none}

	/*= La navigation cooporate ---------------------------------------- */
	#header #navCoorpo {width: 762px; height: 23px}
	#header #navCoorpo ul {	
		height: 23px; padding: 0 0 0 10px;
		background-color: #EE9E00;
		}
	#header #navCoorpo ul li { display: inline; margin: 0 10px 0 0}
	#header #navCoorpo ul li a {color:#000; font-size: 0.6em}

	/*= zone de recherche ---------------------------------------- */
	form#recherche {
		z-index: 1000;
		position: absolute; right: 25px; top: 0;
		width: 195px; height: 23px;
		background: transparent url(/global/medias/bgRechercheNewHomeRed.gif) no-repeat 0 3px;
		}
	form#recherche p {}
	form#recherche p input, 
	form#recherche p button.ok {float: left}
	form#recherche p input { 
		font-size: 0.7em;
		width: 120px; height: 12px;
		margin: 5px 0 0 17px;
		border: 1px #fff solid; 
		}
	form#recherche button.ok {
		display: block; width: 20px; height: 18px;
		position: absolute; right: 2px;
		margin: 3px 0 0 0;
		text-align: center!important;
		padding: 0 0 2px 0;
		color: #fff; font-size: 0.7em;
		background: transparent url(/global/medias/buttonOKnewRed.gif) no-repeat 1px 0;
		}
	form#recherche button.ok:hover {color: #000}

	/*= bandeau / zone visuels ---------------------------------------- */
	#header #bandeau {
		width: 762px; height: 220px;
		background: transparent url(/global/medias/bandeauNeutre.jpg) no-repeat bottom;
		}
	#header #bandeau #visuelGeneBandeau,	
	#header #bandeau #flashHome {float: left}
	#header #bandeau #flashHome {width: 614px}
	body#pageContenu #header #bandeau #visuelGeneBandeau {width: 762px; height: 220px}
	#header #bandeau img { display: block; margin:0}
	
/* = MenuGlobal = */
/* ================================================================================ */

	#header #MenuGlobal {
		position:relative;
		z-index: 1000;
		height: 29px; width: 762px;
		background: transparent url(/global/medias/bgMGRepeat.gif) repeat-x 0 0;
		}
	#header #MenuGlobal li { float: left}
	#header #MenuGlobal li a.MG01, #header #MenuGlobal li a.MG02,
	#header #MenuGlobal li a.MG03, #header #MenuGlobal li a.MG04,
	#header #MenuGlobal li a.MG05 {
		display: block;
		width: 152px; height: 29px;
		text-indent: -100em;
		background: transparent url(/global/medias/MenuGlobal.gif) no-repeat 0 0;
		}
	#header #MenuGlobal li a.MG01 {background-position: 0 0}
	#header #MenuGlobal li a.MG02 {background-position: -152px 0}
	#header #MenuGlobal li a.MG03 {background-position: -304px 0}
	#header #MenuGlobal li a.MG04 {background-position: -456px 0}
	#header #MenuGlobal li a.MG05 {background-position: -608px 0}
	
	#header #MenuGlobal li a.MG01:hover {background-position: 0 -29px}
	#header #MenuGlobal li a.MG02:hover {background-position: -152px -58px}
	#header #MenuGlobal li a.MG03:hover {background-position: -304px -87px}
	#header #MenuGlobal li a.MG04:hover {background-position: -456px -116px}
	#header #MenuGlobal li a.MG05:hover {background-position: -608px -145px}
	
	#Menu1, #Menu2, #Menu3, #Menu4, #Menu5 {
		position: absolute; z-index: 1000;
		display: none; width: 148px; 
		padding: 7px 0 7px 0;
		}
	#Menu1 {margin: 0; background-color:#017635}
	#Menu1 li {border: 1px #017635 solid}
	
	#Menu2 {margin: 0; background-color: #1C81D2}
	#Menu2 li {border: 1px #1C81D2 solid}
	
	#Menu3 {margin: 0; background-color: #FDD000}
	#Menu3 li {border: 1px #FDD000 solid}
	
	#Menu4 {margin: 0; background-color: #FC7201}
	#Menu4 li {border: 1px #FC7201 solid}
	
	#Menu5 {width:155px!important; margin: 0; background-color: #E60002}
	#Menu5 li {border: 1px #E60002 solid}
	
	#Menu1 li, #Menu2 li, #Menu3 li, 
	#Menu4 li, #Menu5 li {
		/*z-index: 1000!important;*/
		position: relative;
		float: none!important;
		margin: 0 5px 2px 5px}
	
	#Menu1 li a, #Menu2 li a, #Menu3 li a,
	#Menu4 li a, #Menu5 li a { 
		display: block; width: 123px!important;
		font-size: 0.6em; color: #fff!important;
		padding: 0 5px 0 12px; margin:0;
		background: transparent url(/global/medias/flcLiMenu.gif) no-repeat 0 2px;
		}
		
/* = colA & colC = */
/* ================================================================================ */

	a img.logoPdf {margin-top: -20px; z-index: 1000;}

	#colA h1 {text-indent: -100em;width: 147px; height: 35px}
	#colA #sites img, #colA #divertir img,
	#colA #bocage img, #colA #circuits img,
	#colA #circuits img,  #colA #zoneVideos img {margin: 10px 10px 5px 10px}
	
	/*= listes ---------------------------------------- */
	#colA ul {
		padding: 0 5px 20px 5px;
		background: transparent url(/global/medias/footerBlocsRub.gif) no-repeat bottom left;
		}
	#colA ul li {position: relative; line-height: 1em}
	#colA ul li a {
		display: block;
		font-size: 0.7em; color:#fff;
		padding: 0 0 0 12px; margin:0;
		text-decoration: none;
		background: transparent url(/global/medias/flcLiMenuBlocNav.gif) no-repeat 0 2px
		}
	#colA ul li a:hover {color:#000}
	
/* = Gestion rubriques de la colone A et C  = */
/* ================================================================================ */

	/* = focus couleurs rubriques */
	#colA #sites, #colA #divertir,
	#colA #circuits, #colA #pratique,
	#colA #bocage, #colA #zoneVideos {
		width: 147px; 
		padding: 0 0 5px 0;
		margin: 0 0 10px 0!important}
		
	#colA #divertir, #colA #divertir ul { background-color:#FF7300}
	#colA #sites, #colA #sites ul {background-color:#017836}
	#colA #bocage, #colA #bocage ul { background-color:#DB000E}
	#colA #circuits, #colA #circuits ul {background-color:#FFD200}
	#colA #pratique, #colA #pratique ul { background-color:#F7DAE0}
	
	/* = contenu */
	#colA #sites h1 {background: transparent url(/global/medias/h1Sites.gif) no-repeat 0 0;}
	#colA #sites img {border: 2px #89C0B6 solid}
	
	#colA #divertir h1 {background: transparent url(/global/medias/h1Divertir.gif) no-repeat 0 0;}
	#colA #divertir img {border: 2px #FCB380 solid}
	
	#colA #bocage h1 {background: transparent url(/global/medias/h1Bocage.gif) no-repeat 0 0;}
	#colA #bocage img {border: 2px #F59898 solid}
	
	#colA #circuits h1 {background: transparent url(/global/medias/h1Circuits.gif) no-repeat 0 0;}
	#colA #circuits img {border: 2px #CFD89E solid}
	
	#colA #pratique h1 {background: transparent url(/global/medias/h1HomePratique.gif) no-repeat 0 0;}
	#colA #pratique img {border: 2px #D7AEBB solid}
	
	/* accès vidéos home : juillet 2009 */
	#zoneVideos {background-color:#1C57A9;}
	#colA #zoneVideos h1 {background: transparent url(/global/medias/h1Videos.gif) no-repeat 0 0;}
	#colA #zoneVideos h2 a {
		display: block; padding: 5px 10px 0 10px;
		font-size: 0.7em; color:#fff; font-weight: normal;
		}
	#colA #zoneVideos img {border: 2px #779ACB solid}
	
	/* = listes rubrique niveau1 */
	#colA ul {
		padding: 0 5px 5px 5px!important;
		margin-top: 5px;
		background-image:none!important;
		}
	#colA ul li {}
	#colA #divertir li {border: 1px #FF7300 solid}
	#colA #circuits li {border: 1px #FFD200 solid}
	#colA #pratique li {border: 1px #F7DAE0 solid}
	#colA #pratique li a {
		color:#E60002; 
		background: transparent url(/global/medias/flcLiMenuRed.gif) no-repeat 0 4px!important;
		}
	#colA #pratique li a:hover {color: #000!important; text-decoration: underline}
	
	/*= contenu bloc nav */
	#colA #circuits h2 a, #colA #circuits p {font-size: 0.7em; color:#333;}	
	#colA #circuits h2 a {
		display: block; width: 110px;
		padding: 5px 10px 7px 18px; font-weight: bold;
		background: transparent url(/global/medias/flcLiMenu.gif) no-repeat 5px 7px!important;
		}
	#colA #circuits p {padding: 0 10px 5px 10px}
	
	/*= liste niveau2 */
	#colA ul ul {margin: 5px 0 5px 12px;padding: 0!important}
	#colA ul ul li {line-height: 0.9em; margin-bottom: 1px!important; border:0!important;}
	#colA ul ul li a {font-size: 0.65em!important; padding: 0 0 0 5px; background-image: none}
	
	/* == */
	/* = Focus liste de second niveau2 */
	body.th01 #colA ul ul li {}
	body.th01 #colA ul ul li a { 
		color:#86BFA0; 
		border-left: 5px #86BFA0 solid!important;
		border-bottom: 1px #86BFA0 solid!important
		}
	
	body.th02 #colA ul ul {}
	body.th02 #colA ul ul li a {}
	
	body.th03 #colA ul ul li {}
	body.th03 #colA ul ul li a {
		color:#333; 
		border-left: 5px #333 solid!important;
		border-bottom: 1px #333 solid!important;
		}
	/*
		body.th04 #colA ul li ul {background-color:#FCB380!important}
		body.th04 #colA ul li ul li {border: 1px #FCB380 solid!important}
		body.th04 #colA ul li ul li a {color:#F86600!important}
	*/
	
	body.th05 #colA ul ul li {}
	body.th05 #colA ul ul li a {
		color:#333; 
		border-left: 5px #333 solid!important;
		border-bottom: 1px #333 solid!important;
		}
	#colA li a:hover, #colA li a.currentNiv2 {color:#000!important}
		
/* = GESTION DE LA COLONE A / new accueil  = */
/* ================================================================================ */
	
	/* = Elements d’agenda et d’actualités des pages génériques */
	#agendaColA, #actualiteColA {width: 146px; padding: 0; margin: 0 0 10px 0; clear: both}
	#agendaColA h1, #actualiteColA h1 {width: 146px; height: 38px;text-indent: -100em}
	
	/* = global / agendaColAContent / actualiteColAContent */
	.agendaColAContent, .actualiteColAContent {padding: 0 10px 5px 10px; width: 126px;}
	.agendaColAContent h2, .actualiteColAContent h2,
	.agendaColAContent p, .actualiteColAContent p,
	.agendaColAContent a, .actualiteColAContent a {font-size: 0.7em;}
	.agendaColAContent h2, .actualiteColAContent h2 {font-weight: bold}
	.agendaColAContent p, .actualiteColAContent p {padding: 5px 0 5px 0}
	.agendaColAContent a, .actualiteColAContent a {
		display: block; text-align: right; 
		text-decoration: underline;
		}

	/*=  Agenda---------------------------------------- */
	#agendaColA h1 {background: transparent url(/global/medias/h1HomeAgenda.gif) no-repeat 0 0}
	.agendaColAContent h2, .agendaColAContent p, .agendaColAContent a {color:#C4318F}
	.agendaColAContent {background-color:#FFE5F6}
	
	/*= zoom sur ---------------------------------------- */
	#actualiteColA h1 {background: transparent url(/global/medias/h1HomeZoom.gif) no-repeat 0 0}
	.actualiteColAContent h2, .actualiteColAContent p, .actualiteColAContent a {color:#152D85}
	.actualiteColAContent {background-color:#DBE3F0}
	
	/*= link bottom agenda et actualités---------------------------------------- */
	#agendaColA a.toutAgenda, 
	#actualiteColA a.tousArticles {
		text-indent: -100em;
		display: block; width: 146px; height: 24px; 
		}
	#agendaColA a.toutAgenda {background: transparent url(/global/medias/linkToutAgenda.gif) no-repeat 0 0;}
	#actualiteColA a.tousArticles {background: transparent url(/global/medias/linkTousArticles.gif) no-repeat 0 0;}
	
/* = Module hébergement colA = */
/* ================================================================================ */
		
	/*= bloc labels colA ---------------------------------------- */
	#LogementColA {
		width: 147px; 
		margin: 0 0 10px 0; 
		background-color:#C1E0ED!important;
		}
	#LogementColA h1 { width: 147px; text-indent: -100em;}
	#LogementColA h1 {
		height: 38px; margin: 0; 
		background: transparent url(/global/medias/h1LabelColA.gif) no-repeat 0 0}
	#LogementColA img {margin:0}
	#LogementColA p, #LogementColA p a {font-size: 0.8em; color:#000!important}
	#LogementColA div p {
		clear: both;
		font-size: 0.6em; padding:5px!important;
		}
	#LogementColA div p img {padding: 0 5px 0 0;/*border-right: 1px #6698C4 solid*/}
	#LogementColA p {padding: 10px; background-color: #C1E0ED!important}
	#LogementColA p a {text-decoration: underline;}

	/* = critères de sélection de votre hébergement */
	#LogementColA form#critLog {
		width: 125px;
		margin: 0 0 0 5px; padding: 5px;
		background-color: #fff
		}
	#LogementColA form#critLog img {margin:0!important}
	#LogementColA form#critLog label, 
	#LogementColA form#critLog p select {float: left}
	#LogementColA form#critLog p label {
		color:#0072A4; font-size: 0.8em; font-weight: bold;
		padding: 0 0 7px 0; 
		}
	#LogementColA form#critLog p select {
		width: 120px; margin: 0 10px 5px 0;
		border: 1px #666 solid;
		font-size: 0.7em;
		background-color:#FCFBFA;
		}
	#LogementColA form#critLog p button.ok {
		float: right;
		width: 28px; height: 18px;
		padding: 0 0 5px 0!important;
		font-size: 0.7em; color:#fff;
		background: transparent url(/global/medias/buttonOkColB.gif) no-repeat 1px 1px;
		}

/* = Autre blocs nav colA = */
/* ================================================================================ */
	
	/*= carteSitu ---------------------------------------- */	
	#colA #carteSitu {width: 147px}
	#colA #carteSituContent {width: 127px;padding: 10px}
	body.selogerContent #colA #carteSituContent {background-color: #C1E0ED}
	body.th05 #colA #carteSituContent {background-color: #F7E4D3}
	
	body.selogerContent #colA #carteSitu {
		background: transparent url(/global/medias/h1SituationColATh02.gif) no-repeat 0 0}
	body.th05 #colA #carteSitu h1 {
		background: transparent url(/global/medias/h1SituationColATh05.gif) no-repeat 0 0
		}
	#colA #carteSitu h2 {font-size: 0.8em}
	body.selogerContent #colA #carteSitu {color:#0096D3}
	body.th05 #colA #carteSitu {color:#0096D3}

	#colA #carteSitu p {font-size: 0.7em; color:#000; padding: 0 0 5px 0}
	#colA #carteSitu #carteSituContent p {}
	#colA #carteSituContent a.carteLink {background-image: none!important; padding:0!important;}
	#colA #carteSituContent a.carteLink img {display: block; padding:0 0 5px 0!important}
	#colA #carteSituContent a.thickbox {
		display: block;
		padding: 0 0 5px 30px; margin:0; 
		background-position: 0 0;
		}
	
	/*= télécharge plaquette ---------------------------------------- */
	#colA #telechargement {widht: 147px; font-size:0.8em; color:#E60002}
	body.th01 #telechargement h1 {background: transparent url(/global/medias/h1TeleColATh01.gif) no-repeat 0 0;}
	body.th02 #telechargement h1 {/*background: transparent url(/global/medias/h1TeleColA.gif) no-repeat 0 0*/}
	body.th03 #telechargement h1 {background: transparent url(/global/medias/h1TeleColATh03.gif) no-repeat 0 0;}
	body.th04 #telechargement h1 {/*background: transparent url(/global/medias/h1TeleColA.gif) no-repeat 0 0*/}
	body.th05 #telechargement h1 {background: transparent url(/global/medias/h1TeleColATh05.gif) no-repeat 0 0;}
	body.selogerContent #telechargement h1 {background: transparent url(/global/medias/h1TeleColASeLoger.gif) no-repeat 0 0;margin: 15px 0 0 0;}
	
	#colA #telechargement p {padding: 10px; width: 127px}
	
	body.th01 #telechargement p {background-color:#D0E6E2}
	body.th02 #telechargement p {/*background-color:#FADBA1*/}
	body.th03 #telechargement p {background-color:#FADBA1}
	body.th04 #telechargement p {/*background-color:#FADBA1*/}
	body.th05 #telechargement p {background-color:#F7E4D3}
	body.selogerContent #telechargement p {background-color:#C1E0ED}
	#colA #telechargement a {
		display: block; width: 100px!important;
		padding: 3px 25px 0 0; text-align: right;
		font-size: 0.8em; color:#000;
		background: transparent url(/global/medias/icnTele.gif) no-repeat right}

/* = Tracabilité = */
/* ================================================================================ */
	ul#traca {
		float: left; width: 440px;
		padding: 0 0 10px 0!important;
		margin:0;
		}
	ul#traca li {float: left; margin: 0 7px 0 0; padding: 0}
	ul#traca li {color:red; font-size:0.7em; padding: 0 0 0 12px!important}
	ul#traca li a {display: block; color: #666}

/* = colB = */
/* ================================================================================ */
	#colB #loger, #colB #agenda, 
	#colB #actualite, #colB #reponses {width: 448px}
	#colB #agenda, #colB #actualite {padding: 25px 0 20px 0}
	#colB #zoneFlash {padding: 15px 0 10px 0}
	
/* = INTRO SITES = */
/* ================================================================================ */	

	body#pageContenu #colB .introSites img {display: block; margin:0; padding:0}
	.introSites p img {padding: 5px 4px 0 0!important}
	body#pageContenu #colB .introSites { 
		width: 575px; margin: 10px 0 10px 0;
		padding: 50px 10px 10px 10px!important;
		}
	body#pageContenu #colB .introSites p {margin:0; padding:0}
	body#pageContenu #colB .introSites p a {color:#000; text-decoration: underline;}

	/*= th01 ---------------------------------------- */
	body.th01 #colB .introSites { 
		background: #D0E6E2 url(/global/medias/bgIntroPagesTh01.gif) no-repeat top right}

	/*= th02 ---------------------------------------- */
	body.th02 #colB .introSites { 
		padding: 45px 0 10px 0!important;
		background: #CCE4D7 url(/global/medias/bgIntroPagesTh02.gif) no-repeat top right
		}
	body.th02 #colB .introSites a.diapoLink {
		font-size: 0.7em!important;
		padding: 0 0 10px 20px!important;
		margin: 0 0 25px 0;
		text-decoration: underline;
		background: transparent url(/global/medias/icnDiapo.gif) no-repeat 0 0;
		}

	/*= th03 ---------------------------------------- */
	body.th03 #colB .introSites img.carteDetail {padding: 0 0 0 75px!important}
	body.th03 #colB img.carteDetail {padding: 10px 0 0 0!important}
	body.th03 #colB .introSites { 
		background: #FCEBBF url(/global/medias/bgIntroPagesTh03.gif) no-repeat top right
		}
	body.th03 #colB .introSites h2 {padding: 0 0 10px 10px; color:#BA7C00}

	/*= th04 ---------------------------------------- */
	body.th04 #colB .introSites { 
		background: #D0E6E2 url(/global/medias/bgIntroPagesTh04.gif) no-repeat top right}

	/*= th05 ---------------------------------------- */
	body.th05 #colB .introSites { 
		background: #F7E4D3 url(/global/medias/bgIntroPagesTh05.gif) no-repeat top right}
	body.th05 #colB .introSites img {padding: 0 5px 0 0!important;}

	/*= th06 ---------------------------------------- */
	body.th06 #colB .introSites { 
		background: #D0E6E2 url(/global/medias/bgIntroPagesTh06.gif) no-repeat top right}

	/*= listes introSites ---------------------------------------- */
	body#pageContenu #colB .introSites ul { padding: 0 0 10px 0;}
	body#pageContenu #colB .introSites ul li {
		font-size: 0.7em; padding: 0 0 0 15px;
		margin: 0 0 5px 0;
		background: transparent url(/global/medias/flcLiMenu.gif) no-repeat 0 3px;
		}
	/*=  ---------------------------------------- */
	body.th01 #colB .introSites ul#linksIntro {
		width: 560px; clear:both;
		padding: 5px 0 0 0; margin: 5px 0 0 0;
		}
	body.th01 #colB .introSites ul#linksIntro li {
		float: left; 
		margin: 0 0 10px 0; padding: 2px 0 1px 3px; 
		border-top: 1px #98B8B0 solid!important;
		border-right: 1px #D0E6E2 solid!important;
		border-bottom: 1px #98B8B0 solid!important;
		border-left: 2px #98B8B0 solid!important;
		background-image: none!important;
		}
	body.th01 #colB .introSites ul#linksIntro li a {
		padding: 0 5px 0 5px; color:#000;
		}
	
/* = contenu = */
/* ================================================================================ */
	#colB h1, #colB h2, #colB h3, #colB ul li {color:#E60002}
	#colB h1 a, #colB h2 a, #colB h3 a {color:#000}
	#colB p {
		color:#666; font-size: 0.7em; line-height: 1.5em; 
		padding: 0.5em 0 0.5em 0;
		}
	.contentColB p {padding: 0 0 5px 6px!important; margin: 0 0 5px 0} 
	.contentColB p a {color:#000; text-decoration: underline}
	.contentColB p img {}
	
	/* = focus rubriques contentColB ---------------------------------------- */
	body.th03 #colB .contentColB {
		padding: 15px 10px 10px 15px;
		background: transparent url(/global/medias/formColBContentTh03.gif) no-repeat top left;
		}

	/*= h1 ---------------------------------------- */
	#colB h1 {
		clear: both; padding: 0 0 0 5px;
		font-family: 'Helvetica', Verdana, Arial, Trebuchet MS, Geneva, sans-serif!important;
		}
	
	/* = h2 ---------------------------------------- */
	body#pageContenu #colB h2 {font-size: 0.9em; margin:0; padding: 0 0 2px 5px}
	body#pageContenu #colB .contentColB h2 {font-weight: bold; clear: both; margin: 0 0 5px 0}
	
	body.th05 #colB .contentColB,
	body.th05 #colB .contentColB h2 {padding: 0}

	/* = h3 ---------------------------------------- */
	body#pageContenu #colB .contentColB h3,
	body#pageContenu #colB h3 {font-size: 0.8em}
	
	body#pageContenu #colB .contentColB h3 {margin: 5px 0 0 0; padding: 0 0 0 5px}
	
	/* = h4 ---------------------------------------- */
	body#pageContenu #colB .contentColB h4 {
		font-size: 0.8em;
		margin: 5px 0 0 0; padding:0
		}

/* = focus couleur titres / contenu / rubriques = */
/* ================================================================================ */

	body#pageContenu #colB h1 {font-size: 1.4em}
	
	/*= th01 ---------------------------------------- */
	body.th01 #colB h1, 
	body.th01 #colB ul#traca li a {color:#017836}
	body.th01 #colB h1 {border-left: 5px #017836 solid}
	body.th01 #colB h2, body.th01 #colB h2 a {color:#017836}
	body.th01 .contentColB h2 {border-bottom: 1px #98B8B0 solid}
	body.th01 .contentColB h3 {
		color:#5C915E!important; font-weight: bold; 
		border-left: medium double #017836;
		}
	body.th01 .contentColB h4 {color:#5C915E!important}
	body.th01 #colB p {color: #333}

	/*= th02 ---------------------------------------- */
	body.th02 #colB h1, 
	body.selogerContent #colB h1,
	body.th02 .contentColB ul#traca li a {color:#0096D3}
	body.th02 #colB h1 {border-left: 5px #0096D3 solid}
	body.th02 .contentColB h2 {}
	body.th02 .contentColB h3 {}
	body.th02 .contentColB h4 {}
	body.th02 .contentColB p {color: #333}

	/*= th03 ---------------------------------------- */
	body.th03 #colB h1, 
	body.th03 .contentColB ul#traca li a {color:#F2AF00}
	body.th03 #colB h1 {border-left: 5px #DA9203 solid!important}
	body.th03 #colB h2 {color:#DA9203}
	body.th03 .contentColB h2 {border-bottom: 1px #F3BC4F solid}
	body.th03 .contentColB h3 {color:#DA9203!important; border-left: medium double #DA9203}
	body.th03 .contentColB h4 {color:#DA9203!important}
	body.th03 .contentColB p {color: #333}

	/*= th04 ---------------------------------------- */
	body.th04 #colB h1, 
	body.th04 ul#traca li a {color: #E70E0C}
	body.th04 #colB h1 {border-left: 5px #E70E0C solid; margin: 0 0 10px 0;}
	body.th04 h2 {border-bottom: 1px #EC7A7A solid}
	body.th04 h3 {
		color:#960000!important; 
		border-left: medium double #960000;
		padding: 0 0 0 7px;
		}
	body.th04 h4 {}
	body.th04 .contentColB p {color: #333}

	/*= th05 ---------------------------------------- */
	body.th05 #colB h1,
	body.th05 .contentColB ul#traca li a {color:#FF7300}
	body.th05 #colB h1 {border-left: 5px #FF7300 solid}
	body.th05 #colB h2 {color: #FA7300}
	body.th05 .contentColB h2 {border-bottom: 1px #EBD0BF solid}
	body.th05 .contentColB h3 {color: #FA7300!important; border-left: medium double #FA7300}
	body.th05 .contentColB h4 {color: #FA7300!important}
	body.th05 .contentColB p {color: #333;/*border-left: 1px #EBD0BF solid*/}
	body.th05 .contentColB p img {padding: 5px 5px 0 0!important;}

	/*= img ---------------------------------------- */
	body#pageContenu #colB img {padding: 0 5px 0 5px}

/* = liste de contenu = */
/* ================================================================================ */
	body#pageContenu #colB ul {padding: 7px 0 0 0}
	body#pageContenu #colB ul li {
		font-size: 0.7em; color: #333;
		margin: 0 0 5px 0; padding: 0 0 0 15px;
		border: 1px #fff solid;
		background: transparent url(/global/medias/flcLiMenu.gif) no-repeat 0 4px
		} 
	body#pageContenu #colB .contentColB ul li a {
		display: block; color:#000;
		padding:0; margin: 0 0 5px 0;
		}
	body.th03 #colB ul li, body.th03 #colB ul li a {color:#ff9900}
	body.th05 #colB ul li, body.th05 #colB ul li a {color:#F86600}
	body.th03 .contentColB ul li a { color:#EEA008!important;font-weight: bold}

/* = documentation = */
/* ================================================================================ */
	.documentation {padding: 10px}
	.documentation h2, .documentation h3, .documentation p {
		color:#fff!important;
		background-color: none!important
		}
	.documentation h2 {margin: 0 0 10px 0; padding: 0 0 2px 0!important}
	body.th05 .documentation h3 {color:#F9CC78!important}
	.documentation p {border:0!important}
	.documentation a {color:#000!important; text-decoration: underline}
	body.th05 .documentation h2 {border-bottom: 1px #fff dashed}
	body.th05 .documentation {background-color:#D97A23}

/* = Commun Agenda - Actualités = */
/* ================================================================================ */
	#colB #agenda p img, #colB #actualite p img {float: left;padding: 5px}
	#colB #agenda h1, #colB #actualite h1 {font-size: 1.3em;padding: 0 0 10px 0}
	#colB #agenda h1 {color:#A01761}
	#colB #actualite h1 {color:#960000}

	#colB #agenda h2, #colB #actualite h2,
	#colB #agenda p, #colB #actualite p {padding: 0 0 0 70px}

	#colB #agenda h2, #colB #actualite h2 {
		color: #333; font-size: 0.8em;
		background: transparent url(/global/medias/chevronsH2.gif) no-repeat 50px 5px;
		}
	#colB #agenda a.toutAgenda,
	#colB #actualite a.toutActu {
		position: absolute; 
		width: 120px; height: 15px;
		padding:0!important;
		font-size: 0.7em; color:#fff; text-align: left;
		background-image: none!important;
		}
	#colB #agenda a, #colB #actualite a {
		display: block; text-align: right;
		padding: 0 25px 0 0;
		background: transparent url(/global/medias/itemPlusLink.gif) no-repeat right;
		}
	#colB #agenda a {color:#B22873}
	#colB #actualite a {color:#960000}

/*---------------------*/	
/* RECHERCHE AVANCÉE / AVRIL 2009 */
	
	body.rechercheContentMore #mainContent {height: 540px;}
	body.rechercheContentMore #footer {}
	body.selogerContent #footer {}
	body.rechercheContentMore .field_line label.checkbox_label, 
	body.rechercheContentMore .field_line label.radio_label {display: block; padding: 2px 0 5px 0!important;}
	
	#navRecherche {
		position: absolute;
		z-index: 10;
		padding:0; margin: -28px 0 0 0; 
		}
	#navRecherche h2 {
		display: block; 
		padding: 0.3em; margin: 0 0 0 5px;
		font-size: 0.7em; color:#000;
		float: right; text-decoration: none;
		border: 2px #fff solid;
		cursor: pointer;
		}
	#navRecherche h2#hotel {background-color:#20A2CC;}
	#navRecherche h2#camping {background-color:#ff6600;}
	#navRecherche h2#chambres {background-color:#31A100;}
	#navRecherche h2#gites {background-color:#CE0083;}
	#navRecherche h2#groupes {background-color:#fbd607;}
	
	.hotel form {background-color:#C5ECF5}
	.camping form {background-color:#FDDAC1;}
	.chambres form {background-color:#CFEDC2;}
	.gites form {background-color:#F9DFF1;}
	.groupes form {background-color:#FEFBE0;}
	
	#rechercheAvancee {
		z-index: 1;
		clear: both;
		margin: 10px 0 0 0;
		padding: 40px 0 0 0;
		}
	#rechercheAvancee h2 {
		float: left;
		text-align: center;
		padding: 0.2em!important;
		border-right: 3px #fff solid;
		font-size: 0.8em!important; color:#fff;
		background-color:#1CA2D8;
		}
	#rechercheAvancee h2:hover {
		background-color:#93C8EA;
		}
	#rechercheAvancee h2.current {
		color:#fff; 
		background-color:#EBF7FC;
		}
	#modeRecherche {
		padding: 0 0 0.5em 0;
		position: absolute; margin: -15px 0 0 0;
		}
	#modeRecherche .field_line {border-bottom: 1px #ccc solid;}
	.modeRechercheNav {margin: 10px 0 0 0; padding:0;}
	.modeRechercheNav a {	
		float: right;
		padding: 0.2em;
		margin: 5px 0 0 5px;
		color:#1CA2D8;font-size: 0.7em;
		border: 1px #1CA2D8 solid;
		background-color: #fff;
		}
	
	/* noResult */
	p.noResult {padding: 0 0 10px 7px!important;}
	p.noResult img {
		display: block;
		margin: 7px 0 0 0;
		}
	
	/* calendar */
	#date_debut_trigger {}
	#date_debut_trigger:hover {background-color:#C5ECF5!important;}

	/* carto légende */
	
	#legendeGoogle {
		margin: 10px 0 0 0;
		/*border: 1px #ccc solid;*/
		}
	#legendeGoogle li {
		float: left; width: 250px; height: 25px;
		border:1px solid #fff!important;
		color:#333333; font-size:0.7em;
		margin:0 0 5px!important;
		padding: 5px 0 0 25px!important;
		
		}
	#legendeGoogle li.legGoogle01 {background: transparent url(/global/medias/icnGoogleHotels.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle02 {background: transparent url(/global/medias/icnGoogleCamping.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle03 {background: transparent url(/global/medias/icnGoogleHotes.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle04 {background: transparent url(/global/medias/icnGoogleGites.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle05 {background: transparent url(/global/medias/icnGoogleGitesEtapes.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle06 {background: transparent url(/global/medias/icnGoogleGroupes.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle07 {background: transparent url(/global/medias/icnGoogleChateaux.png) no-repeat 0 0!important;}
	#legendeGoogle li.legGoogle08 {background: transparent url(/global/medias/icnGoogleVillageVacances.png) no-repeat 0 0!important;}

/* = footer = */
/* ================================================================================ */
	#footer {
		position: relative; 
		bottom: 0;/*rajpout loic 16/02/2008 */
		width: 752px; padding: 0 0 5px 10px; margin: 0 0 -22px 0!important;
		background-color:#EE9E00;
		}
	#footer ul li {float: right}
	#footer ul li a {color:#000; font-size: 0.6em; padding: 0 10px 0 0}