/* ================================================================================ */
/* = SITE = */
/* ================================================================================ */

	html {/*overflow: hidden*/}
	body {
		font-size:62,5%;
		font-family: 'Vernana', Trebuchet MS, Arial, Trebuchet MS, Geneva, Helvetica, sans-serif;
		background: #fff url(/global/medias/bgBodyPage.gif) repeat-x 0 0;
		}
	body#home {background: #fff url(/global/medias/bgBody.gif) repeat-x 0 0!important}
	
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
	blockquote,fieldset,input,img,legend {margin: 0; padding: 0}

	img {display: block; margin:0; padding:0}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	.break {clear: both}
	button {border:0; cursor: pointer!important}
	h1,h2,h3,h4,h5,h6 { padding: 0;font-weight: bold}
	p, ul {font-size: 77%; line-height: 150%; margin: 0 0 0.8em 0}
	h1 {font-size: 131%}/* 16px */ 
	h2 {font-size: 108%}/* 15px */ 
	h3 {font-size: 100%}/* 14px */ 
	h4 {font-size: 93%}/* 13px */ 
	h5 {font-size: 85%}/* 12px */ 
	h6 {font-size: 77%}/* 11px */
	ul {font-size: 77%}
	a {font-size: 85%; text-decoration: none}
	a img {border:0;}
	ul li a {font-size: 108%}
	input, select {font-size: 77%}
	
	.visuelDetail{display:block; overflow:auto;
	}
/* ================================================================================ */
/* = STRUCTURE = */
/* ================================================================================ */
	#page {position: relative; width: 780px; margin: 0 auto}
	#header, #mainContent {width: 780px}
	body#home #header {height: 349px}
	#header {height: 250px}
	
	#mainContent {
		padding: 0 0 125px 0;
		background: transparent url(/global/medias/bgColA.gif) repeat-y 0 0
		}
	body#home #mainContent {padding: 0 0 20px 0}

	#zoneFlashHome, #bandeau {width: 780px;height: 264px;}
	#zoneFlashHome {height: 265px}
	#zoneFlashHome img {display: block; margin:0; padding:0;}
	#bandeau {height: 166px}

	#colA, 
	#contentColBColC, 
	#colB, #colC {float: left}
	
	#colA {
		width: 240px;
		padding: 0 0 150px 0;
		border:0
		}
	#colB {
		width: 525px;
		padding: 20px 0 0 15px;
		}
	body#home #contentColBColC {width: 540px}
	body#home #colA {border-top: 35px #B2BC00 solid}
	body#home #colB {
		width: 285px; padding: 0 0 10px 15px;
		background: transparent url(/global/medias/bgColBHome.gif) no-repeat 0 25px
		}
	body#home #colC {width: 235px; padding: 0}
		
