@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	font-size:12px;
	color : #383637;
}	
img{
	border: 0;	
}
a {	
	color:#0095DA;	
}
/* menu*/
.nav .about a{
	background-image: url(../images/menu/about.gif);
	width: 60px;
}
.nav .membership a{
	background-image: url(../images/menu/membership.gif);
	width: 117px;
}
.nav .initiatives a{
	background-image: url(../images/menu/initiatives.gif);
	width: 88px;
}
.nav .events a{
	background-image: url(../images/menu/events.gif);
	width: 67px;
}
.nav .media a{
	background-image: url(../images/menu/media.gif);
	width: 54px;
}
.nav .contact a{
	background-image: url(../images/menu/contact.gif);
	width: 81px;
}

.nav, .nav ul {
	line-height:25px;
	list-style-position:outside;
	list-style-type:none;
	margin:50px 0 0 0;
	padding:0 0 0 40px;
	position:relative;
	float:right;
}
.nav li {	
	float:left;	
	position:relative;
	text-transform:uppercase;
	margin-left:17px;
	
}
.nav a:link, .nav a:active, .nav a:visited {
	color:#FFFFFF;
	
	text-decoration:none;	
}
.nav li a {
	display:block;
	height:11px;
	text-align:center;	
	background-position: left -10px;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.nav li a.active {
	background-position: left top !important;
}
.nav li a:hover {
	background-position: left top;
}
.oneColFixCtrHdr #bg_container{
	background-image:url(../images/bg2.gif); 
	background-repeat:no-repeat; 
	background-position:top right;
}
.oneColFixCtrHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background-color: transparent ; 
	/*padding: 0 10px 0 20px;*/ /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:290px;
	background-image: url(../images/little_rainbow.png);
	background-repeat:no-repeat;
	background-position: bottom center;
}
	.oneColFixCtrHdr #header #logotype {
		overflow:hidden;
		padding:52px 0 0 0;
	}
	.oneColFixCtrHdr #header h1 {
		margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		
		text-indent: -9999px;
		height:102px;
		width: 480px;
		background: transparent url(../images/logo.gif) no-repeat scroll;
		color: #FFFFFF;
	}
	.oneColFixCtrHdr #header #diaporama{
		float: right;	
	}
.oneColFixCtrHdr #top_content {
	text-align: right;	
	margin-top: 20px;
	margin-bottom: 55px;	
}
	.oneColFixCtrHdr #top_content a{
		color:#543019;	
		text-decoration:none;
		margin-left: 25px;
		padding-left: 25px;
		font-weight: bold;
		font-size: 12px;	
		border-left: 1px solid #543019;	
	}
	.oneColFixCtrHdr #top_content a.first{
		border-left: none;
	}
	.oneColFixCtrHdr #top_content a:hover{
		text-decoration:underline;
	}
.oneColFixCtrHdr #mainContent {
	/*padding: 0 20px;*/ /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	width: 650px;
	
}
	.oneColFixCtrHdr #mainContent.index {
		width: auto !important;	
	}
	.oneColFixCtrHdr #mainContent h2{
		color: #0095da;
		font-size:17px;
		text-transform:uppercase;
	}
	.oneColFixCtrHdr #mainContent h3{
		color: #543019;
		font-size:14px;
	}
	.oneColFixCtrHdr #mainContent h4{
		color: #543019;
		font-size:12px;
	}
.oneColFixCtrHdr #footer {
	clear:both;
	/*padding: 0 10px; */ /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: 1px solid #543019;
	font-size: 11px;
	padding: 0 0 20px 0;
}	
	.oneColFixCtrHdr #footer #footer_menu{
		float: right;		
	}
	.oneColFixCtrHdr #footer_menu a{
		display: block;
		float: left;
		color:#000000;	
		text-decoration:none;
		text-transform: uppercase;
		border-left: 1px solid #000000;
		padding: 0 10px;		
		/*font-variant:small-caps;*/		
	}
	.oneColFixCtrHdr #footer_menu a.first{
		border-left: none;
	}
	.oneColFixCtrHdr #footer_menu a:hover{
		text-decoration:underline;
	}
	.oneColFixCtrHdr #footer p {	
		clear: both;
		text-align: right;
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}
/***/
#social_find_us {
	clear: both;
	width: 144px;
	margin-top: 40px;
	float:right;
}
#social_find_us p{
	margin: 9px 3px;
	padding: 0;
	font-size: 12px;
	color: #543019;	
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

/**/
#tab{

}
.tab div, #tab div{
	float:left;	
	width: 232px;
	margin: 0 4px;
}
.tab h2, #tab h2{
	color: #543019 !important;
	font-size:15px !important; 
	text-transform:uppercase;
	margin-bottom: 2px;
}
.tab p, #tab p{
	font-size: 12px;
	margin: 0 0 1em;
}
#square_right{
	float:right; 
	width: 218px; 
	margin-left:65px;	

}
#square_right img{
	margin-bottom: 5px;
	/*border: 1px solid #63432E;*/
}

a.accord-discount{
	background: url(../images/pub/bouton-accor.gif) top center;
	display:block;
	margin: 0 0 10px 0;
	height:83px;
	text-align: center;
	text-indent: -9999px;
	width: 216px;
}

a:hover.accord-discount{
	background: url(../images/pub/bouton-accor.gif) bottom center;
}

/** formulaire **/
#mainContent  .form_payment h2{
	text-transform: uppercase;
	color: #0095da;
}
#mainContent .form_payment h3{
	text-transform: uppercase;
}
.nav_left a{
	color: #000000;
	text-indent: 0;
}

/* sous menu page */
.page_menu{
	height: 20px;	
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}
.page_menu li{
	float: left;
	padding:0 5px;
	/*margin-right:15px;*/
	border-left:1px solid;	
}

.page_menu li:first-child{
	border-left: none;
	padding-left: 0;
}
.page_menu a{
	 text-decoration: none;
}
.page_menu a.active{
	color: #543019;	
}
.page_menu a:hover{
	 text-decoration: underline;
}
.collapsible{
	display: none;
	margin: 0 0 50px 0;
}

.downloadIndex {
	padding:10px 10px 10px 55px;
	margin: 0pt 0pt 10px; 
	background-color: rgb(164, 186, 39);
	text-align:left;
	width:350px;
}
.downloadIndex a:hover {
	color:#543019;
}
.downloadIndex a {
	background:transparent url(/images/thumb_index_2009.gif) no-repeat scroll left top;
	color:#FFFFFF;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	height:60px;
	line-height:1em;
	padding:8px 0 0 90px;
	text-decoration:none;
	text-transform:uppercase;
}


.champserror{
  background-color: #EDD1D1 ;
}



.right{
	float: right;
	margin: 0 0 1em 1em;
}

.nav_database{
   
}
.nav_database li{
   
}

.note{
	font-size:11px;
	color:#666;
}