/*
Theme Name: IHR
Theme URI: http://www.paquindesign.com
Description: Thème développé pour IHR
Version: 1.0
Author: Paquin design
Author URI: http://www.paquindesign.com

*/ 
@charset "UTF-8";

html, body {
	background:			#1d1c1a url(img/bgrx.jpg) repeat-x;	
	height:				100%;
	font-size:			0.85em;
	line-height:		1.8em;
	font-family:		Georgia, Times new roman, Helvetica, Arial;
}

#ctn {
	background:			url(img/bgr.jpg) no-repeat;
	height:				auto !important;
	height:				100%; 
	min-height:			100%;	
	text-align:			center;
}

#wrap {
	width:				823px;
	margin:				0 auto;
	text-align:			left;
}

#top {
	height:				104px;
	position:			relative;
}

#top ul {
	position:			absolute;
	right:				8px;
	bottom:				8px;
}

#header #topnav li,
#top li {
	display:			inline;
	float:				left;	
}

#header #topnav li a,
#top li a {
	display:			block;
	float:				left;	
	padding:			3px 9px;
	color:				#787c6f;
	text-decoration:	none;
	background:			url(img/langnavsep.gif) 0px 7px no-repeat;
	font-size:			0.9em;
	letter-spacing:		0.05em;
}

#top li:first-child a {
	background:			none;
}

#header {
	height:				205px;
	position:			relative;
	z-index:			100;
}

#header #logoihr {
	position:			absolute;
	background:			url(img/logo2012.png) no-repeat;	
	width:				500px;
	height:				122px;
	top:				0px;
	right:				0px;
}

#header #hdsubpart {
	height:				134px;
	position:			relative;
	margin-bottom:		14px;
}

#header #hdsubpart a#logo {
	position:			absolute;
	top:				0;
	right:				0;
	width:				130px;
	height:				134px;	
	display:			block;
}

#header #hdsubpart a#logotype {
	position:			absolute;
	top:				40px;
	right:				130px;
	width:				385px;
	height:				55px;	
	display:			block;
}

#header #topnav {
	padding-top:		6px;	
	padding-left:		10px;
}

#header #topnav li a {
	background:			url(img/navtopsep.gif) 0px 8px no-repeat;
	padding:			3px 8px;
	color:				#83c4c0;
}

#header #topnav li:first-child a {
	background:			none;
}

/* Navigation Principale ---------------------------------- */

div#navBar {
	width:				813px;
	height:				53px;
	margin-left:		4px;
	background:			url(img/navbgr.png);
	z-index:			100;
}

div#nav {
	width:				813px;
	position:			absolute;
	left:				7px;
	z-index:			100;
}

div#nav ul {
	position:			relative;
	z-index:			100;
}

div#nav li ul {
	position:			absolute;
	top:				52px;
	left:				0;
	background:			#262825;
	padding:			0px 0px 0px;
	display:			none;
	border:				solid #3b403e 5px;
	border-top:			3px;
	z-index:			100;
}

div#nav li li ul {
	position:			absolute;
	top:				-0px;
	left:				0;
	z-index:			100;
}

div#nav li {
	display:			inline;
	float:				left;
	position:			relative;
	white-space:		nowrap;
}

div#nav li ul li {
	float:				none;
	display:			block;
	width:				auto;
}

div#nav li a {
	color:				#67bacb;	
	text-decoration:	none;	
	text-transform:		uppercase;
	padding:			0 16px;
	font-family:		"Myriad Pro", "Trebuchet Sans MS", Arial;
	font-size:			1em;
	height:				53px;
	line-height:		53px;
	padding-top:		20px;
	*padding-top:		0;
	display:			block;
	float:				left;
	position:			relative;
}

div#nav li ul a {
	float:				none;
	height:				30px;
	line-height:		30px;
	*height:			40px; *line-height:			40px;
	padding:			20px 24px 0 24px;
	*padding:			0px 24px 0 24px;
	z-index:			100;
	display:			block;
}

div#nav li ul li:last-child a {
	
}

div#nav li ul {
	width:				220px;
}

