html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*************** General Typographic Styles **************/
body {font-family : "Helvetica Neue","Trebuchet MS",Arial,sans-serif;font-size : 12px;line-height : 18px;color:#333;}
h1 { font-family : Georgia,serif;font-size: 3em; line-height: 1; margin-bottom: 0.5em; color:#ccd24c; letter-spacing: -4px;}
h2 { font-family : Georgia,serif;font-size: 1.8em; margin-bottom: 0.75em;color:#ccd24c;  letter-spacing: -2px;}
h3 { font-family : Georgia,serif;font-size: 1.4em; line-height: 1; margin-bottom: 1em;color:#9a307b; letter-spacing: -1px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;color:#ccd24c; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em;color:#ccd24c; }
h6 { font-size: 1em; font-weight: bold;color:#ccd24c; }
p           { margin: 0 0 1.5em; text-align:justify; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;border:5px #cbd34c solid; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; border:5px #cbd34c solid;}
blockquote  { padding:16px 4px;background:transparent url(../img/quote.gif) -8px -8px no-repeat;margin: 1.5em 0.5em; color: #9a307b; font-style: italic; font-size:2.8em;font-family : Georgia,serif;line-height: 1.2em;text-align:center;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr, acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del  { color:#666; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 
li ul, li ol      { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
a:link, a:visited{color:#D22B38;text-decoration:none;}
a:hover, a:active{color:#A5357D;text-decoration:none;}
.notice {color:#d22b38;}



/*************** Layouts ************/
body#home{background:#A5357D url(../img/bg.gif) repeat-y;}
#wrap{width:960px;}

#header{height:120px;padding-top:89px;}
	#logo{position:absolute;left:640px;top:0px;}
	#logo a{display:block;height:191px;width:227px;text-indent:-9999px;background : transparent url(../img/naama-club-house-logo.gif) top left no-repeat;}
	#navigation{padding:0;margin:0;list-style:none;display:block;height:41px;width:700px;background : #9a307b url(../img/nav-bg.gif) top left repeat-x;}
	#navigation li{text-align: center;display:block;height:41px;float:left;}
	#navigation li a{display:block;height:41px;text-indent:-9999px;}
	#forme {margin-left:20px;width:110px;background : transparent url(../img/forme.gif) top left no-repeat;}
	#forme:hover, body#home li.active #forme {background : transparent url(../img/forme.gif) 0px -41px no-repeat;}
	#bien-etre{width:169px;background : transparent url(../img/bien-etre.gif) top left no-repeat;}
	#bien-etre:hover{background : transparent url(../img/bien-etre.gif) 0px -41px no-repeat;}
	#detente{width:125px;background : transparent url(../img/detente.gif) top left no-repeat;}
	#detente:hover{background : transparent url(../img/detente.gif) 0px -41px no-repeat;}
	#dietetique{width:164px;background : transparent url(../img/dietetique.gif) top left no-repeat;}
	#dietetique:hover{background : transparent url(../img/dietetique.gif) 0px -41px no-repeat;}
	#breadcrumb {position:relative;left:25px;top:25px;}
	
	
#content{min-height:500px;padding:0px;margin:0;}
	body#home #col1{width:420px;float:left;padding-left:40px;}
	body#home #col2{width:380px;margin-left:40px;float:left;}
	body#home #col2 ul {margin: 0;padding: 0px;}
	body#home #col2 h4{margin:0px;color:#A5357D;font-weight:bold;}
	body#home #col2 ul li{list-style:none;background:none;padding:0px;}
	body#home #col2 ul li img{float:left;margin-right:10px;border:3px #cbd34c solid;}
	body#home #content ul li{list-style: none;list-style-position: inside;padding-left:20px;}
	#content ul a{color:#232323;font-size:1em;text-decoration:none;}
	#content ul a:hover{color:#9a307b;}
	#content hr{border:none;margin:1.5em 0;}
	* html #content hr{visibility:hidden;}
	*:first-child+html #content hr{visibility:hidden;}
	
	body#home #content #col1 img{border:5px #cbd34c solid;margin:0 0 1.5em 50px;}
	.block {height : auto; position : relative; margin-bottom : 40px; background : #cbd34c url(../img/left-top.gif) no-repeat;padding : 15px 40px 10px 20px;}
	.tr, .bl, .br {position : absolute;	width : 23px;height : 23px;  /* corner images are 40x40 */display : block;margin-bottom : -1px;  /* this is for IE */}
	.tr{background : transparent url(../img/right-top.gif) no-repeat; top : 0px; right : 0px;}
	.bl {  background : transparent url(../img/left-bottom.gif) no-repeat; bottom : 1px;left : 0px;}
	.br { background : transparent url(../img/right-bottom.gif) no-repeat; right : 0px; bottom : 1px;	}
	.block h2{color:#fff;text-align:right;word-spacing:5px;}
	#contact{margin-bottom: 25px;font-size:1.1em;}
	#contact li span{font-weight:bold;color:#fff;}
	#contact ul li {color:#333;}
	
	form {width: 335px;}
	label{font-weight:bold;}
	.col1 {text-align: left;width: 80px;height: 31px;margin: 0;float: left;margin-right: 2px;}
	.col2 {width: 195px;	height: 31px;display: block;float: left;margin: 0;}
	.col2comment {width: 195px;height: 98px;margin: 0;display: block;float: left;}
	.col1comment {text-align: left;	width: 80px;height: 98px;float: left;display: block;margin-right: 2px;}
	div.row {	clear: both;width: 335px;}
	.submit {clear:both;height: 29px;width: 330px;padding: 80px 0 0 130px;} 
	.input {	background-color: #F7EBF2;font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;color: #333;margin: 4px 0 5px 8px;padding: 1px;border: 1px solid #FFF;}
	.textarea:focus ,.input:focus{background-color:#A5357D;color:#FFF;}
	.textarea {border: 1px solid #FFF;background-color: #F7EBF2;font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;		color: #333;margin: 4px 0 5px 8px;}
	
#footer{font-size:0.9em;clear:both;margin:0 60px 0 0;padding:20px 0 0 0;text-align:right;}
	#footer	ul{list-style:none;margin:0;padding:0;}
	#footer	li{display:inline;margin-right:10px;}
	#footer span{margin-right:10px;}
	
/******* Layouts : Green version *******/
body#diet{background:#f2f4d2;}
	body#diet #logo{position:absolute;left:640px;top:0px;}
	body#diet #logo a{display:block;height:199px;width:227px;text-indent:-9999px;background : transparent url(../img/naama-club-house-logo-2.gif) top left no-repeat;}
	body#diet #navigation{padding:0;margin:0;list-style:none;display:block;height:41px;width:700px;background : #9a307b url(../img/nav-bg-green.gif) top left repeat-x;}
	body#diet #navigation li a{display:block;height:41px;float:left;}
	body#diet #forme {margin-left:20px;width:110px;text-indent:-9999px;background : transparent url(../img/forme.gif) 0px -123px no-repeat;}
	body#diet #forme:hover {background : transparent url(../img/forme.gif) 0px -41px no-repeat;}
	body#diet #bien-etre{width:169px;text-indent:-9999px;background : transparent url(../img/bien-etre.gif) 0px -123px no-repeat;}
	body#diet #bien-etre:hover{background : transparent url(../img/bien-etre.gif) 0px -41px no-repeat;}
	body#diet #detente{width:125px;text-indent:-9999px;background : transparent url(../img/detente.gif) 0px -123px no-repeat;}
	body#diet #detente:hover{background : transparent url(../img/detente.gif) 0px -41px no-repeat;}
	body#diet #dietetique{width:164px;text-indent:-9999px;background : transparent url(../img/dietetique.gif) 0px -82px no-repeat;}
	body#diet #dietetique:hover{background : transparent url(../img/dietetique.gif) 0px -82px no-repeat;}
	body#diet blockquote  { background:transparent url(../img/quote-green.gif) -8px -8px no-repeat;}
	
	body#diet h2{color:#932064;}
	body#diet h3{color:#C51882;}
	
	body#diet #col1{width:420px;float:left;padding-left:40px;}
	body#diet #col2{width:380px;margin-left:40px;float:left;padding-top:32px;}
	body#diet #col2 ul {margin: 0;padding: 0px;}
	body#diet #col2 h4{margin:0px;color:#A5357D;font-weight:bold;}
	body#diet #col2 ul li{list-style:none;background:none;padding:0px;}
	body#diet #col2 ul li img{float:left;margin-right:10px;border:3px #cbd34c solid;}
	
	body#diet #content #col1 img{border:5px #cbd34c solid;margin:0 0 1.5em 50px;}
	
/*** Layouts : Pages ******************************/
body#page {background:#A5357D url(../img/bg.gif) repeat-y;}
	body#page #content{width:88%;padding-left:25px;}
	body#page h3{margin-bottom:5px;margin-top:25px;}
	
.services {margin:0px;margin-left:25px;padding:0px;}
	.services li {list-style:none;background:none;float:left;margin-right:25px;}
	.services + h2 {clear:both;}
	
#slide {
	float:right;
	border:5px #cbd34c solid;
	width: 300px;
	height: 200px;
	margin-left : 25px;
}
.slide-image {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	width: 500px;
	height: 374px;
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat 
}

.clear{clear:both;}
.nomargin{margin-top:0px;}