/* ================================================================================ */
/* = HEADER = */
/* ================================================================================ */
	#header a img.logoOhara {position: absolute}
	#navHeader {height: 85px}
	#header #navHeader h1 {text-indent: -100em;font-size:1%; color:#fff}
	#navCorpo, #menuGlobal {position: absolute; right: 0}
	
	/*= navCorpo ---------------------------------------- */
	#navCorpo {width: 520px; height: 35px; padding: 0 20px 0 0}
	#navCorpo li {float: right;margin: 0 0 0 10px}
	#navCorpo li a {
		padding: 5px 0 0 20px;
		font-size: 0.9em; color:#BEBEBE;
		background: transparent url(/global/medias/itemNavCorpo.gif) no-repeat 0 0;
		}
	#navCorpo li a:hover {color:#5B6060}
	
	/*= menuGlobal -------------------------------------- */
	#menuGlobal {
		top:35px;
		width: 540px; height: 50px;
		z-index:1000 !important;
		font-size:93%;
		}
	#menuGlobal li {/*display: inline*/float:left;}
	#menuGlobal li a {
		float: left; text-indent: -100em;
		display: block; width: 135px; height: 50px;
		background: transparent url(/global/medias/bgMG.gif) no-repeat 0 0;
		}
	#menuGlobal li a.mg01 {}
	#menuGlobal li a.mg01:hover,
	#menuGlobal li a.mg01.currentMG {background-position: 0 -50px}
	
	#menuGlobal li a.mg02 {background-position: -135px 0!important}
	#menuGlobal li a.mg02:hover,
	#menuGlobal li a.mg02.currentMG {background-position: -135px -100px!important}
	
	#menuGlobal li a.mg03 {background-position: -270px 0!important}
	#menuGlobal li a.mg03.currentMG,
	#menuGlobal li a.mg03:hover {background-position: -270px -150px!important}
	
	#menuGlobal li a.mg04 {background-position: -405px 0!important}
	#menuGlobal li a.mg04.currentMG,
	#menuGlobal li a.mg04:hover {background-position: -405px -200px!important}
	
	/*= layers sous menus ---------------------------------------- */
	ul#menu1, ul#menu2,
	ul#menu3, ul#menu4 {
		display: none;
		position: absolute;
		z-index: 1000;
		border-right: 1px #fff solid!important;
		border-left: 1px #fff solid!important;
		border-bottom: 1px #fff solid!important;
		width: 124px; padding: 5px; 
		margin-top: 50px;
		background-color:#B2BC00;
		}
	ul#menu1 {left: 0}
	ul#menu2 {left: 135px}
	ul#menu3 {left: 270px}
	ul#menu4 {left: 405px}
	
	ul.niv2 li {
		border: 1px #B2BB00 solid;
		background: transparent url(/global/medias/globuleMenu.gif) no-repeat -3px 0!important;
		}
	ul.niv2 li a {
		width: 103px!important;
		border-bottom: 1px #B2BC00 solid;
		text-decoration: none;
		margin: 0 0 3px 0;
		padding: 0 0 0 17px;
		text-indent:0em!important;
		font-size: 1.1em; color:#fff;
		height: auto!important;
		background-image: none!important;
		}
	ul.niv2 li a:hover {color:#006E7B;}
	
/* ================================================================================ */
/* = MenuGlobal colA pages = */
/* ================================================================================ */
	
	/*= 1er niveau ---------------------------------------- */
	#mgColA {
		width: 200px;
		padding: 1.8em 0 8em 40px;
		}
	#mgColA li, 
	#mgColA li a {color:#fff}
	
	#mgColA li {
		width: 190px;
		font-size: 0.9em;
		line-height:2.1em;
		text-align: right; 
		padding: 0 10px 0 0;
		margin:0 0;
		overflow:hidden;
		}
	#mgColA li a {display: block}
	
	/*= liste 1 seul niveau ---------------------------------------- */
	li.currentMG_niv1 a {
		display: block; width: 190px;
		background: transparent url(/global/medias/itemMenNiv1.gif) no-repeat 0 0;
		padding: 0 10px 2px 0;
		/*
		border-left: 1px #fff solid;
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
		background-color:#66A9AF;
		*/
		}

	/*= second niveau ---------------------------------------- */
	li.currentMG a, 
	ul.listeCurent li a.currentSnav,
	ul.listeCurent li a:hover {
		color:#b1e350!important;
		}
	
	li.currentMG {
		width: 200px!important;
		padding: 0.5em 0 7px 0!important;
		background: transparent url(/global/medias/headerMgColA.gif) no-repeat 0 0
		}
	li.currentMG a {
		line-height: 1.2em;
		padding: 0 10px 0 0;
		}
	
	ul.listeCurent {
		padding: 0.2em 0 4px 0!important;
		background: transparent url(/global/medias/footerMgColA.gif) no-repeat bottom
		}
	ul.listeCurent li {
		background: transparent url(/global/medias/liCurrentMgColA.gif) repeat-y 0 0
		}
	ul.listeCurent li a {
		font-size: 1.5em!important;
		color:#fff!important;
		padding: 0 10px 0 0!important;
		background: transparent url(/global/medias/squareMgColA.gif) no-repeat -8px 5px!important;
		}
	ul.listeCurent li a:hover {
		/*background-position: -8px -12px!important;*/
		}
	