div#nav li ul ul {
	width:				auto;
}

div#nav li ul ul {
	left:				220px;
}

div#nav li a.firstlevel {
	margin-right:		2px;	
}

div#nav li a.firstlevel:hover,
div#nav li.hover a.firstlevel,
div#nav li.current_page_ancestor a.firstlevel,
div#nav li.current_page_item a.firstlevel {
	background:			url(img/navbgr_hover.gif) repeat-x;	
	color:				#67bacb;
}

div#nav li li a.hover,
div#nav li li ul {
	background:			#3b403e;	
}


span.navright,
span.navleft {
	position:			absolute;
	top:				0;
	display:			none;
	width:				6px;
	height:				53px;
}

div#nav li a.firstlevel span.navright {
	right:				-2px;
	background:			url(img/navbgr_hover_r.gif) no-repeat;
}

div#nav li a.firstlevel span.navleft {
	left:				0;
	background:			url(img/navbgr_hover_l.gif) no-repeat;
}

div#nav li.hover span.navleft,
div#nav li.hover span.navright,
div#nav li.current_page_ancestor a.firstlevel span.navleft,
div#nav li.current_page_ancestor a.firstlevel span.navright,
div#nav li.current_page_item a.firstlevel span.navleft,
div#nav li.current_page_item a.firstlevel span.navright {
	display:			block
}


div#nav a:hover,
div#nav li li.current_page_item a.scdlevel,
div#nav li li.current_page_parent a.scdlevel,
div#nav li li li.current_page_item a {
	color:				#a9cba0;	
}

div#nav li.current_page_ancestor a {
}

.page-item-91 ul,
.page-item-218 ul {
	visibility:hidden;	
	display:	none;
	width:1px;
	overflow:hidden;
}

/* Zone contenu ---------------------------------------- */

#area {
	margin:				8px 0 40px;
	position:			relative;
	z-index:			1;
}

#cont_top {
	height:				9px;
	background:			url(img/cont_top.png);
	position:			relative;
	z-index:			1;
}

#cont_center {
	background:			url(img/cont_center.png) repeat-y;
	padding:			54px 100px 60px 100px;
	position:			relative;
	z-index:			1;
	*height:			1%;
	min-height:600px;
	height:auto !important;
	height:600px;
	font-size:			1.2em;
	line-height:		1.5em;
	color:				#bbb;
}

#cont_bottom {
	height:				9px;
	background:			url(img/cont_bottom.png);	
}

/* Mise en page ----------------------------------------- */

.tiers {
	width:				233px;
	float:				left;
	margin-right:		10px;
}

.deuxtiers {
	width:				380px;
	float:				left;	
}

.moitie1, .moitie2 {
	float:				left;
	width:				305px;
}

.moitie1 {
	margin-right:		13px;
}



/* Zone contenu (Spécifique) ---------------------------- */
#cont_center.pres01 {
	padding:			54px 33px 60px 325px; /* 370 */
	z-index:			5;
	position:			relative;
}

img.presImg {
	position:			absolute;
	top:				0px;
	left:				10px;	
	z-index:			3;
}

div.cont {
	position:			relative;
	z-index:			4;	
}

/* Espaces */

.espaces {
	margin-bottom:		40px;	
}

/* Crochets (sprite) ------------------------------------ */

.cr_tl, .cr_bl, .cr_tr, .cr_br {
	width:				7px;
	height:				7px;
	position:			absolute;	
	background:			url(img/cr.gif);
	overflow:			hidden;
}

.cr_tl {
	background-position:	0px 0px;	
	top:					0;
	left:					0;
}

.cr_bl {
	background-position:	0px 7px;	
	bottom:					0;
	left:					0;
}

.cr_tr {
	background-position:	7px 0px;	
	top:					0;
	right:					0;
}

.cr_br {
	background-position:	7px 7px;	
	bottom:					0;
	right:					0;
}

.cr_tl.navcr,
.cr_tr.navcr  {
	top:					143px;	
}



/* Fil d'ariane ----------------------------------------- */

