/*
Theme Name: h5-IDN
Theme URI: http://www.okam.ca/
Description: HTML5 based theme
Version: 1.0
Author: OKam
Author URI: http://www.okam.ca/
Tags: minimalist, template, cms, html5
*/


/******************** Custom Baseline ********************/
body, input, textarea {font-family:helvetica, arial, sans-serif;font-size:12px;line-height:140%;}
h1{font-size:180%;margin:1em 0;line-height:120%;}
h2{font-size:150%;margin:1em 0;line-height:120%;}
h3{font-size:140%;margin:1em 0;line-height:120%;}
h4{font-size:130%;margin:1em 0;line-height:120%;}
h5{font-size:120%;margin:1em 0;line-height:120%;}
h6{font-size:110%;margin:1em 0;line-height:120%;}

nav ul, nav ol, nav li {list-style:none;margin:0;padding:0;}
form {margin:0;padding:0;}
p {text-align:justify;margin:.6em 0;}
sup {line-height:90%;}


input.greyed {color:#aaa;}

/* wordpress styles */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* IDN : ALL*/
body {padding:0;margin:0;color:#222;}

a:link {color:#489B00;text-decoration:none;}
a:visited {color:#489B00;text-decoration:none;}
a:hover {color:#94CC40;text-decoration:underline;}

header,footer,section,article,aside,nav {display:block;}

note {background-color:#ff0;}

div#page {margin:0 auto;width:940px;background: url('images/colonne-coin.jpg') no-repeat scroll top right;}
div#page {position:relative;}

header {padding:20px 0 20px 0;}

header form {position:absolute;right:0px;top:13px;z-index:2;}
header form label {display:none;}

header h2, header h3 {margin:0;padding:0;}

header h2 {display:block;left:20px;position:absolute;}
header h2 a {display:block;background: url('images/idn_02.png') no-repeat scroll top left;width: 130px;height: 103px;overflow:hidden;text-indent:-2000em;}
header h3 {font-size:120%;position:absolute;top:70px;display:block;margin-left:270px;width:340px;text-align:center;font-weight:normal;}
header h3 strong {font-size:150%;}

nav#utilities {position:absolute;right:235px;top:15px;}
nav#utilities * {padding:0;margin:0;}
nav#utilities li {display:block;float:left;margin-left:10px;}


nav#main-nav {clear:both;margin-top:105px;padding-left:22px;height:82px;background: url('images/idn_18.png') no-repeat scroll bottom left;}
nav#main-nav li  {text-align:center;display:block;float:left;padding:0;margin:0;}
nav#main-nav li a, nav#main-nav li a:visited {display:block;width:100%;height:100%;padding:0;margin:0;}
	/* ie6 fix */ * html nav#main-nav {height:83px;}

nav#main-nav .page_item a, nav#main-nav .page_item a:visited {text-decoration:none;margin:0;padding:0;font-size:13px;text-align:center;color:#222;background:url('images/tabs_off.jpg') no-repeat top left;}

nav#main-nav .page_item a:hover, nav#main-nav .current_page_item a, nav#main-nav .current_page_item a:visited {text-decoration:none;color:#fff;background:url('images/tabs_on.jpg') no-repeat top left;text-decoration:none;}
nav#main-nav .page_item a strong {font-weight:bold;color:#83B33A;}
nav#main-nav .page_item a:hover strong, nav#main-nav .current_page_item a strong, nav#main-nav .current_page_item a:visited strong {color:#fff;}
	nav#main-nav .page-item-1 a, nav#main-nav .page-item-1 a:visited {padding:10px 5px 10px 5px;width:120px;}
	nav#main-nav .page-item-2 a, nav#main-nav .page-item-2 a:visited {padding:10px 5px 10px 5px;width:120px;}
	nav#main-nav .page-item-3 a, nav#main-nav .page-item-3 a:visited {padding:2px 5px;width:140px;}
	nav#main-nav .page-item-4 a, nav#main-nav .page-item-4 a:visited {padding:10px 5px 10px 5px;width:105px;}
	nav#main-nav .page-item-5 a, nav#main-nav .page-item-5 a:visited {padding:2px 5px;width:95px;}
	nav#main-nav .page-item-6 a, nav#main-nav .page-item-6 a:visited {padding:2px 5px;width:120px;}

section#breadcrumb {font-size:10px;clear:both;float:none;margin-top:-28px;padding:3px 0 3px 30px;}

section#main {clear:both;margin:20px;}
section#main .left {width:235px;float:left;}
section#main .right {margin-left:240px;}

section#main h1 a,section#main h1 a:visited {color:#222;}


/* boutons d'action */
nav#call-action {margin:15px 0;height:100px;position:relative;} 
nav#call-action a {position:absolute;text-align:center;vertical-align:middle;}

	
	#call-action-1, #call-action-1:visited {text-decoration:none;font-weight:normal;background: url('images/bouton-evaluation-over.jpg') no-repeat scroll top left;padding:12px 20px 0 65px;width: 111px;height: 66px;color:#fff;font-size:14px;text-transform:uppercase;font-size:13px;}
	#call-action-1:hover {text-decoration:none;text-decoration:none;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
	.right #call-action-1 {margin-left:380px}

	#call-action-2, #call-action-2:visited {color:#77B832;background: url('images/icon-share.png') no-repeat scroll top left;height: 19px;position:absolute;padding:4px 0 0 24px;left:372px;top:80px;font-weight:normal;}

	#form_cou, #form_cou:visited {margin-left:80px;float:left;background: url('images/bouton-cou-on.jpg') no-repeat scroll top left;width: 96px;height: 71px;padding:12px 10px 0 85px;display:block;color:#fff;text-transform:uppercase;font-size:13px;}
	#form_cou:hover {text-decoration:none;z-index:5;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
	
	#form_dos, #form_dos:visited {margin-left:320px;background: url('images/bouton-dos-on.jpg') no-repeat scroll top left;width: 96px;height: 71px;padding:12px 10px 0 85px;display:block;color:#fff;text-transform:uppercase;font-size:13px;}
	#form_dos:hover {text-decoration:none;z-index:5;text-decoration:none;opacity: 0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}

	#form_cou span, #form_dos span {font-weight:normal;font-size:11px;}
	#demotip { display:none; background:transparent url('images/black_arrow.png'); font-size:12px; height:80px; width:170px; padding:15px 20px 25px 20px; color:#fff; }
		/* ie6 hack */ * html #demotip {height:97px;padding:13px 20px 15px 20px;background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/H5_IDN/images/black_arrow.png', sizingMethod='scale');}

#newsletter {padding: 0 20px;position:absolute;left:0;width:270px;background: url('images/newsletter-bg.png') repeat-x scroll top left;height: 99px;}
#newsletter form, #newsletter ol, #newsletter li, #newsletter p {padding:0;margin:0;height:auto;}
#newsletter h3 {background: url('images/newsletter-icon.png') no-repeat scroll top left;height: 34px;padding-left:40px;color:#83B33A;margin:10px 0;text-transform:uppercase;font-size:13px;}
#newsletter label, #newsletter fieldset {display:none;}
#newsletter .cf-sb {position:absolute;top:55px; right:20px;}
#newsletter .cf-ol input {width:180px;}

section#grey {margin-top:0px;clear:both;background:#eee;}
section#grey .container {margin:0 auto;width:960px;}
section#grey .left {padding:20px;width:42.5%;float:left;}
section#grey .right {padding:20px;width:42.5%;margin-left:47.5%;}
section#grey h1, section#grey h2 {margin:0 0 1em 0;}

.clear {clear:both;float:none;}

footer {clear:both;text-align:center;padding:5px;font-size:10px;}
	footer p {text-align:center;padding:10px;margin:0;}



/* Navigation */
#content-nav {}
#content-nav h4 {margin:0 0 0 1px;width:165px;text-transform:uppercase;font-size:11px;color:#fff;text-align:center;padding:6px 4px 10px 0;background:url('images/menu_entete.png') no-repeat scroll top left}
#content-nav h4 a,#content-nav h4 a:hover {text-decoration:none;color:#fff;background:none}
#content-nav ul {margin:-10px 0 20px 0;padding:7px 0 5px 0;width:225px;list-style:none;background:#f2f2f2;}
#content-nav li {list-style:none;padding:3px 0}
#content-nav li a {display:block;padding:3px 20px 3px 10px;margin-left:15px;border-left:5px solid #ccc;background:url('images/menu_arrow.png') no-repeat scroll  190px;text-align:right;font-weight:normal;color:#616264;font-size:11px}
#content-nav .selected_page_side {display:block;padding:3px 20px 3px 0;margin-left:15px;border-left:5px solid #83B33A;background:url('images/menu_arrow.png') no-repeat scroll  190px;text-align:right;font-weight:normal;color:#616264;font-size:11px}
#content-nav li a:hover {border-left:5px solid #83B33A}


/* pages without nav */
section#main .left p {margin:0 10px 10px 10px;font-size:11px;width:210px;}


/* default template */
.page-template-default h1 {margin:0;}
article header {padding:0;}

.page-template-page-without-nav-php object {float:left;}


/* Accueil */
.page-template-page-with-nav-php object, .home object {float:right;margin-left:1em;}
.home #main .right h1,.home #main .right h2 {margin:0 0 .5em 0;}


/* cforms hack */
.linklove {display:none;}
.cf_hidden {display:none;}


/* cforms ultra-minimalist style par sm */
fieldset, form, label, legend { margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; }

	fieldset { margin: 50px 0 1.5em 0; padding: 1.4em; }
	legend { padding: 0 .4em; font-size:1.2em;  }

	.cf-ol li {list-style-type:none;padding:5px;}
	.cf-sb {text-align:center}
	.cf-box-title {font-weight:bold;margin-top:10px;}

	.cf-box-group {padding-top:0;}
	.cf-box-group label {display:inline;float:none;font-weight:normal;}
	.cf-box-group input {}

	label { display:block; font-weight:bold; float:left; width:17em; margin-right:1em; text-align:left;  cursor:hand; }
	input[type="checkbox"] ,input[type="radio"] { margin-bottom:7px; }	

	/* cforms hack */
	.linklove {display:none;}
	.cf_hidden {display:none;}
	
	.cf_li_text_err {color:#f00;padding:1em 0;text-align:center;}
	.cf_info, waiting {padding:1em 0;text-align:center;}	
	
	.reqtxt {margin-left:1em;color:#f00;}
	.emailreqtxt {margin-left:1em;}
	
	
	.cf-after {font-weight:normal;}