@CHARSET "ISO-8859-1";

body {
	background: #505050 url(../img/background.jpg);
	min-width: 750px;                     /* FIXED : global width */
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
}

/* contains everything */
#wrapper1 {
	margin: 75px auto 0 auto;
	width: 750px;                         /* FIXED : global width */
	position: relative; /* just to allow contained element to use position absolute */
}

#header {
	position: relative; /* just to allow contained element to use position absolute */

	color: #ffffff; 
}

#header #title {
	padding: 0 0 3px 25px;
	font-family: Verdana, arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

#header #logo {
	position: absolute;
	right: 25px;
	top: -20px;
}

/* rounded main area */
#wrapper2 {
	margin: 0;
	padding: 30px;                        /* FIXED : same as rounding */
	position: relative; /* just to allow contained element to use position absolute */
	
	background: #ffffff;
	color: #000000;
	
	z-index: 10;     /* allows super-large participant-tables that break layout to display over the ads */
}

/* real usable content ("page") */
#content {
	min-height: 450px;
	margin: 0;
	padding: 0;
}

/* layout content areas */
#page_top, #page_left, #page_center, #page_right, #page_bottom {
	padding: 0;
	margin: 0;
}

#page_top, #page_bottom {
	width: 100%;
}

#page_left, #page_center, #page_right {
	float: left;
}

#page_left, #page_right {
	width: 22%;
}

#page_right_out_wrapper {
	position: absolute;
   top: 100px;
   left: 750px;                          /* FIXED : = global width */
   padding: 0;
   margin: 0;
}
#page_right_out {
	background: #ffffff;
	padding: 15px 15px 15px 5px;
	min-width: 155px;
}

/* IE6 panics with id.class selectors */
/*#page_center*/.normal {
   width: 56%;
}
/*#page_center*/.double {
	width: 78%;
}
/*#page_center*/.triple {
	width: 100%;
}

#page_bottom {
   text-align: center;
}

.data {
	padding: 5px;
}

#footer {
	position: relative;
	top: 20px;
	z-index: 100; /* make sure it is ABOVE following stuff */
	
	text-align: center;
	font-size: 10pt;
}

#copyright {
	padding: 10px 30px 0 0;
   text-align: right;
   font-size: 8pt;
   color: #d0d0d0;
}
#copyright a {
	color: #d0d0d0;
	text-decoration: none;
}

.clearer {
	clear: both;
}

/* admin links */

.adminwrapper {
	border-bottom: 1px solid grey;
	margin-bottom: 1em;
}

.adminwrapper ul {
	padding-left: 25px;
}

/* pubs */

.adswrapper {
   text-align: center;
   color: grey;
}
.ads {
   color: black;
   border: 1px dotted grey;
   padding: 5px 0 5px 0;
}
.ads img {
   border: 0 none;
   max-width: 100%;
}

/* testimonials */

.testi {
   text-align: center;
   font-style: italic;
}

.testi_name {
   text-align: right
}


.blueish {
   background: #f0fcff;
   font-size: 9pt;
   padding: 1em 1em 1.5em 1em;
   margin: 0 auto 2em auto;
   width: 200px;
   vertical-align: middle;
}

/* mise en page des details */

table.max {
	width: 100%;
}

img.step {
	margin: 0 2em 0 0;
}

img.hugestep {
	margin: 1em 2em 1em 3em;
}

img.left {
	float: left;
}

.right {
	text-align: right;
}

.center {
   text-align: center;
}

.flow, .flow form {
	display: inline;
}

.separator {
	border-top: dotted 1px grey;
	margin: 1em 0.5em;
}

.bad {
	font-weight: bold;
	color: #ff7e00;
}

.cool {
   font-weight: bold;
   color: #33ccff;
}

span.empty {
   color: #c0c0c0;
}

/* elements generaux */

h1 {
	font-size: 14pt;
	font-weight: normal;
	margin: 1em 0 1em 0;
}
h1.top {
	margin-top: 0;
}

h2 {
   font-size: 12pt;
   font-weight: normal;
   margin: 1em 0 1em 0;
}

a {
	color: #505050;
}

a:hover {
   color: #ff7e00;
}

img {
	border: 0 none;
}

p {
	margin: 0 0 1em 0;
}

td {
	vertical-align: top;
}

td.middle {
	vertical-align: middle;
}

/* google ads */

.google-auto-placed {
	border: dotted 3px #ff7e00;
	position: relative;
	margin-bottom: 10px;
}

.google-auto-placed:before {
	content: "ads";
	position: absolute;
	right: -3px;
	top: -3px;
	color: white;
	background-color: #ff7e00;
	padding: 3px 6px;
	z-index: 100;
}

ins.adsbygoogle {

}