* {margin:0;padding:0} 
body {color: #666;background:#666 url(../images/background.gif) top center repeat-y;text-align:center;font: 11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif}
#wrapper {width:736px;margin:0 auto;text-align:center}
#header {width:736px;height:400px;background: #FFF url(../images/header.gif) top left no-repeat;position:relative;text-align:left}
	body#guide #header {background:url(../images/header_guide.gif) top left no-repeat}
	body#calendrier #header {background:url(../images/header_calendrier.png) top left no-repeat}
	body#tarifs #header {background:url(../images/header_tarifs.gif) top left no-repeat}
	body#questions #header {background:url(../images/header_questions.gif) top left no-repeat}
	#header ul {float:left;width:736px;list-style:none}
	#header ul li {float:left}
	#header ul a {outline:none;color:#fff;float:left;display:block;text-indent:-5000em;width:120px;height:25px;  -webkit-transition-property: background-position;
  -webkit-transition-duration: .5s;-webkit-transition-timing-function: ease-in-out;}
		#header a#nav_home {background:url(../images/nav_home.gif) 0 0 no-repeat}
		#header a:hover#nav_home, body#home #header a#nav_home {background:url(../images/nav_home.gif) 0 -25px no-repeat}
		#header a#nav_guide {background:url(../images/nav_guide.gif) 0 0 no-repeat}
		#header a:hover#nav_guide, body#guide #header a#nav_guide {background:url(../images/nav_guide.gif) 0 -25px no-repeat}
		#header a#nav_calendrier {background:url(../images/nav_calendrier.gif) 0 0 no-repeat}
		#header a:hover#nav_calendrier, body#calendrier #header a#nav_calendrier {background:url(../images/nav_calendrier.gif) 0 -25px no-repeat}
		#header a#nav_tarifs {background:url(../images/nav_tarifs.gif) 0 0 no-repeat}
		#header a:hover#nav_blog, body#blog #header a#nav_blog{background:url(../images/nav_blog.gif) 0 -25px no-repeat}
		#header a#nav_blog {background:url(../images/nav_blog.gif) 0 0 no-repeat}
		#header a:hover#nav_tarifs, body#tarifs #header a#nav_tarifs {background:url(../images/nav_tarifs.gif) 0 -25px no-repeat}
		#header a#nav_questions {background:url(../images/nav_questions.gif) 0 0 no-repeat}
		#header a:hover#nav_questions, body#questions #header a#nav_questions {background:url(../images/nav_questions.gif) 0 -25px no-repeat}
	#header #logo a {position:absolute;top:275px;left:28px;background:url(../images/logo.gif) no-repeat;height:46px;width:206px;display:block;text-indent:-5000em}