div#ariane {
	position:				absolute;
	top:					8px;
	right:					20px;
	z-index:				100;	
}

div#ariane li {
	display:				inline;
	float:					left;
}

div#ariane li a {
	background:				url(img/backw.gif) no-repeat 6px 8px;	
	padding:				0 8px 0 20px;
	display:				block;
	color:					#999;
	font-size:				0.95em;	
	float:					left;
}

div#ariane li:first-child a {
	
}

/* Footer ----------------------------------------------- */

#footer {
	margin:					20px 0 100px;
	font-size:				0.8em;
	color:					#666;
	text-align:				right;	
}

/* Mise en forme ---------------------------------------- */

h1 {
	font-size:			1.7em;
	font-weight:		normal;
	text-transform:		uppercase;
	margin:				10px 0;
	letter-spacing:		0.05em;
	color:				#9e9c95; /* #B7BDA9 */
}

h2 {
	font-size:			1.3em;
	letter-spacing:		0.05em;
	margin:				26px 0 12px;
	color:				#9e9c95;
}

h3 {
	font-size:			1.1em;
	letter-spacing:		0.05em;
	margin:				26px 0 12px;
	color:				#ddd;
}

a {
	color: 				#74c6d5; 
	text-decoration: 	none; 
}

a:hover {				color: #83d6e7; 
}


p {
	margin:				10px 0 20px;	
}


table td {
	padding:			8px 16px;	
}

body, td {
	color:				#a1a1a1;	
}

table td h2 {
	margin:0;
}

ol li,
.cont ul li {
	margin-bottom:			3px;
}

.cont ul li {
	padding-left:			20px;	
	margin-bottom:			3px;
	background:				url(img/puce.gif) 6px 8px no-repeat;	
}

ol li {
	list-style-type:		decimal;
	margin-left:			20px;	
}

.cont ul li {
	list-style-type:		none;
}

.alignleft,
.alignright,
.ngg-left,
.ngg-right {
	margin:					13px;	
}

.alignleft, .ngg-left {
	float:					left;	
	margin-left:			0;
}

.alignright, .ngg-right {
	float:					right;
	margin-right:			0;
}

.alignleft p {
	font-size:				0.8em;
	color:					#555;
}


blockquote {
	background:				#222;
	padding:				1px 12px;
	margin:					20px -12px;
}
strong {
	/*color:				#eee;*/
}	



/* Clearfix */
.clearfix:after, form p:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Contact --------------------------------------- */

input, textarea {
	width:					195px;
	font-size:				1em;
	line-height:			1.4em;
	color:					#fff;
	font-family:			Georgia, Times new roman, Helvetica, Arial;
	padding:				2px 6px;
	border:					dotted #555 1px;
	background:				#222;
}

label {
	float:					left;
	margin-right:			12px;
	width:					80px;
}

textarea {
	height:					100px;
}


/* Fun avec du CSS3 */

input[type=submit] {
	width:					auto;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .3em 1em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

input[type=submit]:hover {
	text-decoration: none;
}
input[type=submit]:active {
	position: relative;
	top: 1px;
}


.gris {
	color: 		#67bacb;
	border: solid 1px #555;
	background: #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));
	background: -moz-linear-gradient(top,  #222,  #333);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333');
}
.gris:hover {
	color:		#a9cba0;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
	background: -moz-linear-gradient(top,  #222,  #111);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111');
}
.gris:active {
	color:		#333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#222));
	background: -moz-linear-gradient(top,  #222,  #111);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222');
}

.wpcf7-not-valid-tip-no-ajax, wpcf7-validation-errors {
	color:			#990000;
}

.wpcf7-mail-sent-ok {
	color:			#66CC66;
}

/* SPECIFIQUES --------------------------------------- */

/* Donateurs */
#pg104 table td:nth-child(even),
#pg116 table td:nth-child(even) {
	text-align:			right;
}

/* Devenir membre */
#prix {
	font-size:			3em;
	line-height:		1em;
}



/* gallery */
.ngg-gallery-thumbnail-box {
	float:				left;
}