/* ================================================================================ */
/* = GLOBAL SITE HARDY */
/* ================================================================================ */
	html {background-color:#8F8B82}
	body {
		font-size:62,5%;
		font-family:'Verdana', Arial, Trebuchet MS, Geneva, Helvetica, sans-serif;
		}
	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%}
	
/* ================================================================================ */
/* = IMPRESSION= */
/* ================================================================================ */
	img.logoPrint {display:none}

/* ================================================================================ */
/* = GLOBAL STRUCTURE */
/* ================================================================================ */
	#habillage {
		position: relative;
		z-index:1; width: 1000px; margin: 0 auto;
		background: transparent url(/global/medias/bgHabillage.gif) repeat-y 1px 0;
		}
	#page {
		z-index: 10;
		width: 1000px;
		background: transparent url(/global/medias/bgPage.gif) no-repeat 1px 0;
		}
	#main, #footer {width:900px}
	#header {width:1000px}
	body#home #header {height: 172px}
	body#generique #header {height: 60px}
	#main {padding: 0 0 2em 50px}
	#colA, #colB, #colC,
	#colBleft, #colBright {float: left}
	
	
	#colA {width: 225px}
	body#generique #colA {padding: 112px 0 0 0;}
	
	#colB {
		width: 635px; 
		padding: 0 20px 10px 20px
		}
	body#home #colB {
		width: 655px;
		padding: 235px 10px 0 10px
		}
	#colBleft {
		width: 420px; 
		padding: 0 50px 0 10px
		}
	#colBright {width: 175px}

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

	/*= logo ---------------------------------------- */
	#logo {
		position: absolute;
		top: 60px; left: 57px;
		}

	/*= logo impression ---------------------------------------- */
	#logoPrint {display: none}

	/*= navigation haute coorporate ---------------------------------------- */
	#navCoorpo {
		position: absolute;
		width: 900px;
		padding: 0 100px 0 0;
		}
	#navCoorpo li {float: right; margin: 0 10px 0 10px}
	#navCoorpo li.navCorp01 {border-top: 5px #EE701C solid}
	#navCoorpo li.navCorp02 {border-top: 5px #692C4D solid}
	#navCoorpo li a {
		font-size:0.85em; color:#fff;
		padding: 5px 0 0 0;
		}
	#navCoorpo li a:hover {color:#000}

/* ================================================================================ */
/* = home / zone de video / bannière = */
/* ================================================================================ */
	#zoneVideo {
		position: absolute;
		left: 275px; top: 164px!important;
		width: 675px; height: 220px;
		}
	#video {}

/* ================================================================================ */
/* = colone A = */
/* ================================================================================ */
	#colA h1 {
		width: 225px; height: 35px;
		text-indent: -1000em;
		background: transparent url(/global/medias/h1NantesAtlantique.gif) no-repeat 0 0;
		}
	#colA h2 {
		font-size: 0.9em;
		width: 215px;
		padding: 15px 0 10px 10px;
		}
	#colA p {
		color:#7D776F;
		font-size: 0.7em!important;
		}
	#colA a.linkPlus {
		float: right;
		display: block; width: 70px; 
		padding: 3px 15px 0 5px;
		font-size: 0.65em; text-align: right;
		background: transparent url(/global/medias/itemLinkPlus.gif) no-repeat 0 5px;
		}
	#colA a:hover {text-decoration: underline}
	