#content {text-align:justify;background-color:white}
	a {text-decoration:none;font-weight:bold;color:#E3A23C}
	a.link {padding-left:20px;background:url(../images/arrow.gif) no-repeat;height:20px;line-height:13px;display:block}
	a:hover {color:#C1BD67}
	img, fieldset {border:none}
	.colwrapper {padding:0 20px 0 20px}
	body#questions .colwrapper p {margin:20px 0 10px 35px}
		.colwrapper ul, .colwrapper dl {line-height:150%;padding-left:35px}
		.colwrapper ul {padding-bottom:15px}
		.colwrapper ul ul {line-height:130%;padding-left:20px;padding-top:8px;text-align:left}
		.colwrapper ul li {list-style-type:none;padding:0 0 4px 12px;background:url(../images/list.gif) 0 6px no-repeat}
		.colwrapper dl dd {padding-bottom:12px}
		.colwrapper dl dd ul, .colwrapper table ul {padding:5px}
		.colwrapper dl dd ul li, .colwrapper table ul li {padding:0 0 1px 12px}
		.colwrapper dl dt {font-weight:bold;color:#C2BC72;padding:0 0 4px 22px;background:url(../images/calendar.gif) 0 0 no-repeat}
		#guide .colwrapper dl dt {padding:0 0 4px 0;background:none}
	h2 {font-size:16px;color:#C2BC72;padding:15px 0 10px 35px;font-weight:400}
	h2.tight {padding:4px 0 10px 35px}
	h1 {display:block;text-indent:-5000em}
		h1#title_lescours {width:118px;height:48px;background:url(../images/h1_lescours.gif)}
		h1#title_instructeur {width:215px;height:45px;background:url(../images/h1_instructeur.gif)}
		h1#title_guide {width:186px;height:42px;background:url(../images/h1_guide.gif)}
		h1#title_conseils {width:180px;height:41px;background:url(../images/h1_conseils.gif)}
		h1#title_calendrier {width:160px;height:42px;background:url(../images/h1_calendrier.gif)}
		h1#title_news {width:135px;height:42px;background:url(../images/h1_news.gif);margin-top:20px}
		h1#title_tarifs {width:119px;height:42px;background:url(../images/h1_tarifs.gif)}
		h1#title_questions {width:230px;height:42px;background:url(../images/h1_questions.gif)}
		h1#title_savoir {width:187px;height:42px;background:url(../images/h1_savoir.gif);margin-top:20px}
		h1#title_animatrices {width:210px;height:42px;background:url(../images/h1_animatrices.gif) no-repeat;margin-top:20px}
		h1#title_lestage {width:200px;height:42px;background:url(../images/h1_stage.gif) no-repeat;margin-top:20px}
		h1#title_faq {width:260px;height:48px;background:url(../images/h1_faq.gif) no-repeat;margin-top:20px}
		h1#title_bio {width:131px;height:42px;background:url(../images/h1_bio.gif) no-repeat;margin:30px 0 0 17px}
		h1#title_anasuraweekend {width:250px;height:42px;background:url(../images/h1_anasuraweekend.gif) no-repeat;margin:30px 0 0 0}
	.col1 {float:left;width:48%}
	.col2 {float:right;width:48%}
	
	#blog .col1 {width:60%;line-height:170%}
	#blog .col2 {width:35%;border-left:1px dotted #ccc;padding-left:10px}
	#blog .col2 ul ul li {padding:2px 0;line-height:20px;height:20px;border-bottom:1px dotted #ccc}
	#blog .col2 ul ul li a {display:block;background-color:#fafafa;text-indent:5px}
	#blog .col2 ul ul li a:hover {background-color:#C1BD67;color:white}
	#blog .colwrapper ul li {list-style-type:none;padding:0;background:none}
	#blog h2, #blog .col1 p, #blog .col2 p, #blog .col2 ul {padding-left:0}
	#blog p.date {font-weight:bold;color:#C2BC72;padding:0 0 4px 22px;background:url(../images/calendar.gif) 0 0 no-repeat}
	#blog p.postmetadata {padding:4px;background-color:#E4EEDF;border-top:1px solid #ccc}
	#blog .entry, #blog .post {padding-bottom:20px}
	#blog h2 {padding-top:0}
	#blog .widecolumn {padding:20px;line-height:160%}
 	#blog ol {padding:10px 0 10px 20px}
	#blog .widecolumn p {padding-bottom:10px}
	small {font-size:10px}
	#blog .navigation {padding:2px 0;margin:10px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc}
	#blog .navigation span {padding-left:10px}
	#blog form {margin-left:0}
	#blog form label {margin-top:0}
	#blog form textarea {width:290px}
	#blog .entry img.alignleft {float:left;margin-right:10px;padding:5px;border:1px solid #ccc} 
	#blog .entry blockquote {margin:20px 0 20px 20px;padding:0 0 0 8px;border-left:3px solid #ddd}
	#blog .entry  blockquote cite {margin: 5px 0 0;display: block}
	#blog .wp-caption p.wp-caption-text {font-size: 10px;line-height: 15px;padding:0 0 4px 0;margin: 0;color:#999}
	#blog .wp-caption {text-align:center;margin:15px auto;display:block}
	#blog .wp-caption  img {padding:5px;border:1px solid #ccc}
	
		.col2 p, .col1 p {line-height:150%;padding:4px 0 4px 35px}
		.col1 p.notice, .col2 p.notice {background:#fcf6dd;color:#514721;border: 1px solid #FFD324;padding:10px;margin:10px 0 10px 35px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:auto;text-align:left}
		p.notice strong {display:block;padding-bottom:5px}
		p.notice img {float:left;padding:0 10px 0 0}
		body#home .col2 p {padding-left:45px}
		body#home .col2 p.notice {padding-left:10px}
		body#home .col2 ul, body#home .col2 h2 {padding-left:0}
		body#guide .col1 img {margin-top:85px}
		body#calendrier .col2 img {margin:20px 0}
		body#guide .col1 img.thumb {margin:0 0 5px 5px;float:right}
		body#tarifs .col2 img, body#guide .col2 img  {margin:40px 0}
		img.centered {margin:0 auto;display:block;text-align:center}
	.separation {clear:both;height:75px;background:url(/images/clear.gif)}
	.clear {clear:both;height:20px}
	table {border-collapse:collapse;margin:0 0 0 35px;font: 11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif}
	table td, table th {padding:5px;text-align:left;border:1px solid #ccc;vertical-align:top}
	table th.price {width:50px}
	.enhancedtable th {background-color:#999;color:white}
	.enhancedtablecolouredrow{background-color:#D6E3EA}
	.enhancedtablerowhover{background-color:#999;color:white}
	.enhancedtableactive{background-color:white}
	form {padding:0 0 10px 0;margin:0 0 20px 20px;width:660px}
		label {display:block;padding-bottom:2px;margin-top:15px}
		label.obligatoire {background:url(../images/obligatoire.gif) 0 50% no-repeat;padding-left:15px}
		input, textarea, label {font: 11px "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#777;padding:2px}
		input {width:290px;border:1px solid #CCC;background-color:#FCF6DD}
		form div {float:left;width:45%;padding-left:15px}
		textarea {display:block;width:600px;border:1px solid #CCC;background-color:#FCF6DD}
		input#button {width:80px;height:20px;border:none;margin-top:10px;background-color:white;padding:0}
	
#footer {width:736px;height:105px;background:url(../images/footer.gif) top left no-repeat;clear:both;position:relative;text-align:left}
	#footer ul {position:absolute;top:12px;left:500px;list-style:none}
	#footer ul li {color:#dedede;line-height:150%}
	#footer p {position:absolute;top:86px;left:15px}
	#footer p a {color:#B54F45;padding-left:22px;background:url(../images/design.gif) top left no-repeat}
	#footer p a:hover {color:white}