html, body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0;
	color: #5b5b5d;
}
html { font-size: 100%; }
body { font-size: 0.75em; }

.clear { clear: both; margin: 0; padding: 0; display: block; font-size: 0; height: 0; overflow: hidden;	}

#centreur { text-align: center; }
#centreurw3c { position: relative; width: 917px; margin-left: auto; margin-right: auto; text-align:left; }

div#global { position: absolute; width: 917px; margin: 0; top: 293px; left: 0; margin: 0; padding: 0; }

div#header { position: absolute; width: 917px; height: 207px; top: 87px; left: 0; margin: 0; padding: 0;
			 background-image: url(/img/interface/header-icare-atm.jpg); background-repeat: no-repeat; }

div#footer { position: relative; width: 917px; height: 25px; margin: 0; padding: 0;
			 background-image: url(/img/interface/footer-icare-atm.gif); background-repeat: no-repeat; }

div#blocadresse p { margin: 9px 0 0 0; padding: 0; width: 917px; text-align: center; font-size: 0.91em; }

div#bg-main { width: 917px; margin: 0; margin: 0; padding: 0; border-left: 2px solid #82b950; border-right: 2px solid #82b950; }
html>body div#bg-main { width: 913px; }

/*div#main { width: 917px; margin: 0 0 0 8px; padding: 0; position: relative; background-color: #fff; } */


/* CONTENT */
div#content-accueil{ position: relative; width: 855px; margin: 0 0 0 34px; padding: 33px 0 0 0; }
div#content { position: relative; width: 745px; margin: 0 0 0 63px; padding: 33px 0 0 0; }


/* accueil */

div#bloc-accueil {
	background: url('/img/interface/bg-contenu-bloc.gif') repeat-y;
	margin: 0 auto;
	padding: 0;
	width: 846px;
}
div#contenu-bloc-accueil {
	background: url('/img/interface/bg-header-bloc.gif') no-repeat;
	margin: 0 auto;
	padding: 0;
	min-height: 102px;
	height: auto !important;
	height: 102px;
	width: 846px;
}
div#footer-bloc-accueil {
	background: url('/img/interface/bg-footer-bloc.gif') no-repeat;
	margin: 0 auto;
	padding: 0;
	height: 14px;
	width: 846px;
}

div#lunettes, div#gamme, div#trouver { float: left; display: inline; width: 264px; margin: 0; padding: 0; background-repeat: no-repeat; }
/*div#lunettes { background-image: url(/img/interface/bg-lunette-protection-correctrice-icare-atm.gif); }*/
div#gamme { margin: 0 24px 0 24px; /*background-image: url(/img/interface/bg-decouvrir-note-gamme-icare-atm.gif);*/ }
/*div#trouver { background-image: url(/img/interface/bg-ou-trouver-sa-paire-icare-atm.gif); }*/

div#lunettes h1, div#gamme h1, div#trouver h1 { margin: 0; padding: 18px 15px 0 112px; font-size: 1.08em; font-weight: bold; }

div#lunettes ul, div#gamme ul, div#trouver ul { margin: 35px 0 0 53px; padding: 0; list-style:none; }

div#lunettes ul li, div#gamme ul li, div#trouver ul li { margin: 0; padding: 0 15px 5px 5px; font-weight: bold; color: #fff; }
div#lunettes ul li { list-style-image:url(/img/interface/puce-lunettes.gif); }
div#gamme ul li { list-style-image:url(/img/interface/puce-gamme.gif); }
div#trouver ul li { list-style-image:url(/img/interface/puce-trouver.gif); }

div#lunettes ul li a, div#gamme ul li a, div#trouver ul li a { font-weight: bold; color: #fff; text-decoration: none; }
div#lunettes ul li a:hover, div#gamme ul li a:hover, div#trouver ul li a:hover { text-decoration: underline; }

/* MENUS */
div#menu { position: absolute; width: 840px; height: 32px; top: 261px; left: 18px; margin: 0; padding: 0; z-index: 1000; }

/* Retour Accueil */
div#logo-icare-atm { position: absolute; top: 13px; left: 52px; width: 205px; height: 63px; margin: 0; padding: 0; z-index: 100; }
div#lunettes-icare-black { position: absolute; top: 158px; left: 116px; margin: 0; padding: 0; z-index: 500; font-size: 22px; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 22px; }
div#lunettes-icare-black a, div#lunettes-icare-black a:hover { color: black; text-decoration: none; }
div#lunettes-icare-white { position: absolute; top: 159px; left: 117px; margin: 0; padding: 0; z-index: 450; font-size: 22px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: white; line-height: 22px; }


/* bloc recherche + extranet */
div#blocHeader { position: absolute; top: 97px; left: 708px; margin: 0; padding: 0; }
/* Recherche */
div#blocRecherche { margin: 13px 0 5px 37px; padding: 0; color: #fff; }
div#blocRecherche form.formRecherche { margin: 0; padding: 0; }
div#blocRecherche fieldset { margin: 0; padding: 0; width: 172px; }
div#blocRecherche input.txtRecherche { float: none; width: 116px; padding: 2px; margin: 0; font-size: 0.9em; color: #000; border: none; }
input.submit { width: 22px; height: 14px; margin: 0 0 -3px 0; padding: 0; border: none; }

div#separateur { margin: 10px 0 10px 0; padding: 0; }

/* Bloc connexion Extranet */
div#blocExtranet { margin: 0 0 0 37px; padding: 0; color: #fff; }

/* Module Extranet */
form.formExtranet { margin: 0; padding: 0; }
form.formExtranet fieldset { margin: 0; padding: 0; }
form.formExtranet fieldset br { clear: left; }
form.formExtranet label { display: inline; float: left; text-align: right; padding: 0 6px 0 0; margin: 0 0 12px 0;}
form.formExtranet input.txtExtranet { width: 116px; padding: 2px; margin: 0; font-size: 0.9em; color: #000; border: 1px solid #000; }
form.formExtranet input.submit { cursor: pointer; width: auto; margin: 0; padding: 0; border: none; font-size: 0.9em; color: #000; font-weight: bold; background: none; }

div#recupaffi { margin: 10px 0 0 0; padding: 0; color: #fff; }
div#recupaffi a, div#blocExtranet a { margin: 0; padding: 0; color: #fff; font-size: 0.9em; text-decoration: underline; }
div#recupaffi a:hover, div#blocExtranet a:hover { margin: 0; padding: 0; color: #fff; font-size: 0.9em; text-decoration: underline; }