/* CSS Document */

/********************************** Tags HTML **********************************/
body, html {
	background-color:		 	#004892;
	margin: 					0px;
}

p, td {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	color: 						#616162;
}

h1 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					15pt;
	color: 						#ffb43f;
}

h2 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					12pt;
	color: 						#ffb43f;
}

h3 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	font-weight: 				bold;
	color: 						#ffb43f;
}

hr {
	background-color: 			#616161;
	border-width:				1px 0px 0px 0px;
	border-color:				#616161;
	border-style:				solid;
	width: 						100%;
	height: 					0px;
	margin-top: 				10px;
	margin-bottom:				10px;
}

a {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	color: 						#1b88a3;
	text-decoration:			none;
}

a:hover {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					10pt;
	color: 						#1b88a3;
	text-decoration:			underline;
}


/********************************** Tags IMPORTANT **********************************/
.png24 
{ 
	filter:expression(applyPNGFilter(this));
	position: relative;
}

/********************************** IDs -- Zones principales **********************************/
#wrap {
	width: 						800px;
	margin: 					auto;
}

#header {
	/*display:					block;*/
	background: 				#ffffff url(images/bg_header.jpg) no-repeat center top;
	width: 						800px;
	height: 					229px;
}

#menus_princ {
	/*display:					block;*/
	width:						129px;

}

#contents {
	width:						671px;
	background:		 			#ffffff;
}

#footer {
	background:					#ffb43f;
	width:						671px;
	height: 					22px;
	color: 						#021822;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					9pt;
}

#footer a		{color:#021822; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:none}
#footer a:hover	{color:#021822; font-family:Arial, Helvetica, sans-serif; font-size:9pt; text-decoration:underline}

/********************************** IDs **********************************/
/*#contenu img {
	border : 					1px solid #DEDEDE;
	padding:					2px;
}*/

#txt_header {
	color: 						#FFFFFF;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					18pt;
	font-weight:				bold;
	margin-left:				10px;
	margin-right:				10px;
}

#txt_contents {
	color: 						#000000;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					9pt;
	
}

#cadrePartenaires {
	height: 					380px;
	width: 						123px;
	border:						1px #dedede solid;
	position:					relative;
	overflow: 					hidden;
}

#sliderPartenaire
{
	position: 		relative;
	text-align: 	center;
}

img#btn_facebook
{
	width:38px;
	height:38px;
	background:url(images/btn_facebook.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_facebook.png',sizingMethod='scale');
}
img#btn_twitter
{
	width:38px;
	height:38px;
	background:url(images/btn_twitter.png) no-repeat top left !important;
	background:none;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_twitter.png',sizingMethod='scale');
}

/********************************** Classes **********************************/
.liens_menus_princ hr {
	background-color: 	#ffffff;
	border-width:		1px 0px 0px 0px;
	border-color:		#ffffff;
	border-style:		solid;
	width: 				100%;
	height: 			0px;
	margin-top: 		10px;
	margin-bottom:		10px;
}

.liens_menus_princ a { 
	color: 						#FFFFFF;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					9pt;
	text-align:					left;
	text-decoration:			none;
}

.liens_menus_princ a:hover { 
	color: 						#ffb43f;
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					9pt;
	text-align:					left;
	text-decoration:			none;
}

.img_no_border img{
	/*border : 					0px solid #ffffff;*/
	border-width:				0px;
	border-style:				none;
	border-color:				#ffffff;
	padding:					0px;
}

.calendrier a {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					12pt;
	font-weight:				bold;
	color: 						#ed1c24;
	text-decoration:			none;
}

.calendrier a:hover {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 					12pt;
	font-weight:				bold;
	color: 						#da541f;
	text-decoration:			none;
}

.tooltip
{
	border-bottom:1px dashed #616162;
	cursor:help;
}

/********************************** Facebook + Twitter **********************************/
div#contentFB-Twitter
{
	width:623px;
	margin:15px 0px;
}

div#contentFB-Twitter div#boxFacebook
{
	float:left;
	width:237px;
	padding-top:31px;
	background:url(images/facebook.png) no-repeat top left;
}

div#contentFB-Twitter div#boxTwitter
{
	float:left;
	width:366px;
	margin-left:20px;
	padding-top:31px;
	background:url(images/twitter.png) no-repeat top left;
}

div#contentFB-Twitter div#boxTwitter div.twitter_account a
{
	font-size:18pt;
	line-height:54px;
}

.twitter_container{
	width:260px;
	margin:0;
}
.twitter_status
{
	clear:both;
	padding:6px;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:50px;
	height:50px;
}
.twitter_posted_at{
 font-size:11px;
 padding-top:4px;
 color:#999;
}

.twitter_posted_at a { font-size:11px; }


/********************************** Inscription **********************************/
div.actJour
{
	background-color: #1C8FAB;
	color:#FFF;
	padding:5px;
	margin-top:5px;
}

div.bgPale { background:#e8f2f4; }
div.actActivite
{
	position:relative;
	width:480px;
	padding:10px 0px;
}
div.actActivite div.actCheck
{
	float:left;
	width:20px;
	padding:5px;
	text-align:center;
}
div.actActivite div.actNom
{
	float:left;
	width:440px;
	padding:5px;
	text-align:left;
	line-height:16px;
}
div.actActivite div.actDesc
{
	padding:5px;
}
div.actActivite div.actInfos
{
	position:absolute;
	bottom:10px;
	right:0px;
	padding:5px;
	text-align:right;
}
div.actActivite div.actInfos.prixTotal
{
	bottom:3px;
}

div.actActivite div.actNbPersGauche
{
	float:left;
	width:370px;
	padding-right:10px;
}
div.actActivite div.actNbPersDroite
{
	float:left;
	width:100px;
}
div.prixTotal
{
	font-size:16px;
	font-weight:bold;
}