/* ================================================================================ */
/* = colA = */
/* ================================================================================ */
	#colA p {color:#fff}
	#colA a.logoVacances {
		display: block;
		width: 215px; height: 95px;
		background: transparent url(/global/medias/logoVacances.gif) no-repeat bottom;
		padding: 20px 0 0 23px;
		}
	
	/*= guide ---------------------------------------- */
	#guide {
		width: 215px;
		padding: 0 0 10px 0;
		margin: 10px 0 15px 12px;
		background: #99C5CA url(/global/medias/footerGuide.gif) no-repeat bottom;
		}
	#guide h1 a {
		text-indent: -100em;
		width: 215px; height: 66px;
		border-bottom: 2px #FB8A0D solid;
		background: transparent url(/global/medias/h1Guide.gif) no-repeat 0 0;
		}
	#guide h1 a img {border:0;}
	#guideContent {width: 200px; padding: 10px 7px 0 7px}
	#guideContent img {border: 2px #fff solid; margin: 5px 0 5px 0}
	#guideContent p {font-size: 0.7em}
	
	#guideContent ul {}
	#guideContent ul li {
		color:#77725C;
		margin: 0 0 0.2em 0;
		padding: 0 0 0 1.1em;
		background: transparent url(/global/medias/chevronWhite.gif) no-repeat -7px 2px;
		}
	#guideContent ul li span {color:#CF8410}
	#guideContent ul li a {}
	
	/*= #newsFocus le guide -------------------------------*/
	#accesDirect,
	#accesDirect button#newsFocus {
		width: 175px;
		margin: 0 0 0 15px;
		}
	#accesDirect {
		padding: 10px 10px 10px 5px
		}
	#accesDirect select {
		border: 0; 
		width: 180px;
		margin: 0 0 7px 0;
		}
	#accesDirect button#newsFocus {
		text-indent: -100em;
		height: 32px;
		background: transparent url(/global/medias/buttonSuivez.gif) no-repeat 0 0;
		}
		
	/*= espacePub ---------------------------------------- */
	#PubOhara {
		width: 210px;
		padding: 0 0 0 12px;
		}
	#PubOhara a img {}
	
	/*= infoPlus ---------------------------------------- */
	#infoPlus {
		width: 240px; margin: 50px 0 0 0;
		padding: 0 0 12px 0;
		background-color:#338C95;
		/*background: transparent url(/global/medias/bgColAGuide.gif) repeat-y 0 0;*/
		}
	#infoPlus h2 {
		text-indent: -100em;
		width: 240px; height: 35px;
		background: transparent url(/global/medias/h2PlusInfos.gif) no-repeat 0 0;
		}
	#infoPlus p, #infoPlus ul {padding: 0 10px 0 25px;}
	#infoPlus p, #infoPlus ul li a { font-size: 0.7em; color:#fff;}
	#infoPlus ul li {border: 1px #338C95 solid;}
	#infoPlus ul li a {
		padding: 0 0 0 10px;
		background: transparent url(/global/medias/chevronWhite.gif) no-repeat -10px 0;
		}
	
	/*= tools colA ---------------------------------------- */
	#toolsColA {
		position: absolute; bottom: 35px;
		width: 200px;
		padding: 25px 10px 10px 25px;
		}
	#toolsColA li {}
	#toolsColA li a {color:#E0ED84; font-size: 0.9em;}

/* ================================================================================ */
/* = colB / home = */
/* ================================================================================ */
	
	/*= Offre O’Hara / Home ---------------------------------------- */
	body#home #offreOhara, 
	body#home #OTiny, 
	body#home #OPheea {width: 275px}
	
	body#home #OTiny, 
	body#home #OPhea {
		padding: 0 0 10px 0;
		margin: 0 0 0.5em 0;
		}
	body#home #offreOhara h1 {
		width: 275px; height: 50px!important;
		text-indent: -100em;
		background: transparent url(/global/medias/h1Offre.gif) no-repeat 0 0;
		}
	body#home #OTiny h2,
	body#home #OPhea h2 {
		height: 23px; 
		margin: 0 0 5px 0!important;
		padding:0!important;
		text-indent: -100em; 
		border-top: 4px #B2BC00 solid
		}
	body#home #OTiny h2 {background: #8C0A50 url(/global/medias/h2OTiny.gif) no-repeat 0 0}
	body#home #OPhea h2 {background: #1F9BB6 url(/global/medias/h2OPhea.gif) no-repeat 0 0}
	body#home #OTiny a,
	body#home #OPhea a {
		display: block; padding: 0 0 0 20px;
		font-size: 0.8em; font-weight: bold;
		}
	body#home #OTiny a {color:#5C0100}
	body#home #OPhea a {color:#1F9BB6}
	body#home #OTiny a {background: transparent url(/global/medias/chevronOTiny.gif) no-repeat 0 0}
	body#home #OPhea a {background: transparent url(/global/medias/chevronOPhea.gif) no-repeat 0 0}
	
	body#home #OTiny a#Lk_otiny_Image,
	body#home #OPhea a#Lk_ophea_Image {
		padding:0!important;
		background-image:none!important;
		}
	
	/*= services ---------------------------------------- */
	body#home #servicesOhara {
		border-top: 3px #A1B200 solid;
		background-color:#D8DD7F;
		}
	body#home #servicesOhara h2 {
		width: 275px; height: 20px;
		background: #C9D442 url(/global/medias/h2Services.gif) no-repeat 0 0;
		}
	body#home #servicesOhara ul {padding: 7px 0 7px 0}
	body#home #servicesOhara ul li {border: 1px #D8DD7F solid}
	body#home #servicesOhara ul li a {
		display: block; padding: 0 0 0 20px;
		color:#fff; font-size: 0.8em;
		background: transparent url(/global/medias/chevronVerts.gif) no-repeat 0 0;
		}
		
	/*= beneteau ---------------------------------------- */
	#beneteau {margin-top: 2em;}
	#beneteau img {float: left}
	#beneteau h2,
	#beneteau p {
		color:#455660!important;
		padding: 5px 10px 5px 10px
		}
	#beneteau h2 {
		font-size: 0.8em!important;
		font-weight: bold;
		}
	
	/*= article ---------------------------------------- */
	#article {width: 265px; padding: 0 10px 0 0}
	#article h2 {
		color:#666; font-size: 0.8em;
		padding: 0 0 5px 0;
		background: transparent url(/global/medias/chevronBleu.gif) no-repeat 0 0;
		}
	#article p img {float:left; padding: 0 0.5em 0 0;}
	#article p {font-size: 0.7em; color:#666}
	
