/* = Global site = */
/* ================================================================================ */
	html{background-color: #D4CBA1;}

	body {
		font-size: 62,5%;
		font-family: 'Verdana', Helvetica, Arial, Trebuchet MS, Geneva, sans-serif;
		background-color: #D4CBA1;
		background-image: -moz-linear-gradient(top,#B8AC6D, #D5CDA4); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B8AC6D),color-stop(1, #D5CDA4)); /* Saf4+, Chrome */
		background-image: linear-gradient(top, #B8AC6D, #D5CDA4);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B8AC6D', EndColorStr='#D5CDA4'); /* IE6–IE9 */
		
		}
	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;}
	
	
	@font-face {
		font-family: 'HelveticaLTStdCondensed';
		src: url('../fontes/helveticaltstd-cond-webfont.eot');
		src: local('☺'), url('../fontes/helveticaltstd-cond-webfont.woff') format('woff'), url('../fontes/helveticaltstd-cond-webfont.ttf') format('truetype'), url('../fontes/helveticaltstd-cond-webfont.svg#webfontUOvlswwU') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
/* = Global structure = */
/* ================================================================================ */
	#page {
		position: relative; width: 780px; 
		margin: 0 auto 30px auto; z-index: 1;
		/*border: 1px #000 solid*/;
		background:transparent url('../medias/bg_page.png') repeat-y 0 0;
		
		
		}

	#header, #mainContent {width: 770px; padding: 0 0 0 10px; clear:both;}
	#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 12px 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: 10px}
	#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;*/
		background-color:#E0D8AC;
		}
	#header #navCoorpo ul li { display: inline; margin: 0 10px 0 0}
	#header #navCoorpo ul li a {color:#000; font-size: 0.6em}
	
	#addthis_header{
		position:absolute;
		top:3px; right:200px;
	}

	/*--------------------- tools addthis*/
	#tooladthis{float:right;}

	/*= zone de recherche ---------------------------------------- */
	form#recherche {
		z-index: 1000;
		position: absolute; right: 15px; top: 0;
		width: 195px; height: 23px;
		background: transparent url(/global/medias/bg_recherche.png) no-repeat 0 0px;
		}
	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: 36px; height: 15px;
		position: absolute; right: 0px; top:4px;
		margin: 0px 0 0 0;
		text-align: center!important;
		padding: 0 0 0px 0;
		color: #fff; font-size: 0.1em;
		background: transparent url(/global/medias/recherche_bt_ok.png) no-repeat 1px 0;
		}
	form#recherche button.ok:hover {color: #000}

	/*= bandeau / zone visuels ---------------------------------------- */
	#header #bandeau {
		width: 762px; height: 222px;
		background: #A90000;
		overflow:hidden;
		}
	#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: 38px; width: 762px;
		background: transparent url(/global/medias/bgMGRepeat.gif) repeat-x 0 0;
		background-color: #A5A18C;
		background-image: -moz-linear-gradient(top,#A5A18C, #918D7B); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A5A18C),color-stop(1, #918D7B)); /* Saf4+, Chrome */
		background-image: linear-gradient(top, #A5A18C, #918D7B);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#A5A18C', EndColorStr='#918D7B'); /* IE6–IE9 */
		}
	#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: 131px; height: 29px;
		/*text-indent: -100em;*/
		padding:6px 10px 2px 10px;
		font-family:"HelveticaLTStdCondensed", Arial, sans-serif;
		font-size:1.2em; font-weight:normal;
		color:#fff;
		background-color: #A5A18C;
		background-image: -moz-linear-gradient(top,#A5A18C, #918D7B); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A5A18C),color-stop(1, #918D7B)); /* Saf4+, Chrome */
		background-image: linear-gradient(top, #A5A18C, #918D7B);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#A5A18C', EndColorStr='#918D7B'); /* IE6–IE9 */
		border-left :1px #878573 solid;
		/*background: transparent url(/global/medias/MenuGlobal.gif) no-repeat 0 0;*/
		}
		/*#header #MenuGlobal li a.MG05{width:133px; display:none;}*/
/*	#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: #EA3C3D}
	#Menu5 li {border: 1px #EA3C3D 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 {
		padding:6px 10px 0 10px;
		font-family:"HelveticaLTStdCondensed", Arial, sans-serif;
		font-size:1.1em;
		}
	/*#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;
		overflow:hidden;
		border:2px #979483 solid;
		
		}
	
	/*= 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:#545352;
		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, #colA #telechargement {
		width: 147px; 
		padding: 0 0 5px 0;
		/*margin: 0 0 10px 0!important*/
		
		background-color: #E0D8AC;
		background-image: -moz-linear-gradient(top,#E0D8AC, #C4BD96); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E0D8AC),color-stop(1, #C4BD96)); /* Saf4+, Chrome */
		background-image: linear-gradient(top, #E0D8AC, #C4BD96);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0D8AC', EndColorStr='#C4BD96'); /* IE6–IE9 */
		
		color:#54534e;
		}
		
/*	#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;
		color:#54524D;
		}
	/*#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:#54524D; 
		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; color:#54524D;
		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;}*/
	#colA #circuits p {display:none;}
	
	/*= 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 */
	#colA ul ul li {}
	#colA ul ul li a { 
		color:#54524D; 
		border-left: 5px #54524D solid!important;
		border-bottom: 1px #54524D 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:transparent !important;
		}
	#LogementColA h1 { color:#7A7666; /*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: transparent!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}
	#telechargement h1 {
		font-family: "HelveticaLTStdCondensed",Arial,sans-serif;
		    font-size: 1.1em;
		    padding: 6px 10px 0;
		color: #54534E;
		}
	/*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}
		
	.logoPDF{
		background-color: #FFFFFF;
		    display: block;
		    text-align: center;
		    width: 150px;
	}
/* = 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}
		
	/*= th07 ---------------------------------------- */
	body.th07 #colB .introSites { 
		background: #F7E4D3 url(/global/medias/bgIntroPagesTh05.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;}
	
	
	/*= th07 ---------------------------------------- */
	body.th07 #colB h1,
	body.th07 .contentColB ul#traca li a {color:#EA3C3D}
	body.th07 #colB h1 {border-left: 5px #EA3C3D solid}
	body.th07 #colB h2 {color: #EA3C3D}
	body.th07 .contentColB h2 {border-bottom: 1px #EBD0BF solid}
	body.th07 .contentColB h3 {color: #EA3C3D!important; border-left: medium double #EA3C3D}
	body.th07 .contentColB h4 {color: #EA3C3D!important}
	body.th07 .contentColB p {color: #333;/*border-left: 1px #EBD0BF solid*/}
	body.th07 .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}
	
	body.th07 .documentation{
		background: #E93D41;
	}

/* = 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 -24px 0!important;
		background:transparent url('../medias/bg_footer.png') repeat-x;
		
		}
	#footer ul li {float: right}
	#footer ul li a {color:#000; font-size: 0.6em; padding: 0 10px 0 0}