body
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	background-color: #C00;
	background-image: url(../images/glace_b.jpg);
	background-repeat: repeat;
	font-family: Verdana, Arial; 
	font-size: 12px;
	position:relative;z-index:0;
}

img {border: 0;}
b{font-size: 110%;}
em{color: red;}

a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;color:#D71A1F;}

#topsection
{
	height: 160px;
	/*Height of top section*/
	position: relative;
	z-index: 0;
	background-color: #C00;
	background-image: url(../images/flash_bck.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	overflow:hidden;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 210px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 220px; /*Width of left column*/
margin-left: -100%;
margin-top:-8px;
}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #999;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


#commanditaires
{
	background-image: url(../images/partenaire_bottom.gif);
	width: 210px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#commanditaires img
{
	margin-left:30px;
}

/* Rounded corner */

.liquid-round {
margin:0px auto;
background:#fff url(../images/rounded/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:60px;
background:url(../images/rounded/top_rouge.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:60px;
background:url(../images/rounded/top-right_rouge.gif) no-repeat right top;
padding:20px 0 0 30px;font-size:24px;color:#fff;font-family: Arial;font-weight:lighter;
}
.center-content {
position:relative;
background:url(../images/rounded/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:0px 0 -50px 0;
}
.bottom {
width:100%;
height:60px;
background:url(../images/rounded/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(../images/rounded/bottom-right.gif) no-repeat right top;
}

#cinq_dernieres ul, #FlashNews ul {margin-left:8px;padding-left:0px }


.listarrow li
{
	list-style-image: url(../images/star_list.gif);
	list-style-position: outside;
}
.listarrow li { margin-bottom:1em; font-size: 94%; line-height:1.1em;}
.listarrow li a{color:#666;text-decoration: none;  }
.listarrow li a:hover{color:#D71A1F;  }

#topmenu {position:relative; margin-top: -20px; z-index:200;}

#smallmenu
{
	margin: 0px;padding: 0;line-height: 1.6em;
}

#smallmenu ul
{
padding: 0;
margin: 0;
color: #333;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 92%;
}

#smallmenu ul li { 
	display: inline;float: right;
 }

#smallmenu ul li a
{
padding: 0em 1em;
color: #333;
text-decoration: none;
}


#smallmenu ul li a:hover, #smallmenu ul li#on a
{
color: #FF0000;
}

#logo_express {position: relative;margin-top:-142px; z-index:100;}

.photo_left {float:left;margin-right:10px;}

.photo_right {float:right;margin-left:10px;}

hr {color:#D71A1F;background-color:#D71A1F;height:1px;border:none;}

div.btn {}

div.btn a {border: solid 1px #000;  float:right;font-weight:bold;background:#ba2b2b;padding:4px;}
div.btn a:hover {color:#fff;}

a.boldbuttons{
background: transparent url('../images/roundedge-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-red-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.automne
{
	background-image: url(../images/automne-2008.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
}

.datagrid td, .datagrid th {text-align: center;}

.menu_camp_left_right_space {margin: 0 10px;}
.sous_menu_camps {text-decoration:none;color:#D71A1F;}


 table#sags_horaire, table#sags_classement  /* calendrier-atome-BB.php tableau*/
{
	width: 90%;text-align:center;

}

table#sags_horaire, table#sags_classement, table#sags_horaire td, table#sags_classement td,table#sags_horaire tr, table#sags_classement tr{
	border-collapse:collapse;
}


#sags_classement, .sags_table{
	border:1px solid #EEE;
}

#sags_classement .oddRow, .sags_table tr.oddRow,
#sags_classement .ddRow, .sags_table tr.ddRow{
	background-color:#EEE;
}

#sags_classement .oddRow, .sags_table tr.notice{
	background-color:#FEFF8F;
}

#sags_classement td, .sags_table td{
	padding:4px;
}

#sags_classement th, .sags_table th{
	padding:4px;
	background-color:#dc0305;
	color:#fff;
}

#sags_classement .firstrow th, .sags_table .firstrow th{
	background-color:#FFF;
	font-size:14px;
	color:#333;
	padding:10px 5px;
}

#sags_classement tr.trHover td, .sags_table tr.trHover td{
	background-color:#666;
	color:#FFF;
}


#sags_classement tr.trHover a, .sags_table tr.trHover a{

	color:#FFF;
}

#inactive, #printBtn,#printHeader, #printFooter {
	display: none;
}