/* ================================================================================ */
/* = colB / pageGenerique = */
/* ================================================================================ */

	/* Découvrir O’Hara / #2289A5 */
	/* O’Hara Environnement / #770040 */
	/* O’Tiny / #770040 */
	/* O’Phéa / #2289A5 */
	

	/*= h1 ------------------------------------------- */
	#colB h1 {
		font-family: 'Trebuchet MS', Vernana, Arial;
		font-size: 1.7em;
		padding: 0 0 0.2em 0;
		background-image:none!important;
		}
	body.otinyContent #colB h1,
	body.oharaContent #colB h1 {color:#8C0A50!important}
	body.opheaContent #colB h1,
	body.integrationContent #colB h1 {color:#2289A5!important}
	body.pageNeutre #colB h1 {color:#906D9C!important}
	
	/*= h2 ------------------------------------------- */
	#colB h2 {
		font-size: 1em; color:#A1B200;
		padding: 0 0 0.5em 0;
		}
	
	/*= h3 ------------------------------------------- */
	#colB h3 {
		clear: both;
		font-size: 0.9em;
		color:#2289A5;
		padding: 0 0 0.5em 1.2em;
		background: transparent url(/global/medias/itemH3Ophea.gif) no-repeat 0 2px;
		}
	body.opheaContent #colB h3,
	body.integrationContent #colB h3 {
		color:#2289A5;
		background: transparent url(/global/medias/itemH3Ophea.gif) no-repeat 0 2px;
		}
	body.otinyContent #colB h3 {
		color:#8C0A50;
		background: transparent url(/global/medias/itemH3Otiny.gif) no-repeat 0 2px;
		}
	body.pageNeutre #colB h3 {
		color:#906D9C;
		background: transparent url(/global/medias/itemH3neutre.gif) no-repeat 0 2px;
		}
		
	/*= paragraphe ----------------------------------- */
	#colB p {
		font-size: 0.7em; 
		color:#666;
		padding: 0 0 10px 0;
		}
	#colB p a {font-size: 1em; color:#006F7A;}
	#colB p em {font-style:italic}
	
	/*= le saviez-vous ---------------------------------------- */
	.paragrapheVert p {
		padding: 0.5em!important;
		color:#fff!important;
		background-color:#A1B200
		}
	
	/*= gestion des blocs image gauche droite--------- */
	.paragrapheImageGauche p img {float: left; padding: 0 10px 5px 0}
	.paragrapheImageDroite p img {float: right; padding: 0 0 5px 10px}
	
	/*= listes --------------------------------------- */
	#colB ul {
		clear: both;
		padding: 0.5em 0.5em 0.5em 1em
		}
	#colB ul li, 
	#colB ul li a {color:#666}
	#colB ul li {
		font-size: 0.9em; line-height: 1.2em;
		list-style-position: outside;
		margin-bottom: 0.3em;
		list-style-type: disc;
		}
	#colB ul li a {text-decoration: underline;}
	
	/*= links ---------------------------------------- */
	body.pageNeutre #colB a {color:#906D9C; text-decoration: underline;}

	/*= gamme ---------------------------------------- */
	.gamme {clear: both}
	.gammeDescriptif, .gammeVisuels {float: left}
	.gammeDescriptif {width: 350px; padding: 0 10px 0 0}
	.gammeVisuels {
		width: 160px;
		padding:0; margin:0;
		border-left: 5px #A1B200 solid;
		}
	.gammeVisuels p {
		margin:0;
		padding:0!important;}
	
	/*= modeles -------------------------------------- */
	.modelesTypologie {
		padding: 0 0 100px 0;
		background: transparent url(/global/medias/bgModelesBlocs.gif) no-repeat bottom;
		}
	.modelesTypologieVisuels,
	.modelesSelect {float: left}
	
	.modelesTypologieVisuels {
		border-top: 5px #A1B200 solid;
		width: 345px; margin: 0 20px 0 0;
		}
	
	/*= mode sélection modèles ------------------------*/
	.modelesSelect {width: 160px}
	.modelesSelect a {
		display: block; width: 155px;
		padding: 0 0 5px 0;
		color:#A1B200; font-size: 0.7em;
		text-decoration: underline;
		}
	.modelesSelect p {margin:0;}
	.modelesSelect select {
		font-size: 1em;
		width: 100px!important;
		border: 1px #ccc solid;
		}
	.modelesSelect button {
		width: 21px; height: 17px;
		border: 1px #ccc solid;
		font-size: 0.9em;
		}
	body.opheaContent .modelesSelect button,
	body.otinyContent .modelesSelect button {text-indent: -10em!important}
	
	body.opheaContent .modelesSelect button {
		background: transparent url(/global/medias/buttonOkOphea.gif) no-repeat bottom;
		}
	body.otinyContent .modelesSelect button {
		background: transparent url(/global/medias/buttonOkOtiny.gif) no-repeat bottom;
		}
		
	/*= Detail ----------------------------------------*/
	.detail {}
	.visuelDetail {width: 525px}
	.visuelDetail img {
		float: left;
		margin: 0 0 0.5em 0;
		border-left: 5px #A1B200 solid
		}

	/*= plans modèle détail -------------------------- */
	.plansModeles {
		width: 525px; clear: both;
		}
	.plans, .plansDetail {float: left}
	.plans {
		width: 270px;
		padding: 20px 30px 0 0;
		background: transparent url(/global/medias/feuilleHabillage.gif) no-repeat top right;
		}
	.plans img {
		float: right;
		border-right: 5px #A1B200 solid
		}
	.plansDetail {
		width: 225px;
		}
	.plansDetail h3 { 
		padding: 1em 0 0.2em 0!important;
		color: #A3B108!important;
		text-decoration: underline;
		background-image: none!important;
		}
	.plansDetail p {}
	.plansDetail a.plus {
		display: block; text-align: right;
		font-size: 1em; color: #2289A5;
		padding: 0 1em 0 0;
		background: transparent url(/global/medias/itemPlusOphea.gif) no-repeat right;
		}

	/*= modèles par type de finition----------------- */
	.modelesType {
		padding: 0 0 100px 0!important;
		background: transparent url(/global/medias/bgModelesBlocs.gif) no-repeat bottom;
		}
	.typeFinition {
		float: left; 
		width: 172px;
		}
	.typeFinition h4 {
		width: 160px; padding: 0 0 0 10px;
		color:#fff; font-size: 1em;
		border-bottom: 5px #A1B200 solid;
		background-color:#8C0A50;
		}

