/* ================================================================================ */
/* = GLOBAL SITE = */
/* ================================================================================ */
	
	html {/*overflow: hidden*/}
	body {
		font-size:62,5%;
		font-family: 'Verdana', Arial, Trebuchet MS, Trebuchet MS, Geneva, Helvetica, sans-serif;
		background: #fff url(/global/medias/bgBody.jpg) repeat-x top;
		}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
	blockquote,fieldset,input,img,legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
	img { display: block; margin:0; padding:0}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	span.hide {display: none}
	.break, .clear {clear: both;}
	hr {height: 1px; background-color: #0377C1; border:0;}
	button {border:0; cursor: pointer;}
	
	p { color: #0F4672; line-height: 1.3em;}
	a { text-decoration: none;}
	a:hover { text-decoration: underline; }

/* ================================================================================ */
/* = STRUCTURE = */
/* ================================================================================ */

	/*= globale ---------------------------------------- */
	#habillage, #page {position: relative}
	#habillage {}
	#page {
		width: 780px; margin: 0 auto; 
		padding: 83px 0 0 0;
		}
	img.logo, a img.logo {
		display: block;
		position: absolute;
		border:0;margin: 0;
		left: 9px; top: 60px;
		}
	
	/*= header ---------------------------------------- */
	#header, #mainContent, #content { width: 742px}
	#header, #mainContent {margin-left: 9px; padding: 0 0 20px 0}
	#header { height: 60px; background-color:#fff}
	
	/*= colonage ---------------------------------------- */
	#colA, #colB {float: left}
	
	/*= home ---------------------------------------- */
	body#home #colA {width: 175px; padding:0}
	body#home #colB {width: 560px; padding: 10px 0 0 0}
	
	/*= home demande ---------------------------------------- */
	body.demandeContent #header {height: 28px!important; padding:0!important;}
	body.demandeContent #colA {width: 410px!important}
	body.demandeContent #colB {width: 332px!important}
	
	/*= Générique ---------------------------------------- */
	body#pageGenerique #header {height: 28px!important;padding:0!important;}
	body#pageGenerique #mainContent {
		background: #fff url(/global/medias/footerMainBloc.gif) no-repeat bottom;
		}
	body#pageGenerique #content {
		background: transparent url(/global/medias/bgMainBloc.gif) repeat-y 0 0;
		}
	body#pageGenerique #colA {width: 155px; padding: 50px 10px 0 10px}
	body.assistanceContent #colA #servicesColA {margin: 50px 0 0 0}
	body#pageGenerique #colB {width: 532px; padding: 10px 25px 0 10px}
		
/* ================================================================================ */
/* = HEADER = */
/* =============================================================================== */
	form#recherche, #navCoorpo,
	body#home #header h1,
	#menuGlobal {position: absolute}

	/*= recherche ---------------------------------------- */
	form#recherche { 
		position: absolute;
		right: 25px; top: 10px;
		width: 157px; height: 21px; 
		padding: 0 0 0 25px;
		background: transparent url(/global/medias/bgZoneRecherche.gif) no-repeat 0 0;
		}
	form#recherche p input { 
		width: 126px; height: 10px; 
		font-size: 0.6em; margin:0;
		border: 1px #fff solid;
		}
	form#recherche p button.ok {
		width: 20px; height: 18px; border:0;
		font-size: 0.7em; color:#fff;
		background: transparent url(/global/medias/bgButtonRech.gif) no-repeat 0 0;
		}
	
	/*= navCoorpo ---------------------------------------- */
	#navCoorpo {right: 20px; top: 50px; width: 525px}
	#navCoorpo li {display: inline; margin: 0 3px 0 0}
	#navCoorpo li a {
		color:#fff; font-size:0.7em;
		padding: 3px 0 5px 25px;
		background: transparent url(/global/medias/itemNavCoorpo.gif) no-repeat 0 0
		}
	#navCoorpo li a:hover,
	#navCoorpo li a:active,
	#navCoorpo li a:focus {color:#B0C800}
	
	body.globalPro #navCoorpo li a:hover,
	body.globalPro #navCoorpo li a:active,
	body.globalPro #navCoorpo li a:focus {color:#DAB4C5!important}
	
	/*= titrage ---------------------------------------- */
	body#home #header h1 {
		margin: 30px 0 0 175px;
		width: 500px; height: 50px;
		text-indent: -100em;
		background: transparent url(/global/medias/h1HomeParticulier.gif) no-repeat 0 0;
		}
	body.globalPro #header h1 {
		width: 540px!important; height:50px;
		background: transparent url(/global/medias/h1HomePro.gif) no-repeat 0 0!important;
		}
	
	/*= menuGlobal ---------------------------------------- */
	#menuGlobal {
		width: 567px; height:25px;
		margin: 0 0 0 175px;
		}
	#menuGlobal li {float: right}
	#menuGlobal li a {
		display: block; width: 139px; height: 30px;
		text-indent: -1000em!important; 
		background: transparent url(/global/medias/bgMGparticuliers.gif) no-repeat 0 0;
		}
	body.globalPro #menuGlobal li a {
		background: transparent url(/global/medias/bgMGpro.gif) no-repeat 0 0!important;
		}
	#menuGlobal li a.mg01 {color:#fff; background-position: 0 0}
	#menuGlobal li a.mg02 {color:#7299AB; background-position: -139px 0!important}
	#menuGlobal li a.mg02:hover {background-position: -139px -31px!important}
	
	body.globalPro #menuGlobal li a.mg01 {background-position: 0 0}
	body.globalPro #menuGlobal li a.mg02 {background-position: -139px 0px!important}
	body.globalPro #menuGlobal li a.mg02:hover {background-position: -139px -31px!important}
		
