/*
==============================

Copyright 2008 Saving Business
css.css

==============================
*/


/*
==============================
	GENERAL
==============================
*/
body, html
{
	margin: 0;
	padding: 0;
	height: 100%;
}
body
{
	background-color:#FFFFFF;
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
img
{
	border:0px;
}
p
{
	margin:1px;
	padding:1px;
}




/*
==============================
	STRUCTURE
==============================
*/
div#loading
{
	height:0px;
	visibility:hidden;
}
div#page
{
	width: 100%;
	height: 100%;
	position: relative;
    min-height: 100%

}
div#top
{
	width:100%;
	height:35px;
	padding-top:12px;
	background:url( 'images/top_bg.gif' ) repeat-x;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
div#header_bg
{
	width:100%;
	height:230px;
	background:url( 'images/header_bg.gif' ) repeat-x;
}
div#header
{
	width:900px;
	height:45px;
	margin:0px auto;
	background:url( 'images/header.jpg' ) no-repeat;
	text-align:right;
	color:#FFFFFF;
	font-size:13px;
	padding-top:170px;
	padding-right:40px;
}
div#menu
{
	width:870px;
	height:40px;
	margin:0px auto;
	position:relative;
	top:-10px;
}
div#body
{
	width:880px;
	height:auto;
	margin:0px auto;
	padding:10px;
}
div#navigation
{
	margin-bottom:20px;
}
div#gauche
{
	float:left;
	width:228px;
	margin-right:70px;
	height:auto;
}
div#milieu
{
	float:left;
	width:580px;
}
div#milieu_blocs
{
	height:175px;
	margin-bottom:25px;
}
div#content
{
	width:580px;
	height:auto;
}
div#content_top
{
	width:580px;
	font-size:14px;
	font-weight:bold;
	color:#336666;
	border-bottom:2px solid #99ccff;
	margin-bottom:5px;
}
div#footer
{
	width:870px;
	height:36px;
	clear:both;
	background:url( 'images/footer_bg.png' ) repeat-x;
	padding:0px 5px;
}
div#footer_bg
{
	width:870px;
	padding-top:10px;
	color:#FFFFFF;
	margin:0px auto;
}
div#calendrier
{
	height:140px;
}
div#event
{
	height:80px;
}
div#calLoading
{
	padding-top:50px;
	text-align:center;
	width:228px;
}
div#eventLoading
{
	text-align:center;
	width:228px;
}
div#partner_left
{
	position:absolute;
	left:20px;
	top:280px;
}
div#partner_right
{
	position:absolute;
	right:20px;
	top:280px;
}



/*
==============================
	BLOCS
==============================
*/
div.bloc_top
{
	width:228px;
	font-size:14px;
	font-weight:bold;
	color:#336666;
	border-bottom:2px solid #99ccff;
	margin:5px 0px;
}
div.bloc
{
	width:228px;
	margin-bottom:20px;
	float:left;
}
div.bloc_top_obj
{
	width:580px;
	font-size:14px;
	font-weight:bold;
	color:#336666;
	border-bottom:2px solid #99ccff;
	margin-bottom:5px;
}
div.bloc_obj
{
	width:580px;
	margin-bottom:20px;
	float:left;
	height:170px;
}




/*
==============================
	LIENS
==============================
*/
a
{
	color:#0099CC;
	text-decoration:none;
}
a:hover
{
	color:#666666;
	text-decoration:underline;
}
div#menu a
{
	display:block;
	float:left;
	width:140px;
	height:30px;
	padding-top:10px;
	background:url( 'images/menu_off.png' ) no-repeat;
	margin-right:2px;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	color:#336666;
}
div#menu a:hover
{
	color:#666666;
	background:url( 'images/menu_on.png' ) no-repeat;
}
div#menu a.onglet
{
	color:#666666;
	background:url( 'images/menu_on.png' ) no-repeat;
}
div#footer a
{
	color:#FFFFFF;
}
a.carte
{
	display:block;
	height:20px;
	padding:3px 0px 0px 35px;
	background:url( '../img/icons/map.jpg' ) no-repeat;
}
a.carte:hover
{
	text-decoration:none;
}
table.bloc_media a
{
	color:#333333;
}
table.categories a
{
	color:#333333;
	cursor:pointer;
}
a.palmares
{
	display:block;
	height:25px;
	width:120px;
	font-size:14px;
	padding:15px 0px 0px 20px;
	background:url( '../img/icons/coupe.png' ) no-repeat;
}




/*
==============================
	CLASSES
==============================
*/
span.cheminFer
{
	font-size:7px;
	color:#0099CC;
}
div.partie
{
	margin:20px 0px 10px 0px;
	height:15px;
	color:#999999;
	border-bottom:1px solid #CCCCCC;
	text-align:right;
}
div.news
{
	width:560px;
	border:1px solid #DDDDDD;
	margin:10px 0px;
	padding:10px;
}
div.news_titre
{
	font-weight:bold;
	font-size:12px;
	color:#666666;
}
div.news_com
{
	text-align:right;
	font-style:italic;
	color:#0066CC;
}
table.liste
{
	border-collapse:collapse;
	border:1px solid #e6e6e6;
}
table.liste tr.titre
{
	background:url( 'images/table_top.gif' ) repeat-x;
	font-weight:bold;
	color:#666666;
	border-bottom:1px solid #e6e6e6;
}
table.liste td
{
	height:25px;
}
table.bloc_media
{
	text-align:center;
	width:193px;
	height:150px;
	padding:2px;
}

div.okMessage
{
	margin:0px auto;
	margin-bottom:10px;
	padding:10px 3px 10px 35px;
	border:1px solid #325408;
	color:#000000;
	width:auto;
	background:#d6e4c5 url( 'images/accept.gif' ) no-repeat 5px 5px;
	font-weight: bold;
}
div.badMessage
{
	margin:0px auto;
	margin-bottom:10px;
	padding:10px 3px 10px 35px;
	border:1px solid #FD9999;
	color:#000000;
	width:auto;
	background:#FEDADA url( 'images/stop.gif' ) no-repeat 5px 5px;
	font-weight: bold;
}
table.listeMedia
{
	border-bottom:1px solid #CCCCCC;
	padding:5px;
	margin:20px 0px;
	height:150px;
}
table.listeMedia td.nomMedia
{
	font-size:13px;
	color:#666666;
	width:380px;
}



/*
==============================
	CALENDRIER
==============================
*/
table.calendarStyle
{
	width:210px;
	border:1px solid #e6e6e6;
	border-collapse:separate;
}
table.calendarStyle td
{
	text-align:center;
}
table.calendarStyle td.choixEvent
{
	background-color:#d7f8ff;
}
table.calendarStyle td.choixEvent:hover
{
	background-color:#CCCCCC;
}
table.calendarTop
{
	width:210px;
	background-color:#d7f8ff;
}




/*
==============================
	FORMULAIRE
==============================
*/
div.formulaire
{
	margin:20px;
}
label
{
	display:block;
	float:left;
	width:130px;
	font-weight:bold;
	color:#666666;
	padding-top:5px;
}
input
{
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	font-size:12px;
	border:1px solid #abc6dd;
}
input:hover
{
	background-color:#e2ebeb;
	border:1px solid #000000;
}
textarea
{
	overflow:auto;
	padding:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #abc6dd;
}
textarea:hover
{
	background-color:#e2ebeb;
	border:1px solid #000000;
}
input.boutton
{
	width:100px;
	height:24px;
	padding:0px;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:url( 'images/bouton_bg.gif' ) repeat-x;
}
input.boutton:hover
{
	background:url( 'images/bouton_on_bg.gif' ) repeat-x;
}