/* ================================================================================ */
/* = Pagination = */
/* ================================================================================ */
	.pagination {
		padding: 0 0 0.5em 0!important;
		clear: both;
		}
	.pagination li {
		position: relative;
		width: 70px!important;
		float: right; 
		padding:0!important;
		margin:0!important;
		list-style:none!important;
		}
	.pagination li a.precede,
	.pagination li a.suivant {
		font-size: 1em; 
		color:#333!important;
		}
	.pagination li {color:#909090; font-size: 0.9em;}
	.pagination li.nbre {text-align: center;}
	.pagination li a.precede {
		float: left; 
		padding: 0 0 0 1em!important;
		background: transparent url(/global/medias/itemPreP.gif) no-repeat bottom left;
		}
	.pagination li a.suivant {
		float: right; 
		padding: 0 1em 0 0!important;
		background: transparent url(/global/medias/itemSuiP.gif) no-repeat bottom right
		}
	.pagination li a.precede:hover,
	.pagination li a.suivant:hover {}
	
/* ================================================================================ */
/* = Créateur espace et ambiance = */
/* ================================================================================ */
	
	/*= global ---------------------------------------- */
	.espace h3, 
	.ambiance h3,
	.ambianceMaxi h3 {
		font-size: 1em; color:#fff!important; 
		font-weight: normal;
		padding: 0 0 0 10px!important;
		background-color: #8C0A50 !important;
		background-image: none !important;
		border-bottom: 5px #A1B200 solid;	
		}
	
	/*= créateur d’espace ---------------------------------------- */
	.createurEspaces {}
	.espace,.descriptifEspace {float: left}
	.espace {width: 370px; padding: 0 0 1em 0}
	.espace h3 {width: 340px}
	.descriptifEspace {width: 155px}
	
	/*= créateur d’ambiance---------------------------------------- */
	.ambiance {float: left; width: 262px}
	.ambiance h3 {width: 240px;}
	.ambiance img {padding: 0 0 0.5em 0}
	
	/*= créateur d’ambiance / zone maximale */
	.ambianceMaxi {width: 525px}
	.ambianceMaxi h3 {
		width: 515px;
		background-color:#8C0A50!important;
		}

/* ================================================================================ */
/* = Intégration paysagère = */
/* ================================================================================ */
	.technique {width: 525px;}
	.zoneVisuel {width: 355px; float: left}
	.navVisuel {float: right; padding: 0 1.5em 0 0}
	
	/*= zoneVisuel ---------------------------------------- */
	.zoneVisuel img {
		margin-bottom: 1em;
		border-bottom: 5px #A1B200 solid;
		}
	.zoneVisuel .legende,
	.zoneVisuel .legende p {background-color:#A1B200;}
	.zoneVisuel .legende p {
		color:#fff!important;
		padding:0.5em!important;
		background-color:#A1B200;
		}
	.zoneVisuel p.legende span {display: block;}
	
	/*= navVisuel ---------------------------------------- */
	.navVisuel a {
		display: block;
		text-align: center;
		font-size: 0.7em; color:#333; 
		text-align: center;
		}
	.navVisuel img {}
	
/* ================================================================================ */
/* = global presse : favoris = */
/* ================================================================================ */
	a.pdf, a.photo {
		display: block;
		text-align: right;
		padding: 0 2em 0.5em 0;
		font-size: 0.7em; color:#906D9C;
		text-decoration: underline;
		}

/* ================================================================================ */
/* = Dossiers presse = */
/* ================================================================================ */
	.contentDossiers {
		padding: 0.5em 0 0.5em 0;
		border-bottom: 1px #ccc solid;
		}
	a.pdf, a.photo, a.web {
		display: block;
		text-align: right;
		padding: 0 2em 0.5em 0;
		font-size: 0.7em; color:#906D9C;
		text-decoration: underline;
		}
	a.pdf {
		background: transparent url(/global/medias/itemPDF.gif) no-repeat right;
		}
	a.photo {
		background: transparent url(/global/medias/itemPhotos.gif) no-repeat right;
		}
		
/* ================================================================================ */
/* = Partenaires = */
/* ================================================================================ */
	.contentFavoris {
		padding: 0.5em 0 0.5em 0;
		border-bottom: 1px #ccc solid;
		}
	a.web {
		background: transparent url(/global/medias/arobas.gif) no-repeat right;
		}

/* ================================================================================ */
/* = News = */
/* ================================================================================ */
	.contentNews {}
	a.linkActu {
		padding: 0.5em 1em 0.5em 0;
		display: block; text-align: right;
		border-top: 1px #ccc solid;
		background: transparent url(/global/medias/chevronNeutre.gif) no-repeat right;
		}
	.actuGlobales {
		border-bottom: 1px #ccc solid; 
		padding: 0 0 0.2em 0;
		}
	.actuGlobales h3 {margin: 0.5em 0 0 0;}
	.actuGlobales p {padding:0!important;}
	.actuGlobales a.linkActu {border:0!important;}

/* ================================================================================ */
/* = Formulaire / contacts = */
/* ================================================================================ */

	/*= contactOhara listes coordonnées---------------------------------------- */
	ul.contactOhara {}

	/*= début form ---------------------------------------- */
	.contentForm h2, 
	.contentForm h3, 
	.contentForm h4 {clear: both}

	.contentForm h3 {
		width: 95%!important;
		font-size: 0.8em!important; 
		padding: 0 0 0.2em 1.8em!important;
		margin: 0 0 1em 0;
		border-bottom: 1px #ccc solid;
		background: transparent url(/global/medias/globuleViolet.gif) no-repeat 0 0;
		}
	.contentForm fieldset {
		padding: 10px; 
		margin: 0 0 1em 0;
		border: 1px #ccc solid
		}
	.contentForm legend {font-size:0.8em; color:#333;}

	/*=  structure---------------------------------------- */
	.contentForm fieldset {clear: both}
	.contentForm p {
		clear: both;
		border-bottom: 1px #fefefe solid;
		margin:0 0 5px 0!important; 
		/*padding: 0 0 5px 0!important;*/
		}
	.contentForm p a {text-decoration: underline; font-size: 1em;}
	.contentForm p label,
	.contentForm p input,
	.contentForm p select,
	.contentForm p textarea,
	.contentForm p font,
	.contentForm p span,
	.contentForm p img,
	.contentForm p input.field_checkbox,
	.contentForm p input.field_radio {float: left}

	.contentForm font.required {
		float: none!important; 
		width: 5px!important;
		color:red;
		}
	.contentForm p label,
	.contentForm p input,
	.contentForm p select,
	.contentForm p textarea,
	.contentForm p font {
		font-size: 0.9em; 
		margin: 0 0 0.2em 0;
		}
	.contentForm p textarea {font-size: 1.2em}
	.contentForm p em { 
		width: 5px!important;
		padding: 0 0 0 5px;
		color:#B31608;
		}
	.contentForm p font,
	.contentForm p label {color: #000}

	/*= labels  ---------------------------------------- */
	.contentForm p label { 
		width: 150px;
		padding: 0 0 2px 10px;
		font-size: 1em;
		background: transparent url(/global/medias/chevronNeutre.gif) no-repeat -8px 3px;
		}
	.contentForm p label a {text-decoration: underline;}
	label.labelCheck,
	label.labelRadio {
		width: 90%!important;
		background-image: none!important;
		}

	/*= composants ---------------------------------------- */
	.contentForm p input,
	.contentForm p select,
	.contentForm p textarea { 
		width: 300px; padding: 2px;
		border: 1px #ccc solid;
		}
	.contentForm p input.field_checkbox,
	.contentForm p span.field_radio input {
		width: auto!important;
		border:0!important;
		}
	.contentForm p font.checkbox_label,
	.contentForm p font.radio_label {padding: 0 0.5em 0 0.2em}
	
	.contentForm p.globule {
		padding: 0 0 1em 1.8em!important;
		background: transparent url(/global/medias/globuleViolet.gif) no-repeat 0 0;
		}	

	/*= liste formulaires ---------------------------------------- */

	/*= button ---------------------------------------- */
	.contentForm input.valide {
		float: right; cursor: pointer;
		color: #fff; font-size: 0.8em;
		border: 0; margin: 0 0 1em 0;
		border: 1px #fff solid;
		}
	.contentForm input.valide {background-color: #B2BC00}
	.contentForm input.valide:hover {background-color: #006F7A}

	/*= conditions ---------------------------------------- */
	p.mentions, span.champsAsterix {font-style: italic}
	p.mentions {width: 99%!important}
	p.mentions a {font-size: 1em!important}
	span.champsAsterix {
		display: block; 
		color: red; font-size: 0.7em;
		}
		
	/*= message ---------------------------------------- */
	.messageFormulaire {
		font-size: 0.9em!important;
		color:#000!important;
		padding: 10px!important;
		background-color:#EBEAF2;
		}

/* ================================================================================ */
/* = colC = */
/* ================================================================================ */

	/*= focus / Actualités ---------------------------------------- */
	#focus, #actualites {margin: 0 0 10px 0}
	#focus p, #actualites p {
		color:#006670; font-size: 0.7em; 
		line-height: 1.3em;
		padding: 5px 0 0 0;
		}
	#focus a, #actualites a {
		display: block;margin: 5px 0 0 0;
		color:#606060; font-size: 0.7em;
		padding: 0.1em 0 0 1.8em;
		background: transparent url(/global/medias/itemPlus.gif) no-repeat 0 0;
		}
	
	/*= focus ---------------------------------------- */
	#focus {
		width: 240px; 
		padding: 10px 0 0 0!important;
		background: transparent url(/global/medias/bgHeaderFocus.jpg) no-repeat 3px 0;
		}
	#focus #focusImage,
	#focusContent {margin: 0 0 0 3px}
	#focus #focusImage {
		width: 235px!important;
		background: #B2BB00 url(/global/medias/bgHeaderFocus.jpg) no-repeat 0 -10px;
		}
	#focus img#Im_breve {
		display: block;
		padding: 0 0 0 50px!important;
		}
	#focusContent {
		width: 214px!important;
		padding: 10px 10px 50px 11px;
		background: #B2BC00 url(/global/medias/bgFooterFocus.gif) no-repeat bottom left;
		}
	#focusContent h2 {
		font-size: 0.8em; color:#006670;
		text-align: center;}
	#focusContent a {
		color:#fff; 
		background: transparent url(/global/medias/itemPlusWhite.gif) no-repeat 0 0;
		}
		
	/*= actualités ---------------------------------------- */	
	#actualites {
		width: 200px; height: 185px; 
		padding: 40px 0px 0 30px;
		background: transparent url(/global/medias/bgActuColCHome.gif) no-repeat 0 0;
		}
	#actualitesContent {
		width: 175px; height: 150px;
		padding: 0 10px 0 0;
		}
	#actualitesContent h1 {
		text-indent: -100em;
		width: 55px; height: 22px;
		margin: 0 0 10px 0;
		background: transparent url(/global/medias/h1ActuColC.gif) no-repeat 0 0
		}
	#actualitesContent h2 {color:#2389A7; font-size: 0.8em; padding: 0 0 7px 0}
	#actualitesContent a {color:#2287A4}
	