/* ================================================================================ */
/* = ZONE FLASH / Home Page = */
/* ================================================================================ */
	#zoneFlashHome {width: 771px; height: 325px; margin-left: 9px}
	#zoneFlashHome img { display: block; margin:0}
	
/* ================================================================================ */
/* = colA / home  = */
/* ================================================================================ */
	body#home #colA #menuMain li {
		list-style: none!important;
		margin:0!important;
		padding:0!important;
		background-image: none!important;
		}
	body#home #colA #menuMain li a {
		display: block;
		text-indent: -100em;
		width: 175px; height: 45px;
		}
	body.homeParticulier #colA #menuMain li a {
		background: transparent url(/global/medias/mgContent.gif) no-repeat 0 0;
		}
	body.homeProfessionnel #colA #menuMain li a {
		background: transparent url(/global/medias/mgContentPro.gif) no-repeat 0 0;
		}
	body#home #colA #menuMain li a:hover {}
	
	body#home #colA #menuMain li a.btMgMain01 {background-position: 0 0}
	body#home #colA #menuMain li a.btMgMain01:hover,
	body#home #colA #menuMain li a.btMgMain01:active,
	body#home #colA #menuMain li a.btMgMain01:focus {background-position: -173px 0}
	body#home #colA #menuMain li a.btMgMain02 {background-position: 0 -45px!important}
	body#home #colA #menuMain li a.btMgMain02:hover,
	body#home #colA #menuMain li a.btMgMain02:focus,
	body#home #colA #menuMain li a.btMgMain02:active {background-position: -173px -45px!important}
	body#home #colA #menuMain li a.btMgMain03 {background-position: 0 -90px!important}
	body#home #colA #menuMain li a.btMgMain03:hover,
	body#home #colA #menuMain li a.btMgMain03:active,
	body#home #colA #menuMain li a.btMgMain03:focus {background-position: -173px -90px!important}
	
/* ================================================================================ */
/* = colB / home  = */
/* ================================================================================ */
	body#home #colB h2 {
		color:#0F4672; font-size: 1.1em; 
		font-weight: bold; padding: 0 0 7px 0
		}
	body#home #colB p {color:#18858B; font-size: 0.9em}
	body#home #colB a {
		display: block; padding: 0 20px 0 0;
		color:#75A0B7; font-size: 0.9em;
		text-align: right; text-decoration: underline;
		background: transparent url(/global/medias/itemLinkHome.gif) no-repeat right;
		}
	
	/*= liste ---------------------------------------- */
	body.homeProfessionnel #colB ul {padding: 5px 0 5px 0}
	body.homeProfessionnel #colB ul li {
		list-style: disc; margin: 0 0 5px 25px;
		font-size: 0.8em; color:#18858B;
		}
	body.homeProfessionnel #colB ul li a {}
	