/* ================================================================================ */
/* = home colone B = */
/* ================================================================================ */	
	#colBleft a.linkPlus {
		float: right;
		display: block; width: 70px; padding: 0; 
		font-size: 0.9em;text-align: right;
		background: transparent url(/global/medias/itemLinkPlus.gif) no-repeat -2px 5px;
		}
	
	/*= left ---------------------------------------- */
	#colBleft h1 {
		font-size: 1em;
		padding: 0 0 0 20px;
		background: transparent url(/global/medias/chevronOrange.gif) no-repeat -1px -1px;
		}
	#colBleft p, 
	#colBleft p a {color:#7D776F}
	#colBleft a:hover {text-decoration: underline;}
	
	#colBleft p {
		font-size: 0.7em;
		padding: 0 0 1em 21px
		}
	
	/*= right ---------------------------------------- */
	#colBright {
		padding: 16px 0 0 0;
		background: #A51A2B url(/global/medias/bgTopPrivatif.gif) no-repeat 0 0}
	#colBright h1 {
		width: 175px; height: 30px;
		text-indent: -100em;
		background: transparent url(/global/medias/h1Privatif.gif) no-repeat 0 0;
		}	
	#identification {
		width: 165px;
		margin:0; padding: 1em 0 1em 10px;
		background-color: #692C4D
		}
	#identification p {
		width: 165px; height: 25px;
		background: transparent url(/global/medias/inputIdentification.gif) no-repeat -5px 0;
		}
	#identification p input {
		width: 115px!important; 
		height: 13px!important;
		font-size: 0.8em!important;
		padding: 1px;
		margin: 2px 0 0 5px;
		border:0!important;
		}
	#identification p button {
		width: 25px; height: 20px;
		margin: 0 0 0 5px;
		text-indent: -10em;
		background: transparent url(/global/medias/buttonValide.gif) no-repeat 0 0;
		}
	#identification a {
		display: block;
		width: 85px; padding: 0 50px 0 20px;
		font-size: 0.7em; color:#fff;
		background: transparent url(/global/medias/itemChevronPrivatif.gif) no-repeat 0 0;
		}
	#com a {
		display: block;
		width: 115px; padding: 10px 40px 10px 20px;
		font-size: 0.7em; color:#fff;
		background: transparent url(/global/medias/buttonFlc.gif) no-repeat right;
		}

/* ================================================================================ */
/* = colone B / pages génériques = */
/* ================================================================================ */
		
	/*= contenu ---------------------------------------- */
	body#generique #colB h1, 
	body#generique #colB h2, 
	body#generique #colB h3,
	body#generique #colB h4, 
	body#generique #colB h5, 
	body#generique #colB h6,
	body#generique #colB p {padding: 7px 0 0.2em 17px}
	
	body#generique #colB p, 
	body#generique #colB a {color:#7D776F;}
	body#generique #colB h1 {
		border-top: 1px #ccc solid;
		font-size: 1.5em;
		background: transparent url(/global/medias/chevronOrange.gif) no-repeat -3px 11px;
		}
	body#generique #colB h2 {font-size: 1.3em; color:#F58125}
	body#generique #colB h3 {font-size: 1.1em; color:#ccc;}
	body#generique #colB p {clear: both; font-size: 0.8em}
	body#generique #colB p a {
		font-size:1em; color: #692B4D;
		text-decoration: underline;
		}
	body#generique #colB p img {/*float: right*/; border: 5px #fff solid}
	
	/*= listes ---------------------------------------- */
	body#generique #colB ul li,
	body#generique #colB ul li a {
		font-size: 1em;
		color:#777777
		}
	
	body#generique #colB ul li {
		border: 1px #fff solid;
		padding: 0 0 0 27px;
		background: transparent url(/global/medias/itemListe.gif) no-repeat;
		background-position: 18px 3px;
		}
	body#generique #colB ul li a {display: block}
	body#generique #colB ul li a:hover {
		color:#000;
		text-decoration: underline;
		}
	body#generique #colB .siteMap ul li a {
		font-size: 1.2em;
		color:#692B4D;
		}

	
/* ================================================================================ */
/* = footer = */
/* ================================================================================ */
	#footer {
		height: 105px;
		padding: 0 0 0 50px;
		background: transparent url(/global/medias/bgFooter.gif) no-repeat 50px 0;
		font-size: 100%;
		}
	#footer p {
		padding: 60px 0 0 0;
		width: 100%;
		text-align: center;
		color:#fff; font-size: 0.7em;
		}
	#footer a {color: #fff; text-decoration: underline;}