/* ================================================================================ */
/* = LOCALISATION = */
/* ================================================================================ */
	ul#localisation {
		position: absolute; 
		bottom: 35px; right: 0;
		width: 100px;
		}
	ul#localisation li {float: right}
	ul#localisation li a {
		text-indent: -10em;
		display: block; width: 20px; height: 20px;
		}
	ul#localisation li a.fr {background: transparent url(/global/medias/fr.gif) no-repeat 0 0} 
	ul#localisation li a.uk {background: transparent url(/global/medias/uk.gif) no-repeat 0 0}
	ul#localisation li a.de {background: transparent url(/global/medias/de.gif) no-repeat 0 0}
	ul#localisation li a.sp {background: transparent url(/global/medias/sp.gif) no-repeat 0 0}
	
/* ================================================================================ */
/* = FOOTER = */
/* ================================================================================ */
	#footer {
		border-top: 1px #006F7A solid;
		width: 730px; padding: 5px 25px 0 25px;
		}
	#footer p {
		text-align: center;
		font-size: 0.7em; color:#bebebe
		}

	.plansImageGrande 
	{
		display: none;
	}
/*-------------------------------------------------------------------------------------*/
/* =  Plan du site			 */
/*-------------------------------------------------------------------------------------*/
#Plandusite a{text-decoration:none !important;}
#Plandusite a:hover{text-decoration:none !important;}