/* ================================================================================ */
/* = mainContent / demande d’informations = */
/* ================================================================================ */
	
	/*= erreur champs ---------------------------------------- */
	#headerMain #erreurDemande {
		position: absolute;
		top: 150px; left: 285px;
		width:425px!important;
		font-size: 0.8em;
		}
	#headerMain #erreurDemande p {font-size: 0.9em; font-weight: bold}
	#headerMain #erreurDemande ul li {
		color:red;
		list-style-type: disc;
		font-size: 0.85em;
		list-style-position: inside;
		}
	#headerMain #erreurDemande a {
		display: block;
		text-align: right!important;
		color:#0F4672;
		text-decoration: underline;
		}
	
	/*=  ---------------------------------------- */
	body.demandeContent #headerMain {
		width: 742px;
		background: #fff url(/global/medias/bgHeader.jpg) no-repeat 0 -1px;
		}
	body.assistanceContent #headerMain {}
	body.demandeContent #headerMain #videoFlash,
	body.demandeContent #headerMain #demandeForm {float: left}

	body.assistanceContent #headerMain #videoFlash {margin: 25px 0 0 0}
	body.demandeContent #headerMain #videoFlash {
		width: 280px; height: 305px;
		padding:0;
		margin:-2px 0 0 0;
		margin-top:21px;
		}
	body.demandeContent #headerMain #demandeForm {
		width: 462px; height: 221px;
		padding:0; margin:0;
		}
	body.demandeContent #headerMain #demandeForm h1 {
		width: 325px; height: 35px;
		color:#7CA6BC; font-size: 1.3em;
		text-indent: -100em;
		background: transparent url(/global/medias/h1Demande.gif) no-repeat 0 0;
		}

	/*= formulaire de demande ---------------------------------------- */
	body.demandeContent #demandeFormContent {
		width: 452px; height: 186px
		}
	body.demandeContent .formDemande,
	body.demandeContent .formDemande p,
	body.demandeContent .formDemande p label,
	body.demandeContent .formDemande p input,
	body.demandeContent .formDemande p select,
	body.demandeContent .formDemande p textarea {float: left}
	
	body.demandeContent .formDemande {width: 220px; height: 127px;padding: 5px 0 0 0}
	body.assistanceContent .formDemande {/*height: 150px!important;*/}
	body.demandeContent .formDemande p input,
	body.demandeContent .formDemande p select,
	body.demandeContent .formDemande p textarea {
		width: 130px;border: 1px #BDC9CE solid
		}
	body.demandeContent .formDemande p textarea {
		height: 50px
		}
	body.assistanceContent .formDemande p textarea {
		height: 25px!important
		}
	
	body.demandeContent .formDemande p {
		width: 223px;
		font-size:0.8em;
		padding: 0 0 3px 0;
		}
	body.demandeContent .formDemande p label {
		font-size:0.8em!important
		}
	
	body.demandeContent .formDemande p label em.required {}
	body.demandecontent .formdemande p font.radio_label {
		width: 50px; font-size:0.75em;
		padding: 0 0 2px 0!important;
		margin: 0 3px 0 0;
		}
	body.demandeContent .formDemande p label.labelFor,
	body.demandeContent .formDemande p input.field_radio {
		width:auto!important; 
		float: none!important;
		margin: 0 0 0 0!important;
		border: 1px #fff solid!important;
		}
	body.demandeContent #demandeForm p label { 
		display: block;
		width: 75px!important; 
		padding: 0 5px 0 0;
		color:#0F4672;
		line-height: 1.1em; font-weight: bold;
		text-align: right!important;
		}
	button.valider {
		position: absolute; top: 283px; right: 20px;
		width: 165px; height: 66px;
		text-indent: -100em;
		background: transparent url(/global/medias/buttonValider.gif) no-repeat 0 0;
		}
	body.partiGene button.valider {	
		background: transparent url(/global/medias/buttonValiderForm.gif) no-repeat 0 0}
	body.globalPro button.valider {
		background: transparent url(/global/medias/buttonValiderPro.gif) no-repeat 0 0!important
		}
	
	/*= focus label fomulaire de demande ---------------------------------------- */
	body.demandeContent .formDemande p label#field_47 {padding: 0 3px 35px 0}
	
	/*= focus formulaire de demande de téléassistance ---------------------------------------- */
	body.assistanceContent .formDemande p {padding: 0 0 0.1em 0}
	body.assistanceContent p.benef {
		font-size: 0.6em!important;
		font-weight: bold;
		padding: 0 0 0.3em 0!important;
		}
	body.assistanceContent p input.field_radio {margin:0!important}
	
	/*=  Services------------------------------------ */
	body.demandeContent #servicesColA {
		padding: 7px 0 0 0;
		border-left: 1px #BDC9CE solid;
		}
	body.demandeContent #servicesColA h1 {
		width: 270px; height: 50px;
		text-indent: -100em;
		background: transparent url(/global/medias/h1Services.gif) no-repeat 0 0;
		}
	body.demandeContent #servicesColA h2 {
		color:#FBA80B; font-size: 0.9em;
		padding: 0 0 0 25px;
		background: transparent url(/global/medias/itemH2Orange.gif) no-repeat 0 0;
		}
	body.demandeContent #servicesColA p {font-size: 0.7em;padding: 0 0 0 25px}
	body.demandeContent #servicesColA ul {padding: 10px 0 10px 0;}
	body.demandeContent #servicesColA ul li {
		list-style:disc;
		font-size: 0.8em; color:#0F4672;
		margin: 0 0 5px 25px;
		}
	body.demandeContent #servicesColA ul li a {}
	
	/*=  Pack---------------------------------------- */
	#packColB {position: relative;z-index: 1000; margin-top: -85px}

	#packColB, #packColB h1, #packColB a.savoirPlus {width: 290px}
	#packColB h1, #packColB a.savoirPlus {text-indent: -100em}
	#packColB h1 {
		height: 85px;
		background: transparent url(/global/medias/h1Pack.gif) no-repeat 0 0;
		}
		
	#packColB h1.titTele {
		height: 85px;
		background: transparent url(/global/medias/h1PackTele.gif) no-repeat 0 0;
		}
		
	body.globalPro #packColB h1 {
		background: transparent url(/global/medias/h1PackPro.gif) no-repeat 0 0!important}
	#packColB a.savoirPlus {
		display: block; height: 45px;
		text-align: left!important;
		background: transparent url(/global/medias/footerPack.gif) no-repeat 0 0!important;
		}
	#packColB #packColBcontent {
		width: 270px; padding: 5px 10px 5px 10px;
		background: transparent url(/global/medias/bgPack.gif) repeat-y 0 0;
		}
	#packColB #packColBcontent p { color:#fff!important; font-size: 0.7em!important}
	
	/*= Navigation plus ----------------------------- */
	body.demandeContent #mgPlus {margin: 0 0 0 85px}
	body.demandeContent #mgPlus li a {
		display: block; width: 200px; height: 45px;
		padding:0!important;
		text-align: left!important; text-indent: -100em;
		}
	body.demandeContent #mgPlus li a {
		background: transparent url(/global/medias/mgPlus.gif) no-repeat 0 0!important}
	body.assistanceContent #mgPlus li a {
		background: transparent url(/global/medias/mgPlusTele.gif) no-repeat 0 0!important}
	body.demandeContent #mgPlus li a:hover {}
	
	body.demandeContent #mgPlus li a.mgP01 {background-position: 0 0}
	body.demandeContent #mgPlus li a.mgP01:hover,
	body.demandeContent #mgPlus li a.mgP01:active,
	body.demandeContent #mgPlus li a.mgP01:focus {background-position: -199px 0!important}
	body.demandeContent #mgPlus li a.mgP02 {background-position: 0 -45px!important}
	body.demandeContent #mgPlus li a.mgP02:hover,
	body.demandeContent #mgPlus li a.mgP02:focus,
	body.demandeContent #mgPlus li a.mgP02:active {background-position: -199px -45px!important}
	body.demandeContent #mgPlus li a.mgP03 {background-position: 0 -90px!important}
	body.demandeContent #mgPlus li a.mgP03:hover,
	body.demandeContent #mgPlus li a.mgP03:active,
	body.demandeContent #mgPlus li a.mgP03:focus {background-position: -199px -90px!important}
	
