body { 
	color: #555753; 
	background: #E7B8FB url('bg.gif') /*no-repeat 0px 0px*/; 
	margin: 0 auto; font-style:normal; font-variant:normal; font-weight:normal; 
	line-height:16pt; font-size:8pt; font-family:tahoma, arial, helvetica, sans-serif
	}
p { 
    color: #462115;
	font: 10pt/16pt tahoma, arial, helvetica, sans-serif; 
	margin-top: 0px; 
	text-align: justify
	}
h3 { 
	font: italic normal 12pt tahoma, arial, helvetica, sans-serif; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C
	}
a:link, a:visited { 
	font-weight: bold;text-decoration:none;   
        border-bottom: 1px dotted #F1E0C5;
	color: #822D2D
	}
a:hover, a:active { 
	text-decoration:none; 
	color: #887
	}
acronym {	
          border-bottom: 1px dotted #e6ad6c;
        }

#container { 
        width: 750px;
        text-align:left;
        position: absolute;left: 50%;
	background: #F2F4EE; 
	padding: 0px;  margin-top: -10px;
	margin-left: -375px;
        border-right:5px solid white;border-left:5px solid white
	}
#intro { 
	width: 530px;
	}
#supportingText {
	width: 530px; 
	margin-bottom: 40px;margin-top: 10px;padding: 0px 6px
	}
#pageHeader { 
	margin-bottom: 10px;
	}
#pageHeader h1 { 
	background: url('header1.jpg') repeat-x top left; 
	margin-top: 0px; 
	width: 750px; 
	height: 250px 
	}
#pageHeader h1 span {
	float: left;
    font-size:8px;
    line-height: 14px;
    padding: 0 12px 6px 12px;
    text-decoration: none;
    color: #C22052;
	}
#pageHeader h2 { 
	margin-top: 0px; 
	margin-bottom: -30px; 
	width: 421px; 
	height: 0px 
	}
#pageHeader h2 span {
	display:none;
	}
#quickSummary {
    width: 530px; margin: 0px 10px
	}
#quickSummary p {
	font: bold 10pt/22pt tahoma, arial, helvetica, sans-serif; 
	text-align:left
	}
#quickSummary p.p1 {
	background: url('header2.gif') no-repeat top left;
        width: 530px; 
	height: 50px
	}
#quickSummary p.p1 span {
      display: none;
    }
#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px
	}
#preamble h3 span {
	display:none
	}
#preamble h3 { 
	background: url('1.gif') no-repeat top left; 
	width: 262px; 
	height: 40px; margin:25px 0 5px 0
    }
#explanation h3 span {
	display:none
	}
#explanation h3 { 
	background: url('2.gif') no-repeat top left; 
	width: 262px; 
	height: 40px; margin:25px 0 5px 0
	}
#csscoquine h3 span {
	display:none
	}
#csscoquine h3 { 
	background: url('coquineinscrits.jpg') no-repeat top left; 
	width: 570px; 
	height: 200px; margin:25px 0 5px 0		
	}
#cssgay h3 span {
	display:none
	}
#cssgay h3 { 
	background: url('gayinscrits.jpg') no-repeat top left; 
	width: 570px; 
	height: 200px; margin:25px 0 5px 0	
	}	
#participation h3 span {
	display:none
	}
#participation h3 { 
	background: url('3.gif') no-repeat top left; 
	width: 262px; 
	height: 40px; margin:25px 0 5px 0
	}
#benefits h3 span {
	display:none
	}
#benefits h3 { 
	background: url('4.gif') no-repeat top left; 
	width: 441px; 
	height: 76px; margin:25px 0 5px 0
	}
#explanation, #participation, #benefits, #requirements { 
	clear: right; 
	}
#rencontreville h3 span {
	display:none
	}
#rencontreville h3 { 
	background: url('5.gif') no-repeat top left; 
	width: 300px; 
	height: 40px; margin:25px 0 5px 0
	}



/* footer */


#footer { 
	text-align: center;
        width: 720px;height:150px;
        text-align:left;
        position:relative;
        background:url('footer.jpg') no-repeat top right; margin: 0 0 0 0
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px;vertical-align: top;
	}
#footer a
	{
	padding: 2px 5px;
	color: #527186;
	border-bottom: 1px dotted #BB103A;
	margin: 0
	}
#footer a:hover
	{
	background: #BBB110;color:#BB103A;
	border: none
	}
#linkList {
        width: 180px;
        position: absolute;
        top: 55px;left: 545px
	}
#linkList2 { 
	background: url('paper-bg.jpg') repeat-y top left; 
	padding: 0px; 
	margin-top: 200px; 
	width: 180px;font-size:10px; font-family:verdana, sans-serif 
	}
#linkList h3.select { 
	background: url('select.gif') no-repeat top left; 
	margin: 0px; 
	width: 195px; 
	height: 27px 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.archives { 
	background: url('archives.gif') no-repeat top left; 
	width:195px; 
	height: 27px;margin: 5px 0 0 0
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: url('resources.gif') no-repeat top left; 
	margin: 5px 0px; 
	width:195px; 
	height: 27px 
	}
#linkList h3.resources span {
	display:none
	}
#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
        list-style-type: none;
	border-bottom: 1px dotted #525857;
	line-height: 1.5em;
	padding-left: 30px;
        background: url('bullet.gif') no-repeat 15px 8px;   
	display: block; 
	padding-top: 5px; padding-bottom: 5px; 
	margin-bottom: 0px;margin-left: 5px
	}
#linkList li a{	
    display: block;
	border: none;
	color: #527186;
	font-weight: bold
	}
#linkList li a:link { 
	color: #822D2D;
	}
#linkList li a:visited {
	color: #822D2D;
	}
#linkList li a.c{
	display: inline;
	border: none;
	color: #f4f0e6
	}
#linkList li a.c:link { 
	color: #988F5E;
	}
#linkList li a.c:visited {
	color: #B3AE94;
	}
/* CSS Tabs */
.container {
        width: 500px;
        padding: 11px;
        margin: 3px 0 20px 0;
        border: 1px solid #968181;
        background: #fff;
		background:url('backgroundnavigation.gif') no-repeat top right; margin: 0 0 0px 0
}

#nav {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 2px solid #DEA211;
}

#nav li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#nav a:link, #nav a:visited {
        float: left;
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #C22052;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
        color: #000;
        background: url(rounded.gif) no-repeat bottom center;
}
/* easy rencontre */	
.easy_inscris{
	border-bottom:1px solid #EE3D83;
}
.easy_inscris td{
	background-color:#FCF5F5;
	font:normal 11px Arial;
	padding:3px;
}
.easy_inscris img{
	border-width:1px;
	border-color:#EE3D83;
	margin-right:5px;
	width:55px;
	height:55px;
}
.easy_inscris a{
	color:#EE3D83;
	font-weight:bold;
	text-decoration:none;
}
.easy_inscris a:hover{
	color:#FF9900;
	text-decoration:underline;	
}

.top10 {font:normal 12px Tahoma; margin-bottom:5px; clear:both}
.top10 img{border:1px solid #000000; margin-right:5px; float:left}