#Plandusite ul{font-size:1em !important; padding:0.3em !important;margin-left:50px;}
#Plandusite ul{border-left:1px #fff solid;}
#Plandusite ul ul{border-left:1px #006F7A solid;}
#Plandusite ul.niv03{border-left:1px #B4BB00 solid;}

/*--------------------- niv1*/

#Plandusite ul li{color:#006F7A; font-size:0.8em; font-weight:bold; list-style-type:none !important; list-style-position:inside !important; padding:0.1em;  }
#Plandusite ul li a{color:#006F7A !important; padding:0.1em 0.3em !important; margin-left:10px;}
#Plandusite ul li a:hover{background-color:#006F7A; color:#fff !important;}

/*--------------------- niv2*/
#Plandusite ul ul{margin-left:20px;}
#Plandusite ul ul li{color:#B4BB00; font-weight:normal; font-size:0.9em;margin-left:10px;}
#Plandusite ul ul li a{color:#B4BB00 !important;}
#Plandusite ul ul li a:hover{background-color:#B4BB00 !important; color:#fff !important;}

/*--------------------- niv3*/
#Plandusite ul.niv03{margin-left:40px;}
#Plandusite ul.niv03 li{color:#4D4D4D; font-style:italic; font-size:0.9em;margin-left:10px;}
#Plandusite ul.niv03 li a{color:#4D4D4D !important;}
#Plandusite ul.niv03 li a:hover{background-color:#4D4D4D !important; color:#fff !important;}