/* ================================================================================ */
/* = PAGES GÉNÉRIQUES = */
/* ================================================================================ */

	body#pageGenerique {}
	
	/*= colA --------------------------------------------*/
	body#pageGenerique #colA p {font-size: 0.7em}
	#colA ul {padding: 10px 0 0 0}
	#colA li {
		display: block; width: 120px;
		padding: 0 0 0 10px;
		margin: 0 0 5px 0;
		font-size: 0.7em; color:#0F4672;
		background: transparent url(/global/medias/itemLiCoLA.gif) no-repeat 0 3px;
		}
	
	/*= nav colA pages génériques ---------------------- */
	#menuMainColA {width: 140px;margin: 0 0 15px 0;}
	#menuMainColA li {
		list-style: none!important;
		padding:0!important;
		margin:0!important; 
		border:0!important;
		background-image: none!important;
		}
	#menuMainColA li a {
		display: block; width: 140px; height: 28px;
		font-size: 0.5em; text-indent: -100em;
		/*background: transparent url(/global/medias/menuColA.gif) no-repeat 0 0;*/
		}
	.focusParti li a {
		background: transparent url(/global/medias/menuColAParti.gif) no-repeat 0 0!important}
	.focusPro li a {
		background: transparent url(/global/medias/menuColAPro.gif) no-repeat 0 0!important}
	.focusTele li a {
		background: transparent url(/global/medias/menuColATele.gif) no-repeat 0 0!important}
	#menuMainColA li a.mgA01,
	body.globalPro #menuMainColA li a.mgA01,
	body.partiTele #menuMainColA li a.mgA01 {background-position: 0 0!important}
	#menuMainColA li a.mgA01:hover,
	body.globalPro #menuMainColA li a.mgA01:hover,
	body.partiTele #menuMainColA li a.mgA01:hover {background-position: -143px 0!important}
	
	#menuMainColA li a.mgA02,
	body.globalPro #menuMainColA li a.mgA02,
	body.partiTele #menuMainColA li a.mgA02 {background-position: 0 -28px!important}
	#menuMainColA li a.mgA02:hover,
	body.globalPro #menuMainColA li a.mgA02:hover,
	body.partiTele #menuMainColA li a.mgA02:hover {background-position: -143px -28px!important}
	
	#menuMainColA li a.mgA03,
	body.globalPro #menuMainColA li a.mgA03,
	body.partiTele #menuMainColA li a.mgA03 {background-position: 0 -56px!important}
	#menuMainColA li a.mgA03:hover,
	body.globalPro #menuMainColA li a.mgA03:hover,
	body.partiTele #menuMainColA li a.mgA03:hover {background-position: -143px -56px!important}
	
	#menuMainColA li a.mgA04,
	body.globalPro #menuMainColA li a.mgA04,
	body.partiTele #menuMainColA li a.mgA04 {background-position: 0 -84px!important}
	#menuMainColA li a.mgA04:hover,
	body.globalPro #menuMainColA li a.mgA04:hover,
	body.partiTele #menuMainColA li a.mgA04:hover {background-position: -143px -84px!important}
	
	#menuMainColA li a.mgA05,
	body.globalPro #menuMainColA li a.mgA05,
	body.partiTele #menuMainColA li a.mgA05 {background-position: 0 -112px!important}
	#menuMainColA li a.mgA05:hover,
	body.globalPro #menuMainColA li a.mgA05:hover,
	body.partiTele #menuMainColA li a.mgA05:hover {background-position: -143px -112px!important}
	
	#menuMainColA li a.mgA06,
	body.globalPro #menuMainColA li a.mgA06,
	body.partiTele #menuMainColA li a.mgA06 {background-position: 0 -140px!important}
	#menuMainColA li a.mgA06:hover,
	body.globalPro #menuMainColA li a.mgA06:hover,
	body.partiTele #menuMainColA li a.mgA06:hover {background-position: -143px -140px!important}
	
	#menuMainColA li a.mgA07,
	body.partiTele #menuMainColA li a.mgA07,
	body.globalPro #menuMainColA li a.mgA07 {background-position: 0 -169px!important}
	#menuMainColA li a.mgA07:hover,
	body.partiTele #menuMainColA li a.mgA07:hover,
	body.globalPro #menuMainColA li a.mgA07:hover {background-position: -143px -169px!important}
	
/* ================================================================================ */
/* = Content colB = */
/* ================================================================================ */
	body#pageGenerique #colB h1,
	body#pageGenerique #colB h2,
	body#pageGenerique #colB h3,
	body#pageGenerique #colB p {padding: 0 0 5px 0}
	body#pageGenerique #colB h1,
	body#pageGenerique #colB h2 {font-weight: bold}
	body#pageGenerique #colB h1 {color:#0F4672;font-size:1.2em}
	body#pageGenerique #colB h2 {color:#C0CF01;font-size:1em}
	body.globalPro #colB h2 {color:#9D3563!important}
	body#pageGenerique #colB h3 {color:#0F4672; font-size: 0.9em}
	body#pageGenerique #colB p {font-size: 0.7em; color:#2A718D!important}
	body#pageGenerique #colB a {
		color:#00949A; text-decoration: underline;
		font-size: 0.9em;text-align: right
		}
	body#pageGenerique #colB img { /*float: right; padding: 0 0 10px 10px*/}
	
	/*= listes ---------------------------------------- */
	body#pageGenerique #colB ul,
	body#pageGenerique #colB ol {clear: both}
	body#pageGenerique #colB ul li {
		padding: 2px 0 10px 15px;
		background: transparent url(/global/medias/itemLiColBpuce.gif) no-repeat 0 5px;
		}
	body#pageGenerique #colB ol li {
		margin: 0 0 5px 0;
		padding: 0 0 5px 3px;
		/*
		list-style-position: inside;	
		list-style-type: decimal!important;
		background: transparent url(/global/medias/itemOlLi.gif) no-repeat 0 0;
		*/
		}
	body#pageGenerique #colB ul li,
	body#pageGenerique #colB ol li {font-size: 0.7em; color:#305E8C}
	body#pageGenerique #colB ul li a {font-size: 1em; color:#4485A5}
	body#pageGenerique #colB ul li ul li {
		margin: 0 0 2px 0;
		padding: 3px 0 0 15px!important;
		}
	body#pageGenerique #colB ul li ul li a {font-size: 1.3em; }
	
	/*= gestion table contenu ---------------------------------------- */
	body#pageGenerique #colB table {
		width: 525px; border-collapse: collapse;
		margin: 10px 0 10px 0;
		}
	body#pageGenerique #colB table,
	body#pageGenerique #colB table td {border: 1px #B3CDDA solid}
	body#pageGenerique #colB table td {padding: 5px}
		
/* ================================================================================ */
/* = #footerAdmin / octobre 2009 = */
/* ================================================================================ */	
	#footerAdmin {
		margin: 3px 0 10px 9px;
		padding: 10px 0 0 0;
		background: transparent url(/global/medias/footer_top.gif) no-repeat 0 0;
		}
	#footerAdmin .habillage {
		padding: 0 0 10px 0;
		background: transparent url(/global/medias/footer_bottom.gif) no-repeat bottom left;
		}
	#footerAdmin .content {
		padding: 0 0 0 10px;
		background: transparent url(/global/medias/footer_repeat.gif) repeat-y 0 0;
		}
	#footerAdmin ul {float: left; width: 30%;}
	#footerAdmin ul li {
		list-style-type: disc; color:#6DA1B9; font-size: 0.8em;
		list-style-position: inside;
		}
	#footerAdmin ul li a {font-size: 0.7em; color:#6DA1B9;}
	
	#ariane {float: left; width: 100%; clear:none !important;}

	#ariane .chevron{
		background: transparent url(/global/medias/chevrons.gif) no-repeat 0 0 !important;
		margin:0 10px 10px 0;
		padding:2px 0 0 10px !important;
		display: inline !important;
	}
	
	#headerMain #ariane .chevron{
		background: transparent url(/global/medias/chevrons.gif) no-repeat 0 0 !important;
		position:relative;
		top:0; left:170px;
		margin:0 10px 0 0 !important;
		padding:2px 0 0 10px !important;
		font-size: 0.7em; color:#305E8C;
		display: inline !important;
	}
	#headerMain #ariane .chevron a{
		margin:0;
		padding:0;
		text-decoration : underline;
		font-size: 1em; color:#4485A5;
	}