body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #3366FF;
	text-decoration: none;	
}
a:visited {
	color: #3366FF;
	text-decoration: none;
}
a:hover {
	color:#FF9900;
	text-decoration: none;
}
a:active {
	color:#FF9900;
	text-decoration: none;
}
h1{
	margin:0;
	padding:0;
	font-size: 13px;
	color: #CCCCCC ;
	font-weight:bold;
}
h2{
	margin:0;
	padding:0;
	font-weight: lighter;
	font-size: 12px;
	letter-spacing: normal;
	font-weight:bold;
}
h3{
	margin:0;
	padding:0;
	font-size: 12px;
}
h4{
	margin:0;
	padding:0;
	font-size: 11px;
}
textarea{
	background-color:white;
}
legend{
	color: #6699FF; 
	text-align:left;
	font-weight:bold;
}
label{
	font-size:11px;
}
select{
	border: 1px solid #EEEEEE;
	background-color:#ECEEF5;
	color: #333333;
}
.fieldset{
	border:1px solid #ECEEF5; /*#EEEEEE;*/
	padding:10px;
	width:80%;
}
.fieldset2{
	border: 1px solid #EEEEEE;
	padding:10;
	width:80%;
}
marquee{
	color: #999999;
}
.image{
	border: 5px double;
	border-color: #DCDCDC;
}
.image_priv{
	border: 5px double;
	border-color: #EECEF5;
}
.photo{
	border: 1px inset #CCCCCC;
}
.radio{
	width:14px;
}
.title{
	font-weight: bold;
}
.tableau{
	text-align: left;
}
.small{
	font-size:10px;
}
.marge{
	margin-left: 20px;
}
.marge25{
	margin-left: 25px;
}
.marge50{
	margin-left: 50px;	
}
.italique{
	font-style: oblique;
}
.Style0{
	font-size: 10px;
}
.Style1{
	font-size: 11px;
	font-weight: bold;
}
.Style2{
	font-size: 11px;
}
.Style3{
	font-size: 14px;
}
.Style4{
	font-size: 11px;
	color: #660066;
	font-weight:bold;
}
.Style5{
	font-size: 14px;
	color:green;
}
.Style6{
	font-size: 24px;
	color: #CCCCCC;
}
.rouge{
	color:#CC0000;
}
.blanc{
	font-size:12px;
	color:white;
	font-weight:bold;
}
.blanc a{
	color:#FFFFFF;
}
.grey{
	color: #999999;
	font-size:12px;	
}
.gris{
	color: #999999;
	font-size:11px;
}
.smallgrey{
	font-size:10px;
	color: #999999;
}

.italic_grey{
	font-size:11px;
	font-style: oblique;
	color: #999999;
}
.italic{
	font-style: oblique;
	font-size:11px;
}
.cadre_ins{
	position: relative;
	height:690px;
}
.cadre{
	background-color: #ECEEF5;
	border:1px solid #ECEEF5;
	text-align:left;
}
.cadre1{
	background-color: #ECEEF5;
	border:1px solid #CCCCCC;
	text-align:left;
}
.cadre2{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.encadre{
	font-size:11px;
	text-align: center;
	padding:20px;
}
.encadrement{
	border: 1px solid;
	border-color: #EEEEEE;
	text-align: left;
	padding:4px;
}
.encadrement_in{
	border: 1px inset;
	border-color: #FFFFFF;
	text-align: left;
	padding: 5px;
}
.encadrement_out{
	border: 1px outset;
	border-color: #FFFFFF;
	background-color: #ECEEF5;
	text-align: left;
}
.encadrement2_out{
	border: 1px outset;
	border-color: #FFFFFF;
	background-color: #ECEEF5;
}
.encadrement2_in{
	border: 1px inset;
	background-image:url(images/bground.jpg);	
	padding: 5px;
}
.encadrement3_out{
	border: 1px outset;
	/*border-color: #FFFFFF;#F3DDF9*/
	background-color: #BB669D;
}
.encadrement3_in{
	border: 1px inset;
	padding: 5px;
}
.selectA{
	width:57px;
	font-size: 11px;
}
.selectB{
	width:100px;
	font-size: 11px;
}
.selectC{
	width:150px;
	font-size: 11px;
}
.selectD{
	width: 180px;
	font-size: 11px;
}
.selectE{
	width:72px;
	font-size: 11px;
}
.select_page{
	font-size:11px;
}
.textarea{
	font-size:12px;
}
.textfield{
	font-size: 12px;
}
.tabmsg1{
	background-color: #FFFFFF;
}
.tabmsg2{
	background-color: #ECEEF5;
}
.tabover{
	background-color: #F2F2F2;
}
.coltdata{
	background-color:#EEEEEE;
	color: #666666;
}
.col2tdata{
	background-color: #ECEEF5;
}
.menuover{
	border: 1px inset;
	border-color: #FFFFFF;
	text-align: left;
}
.row5{
	padding-top: 5px;
	text-align:left
}
.row10{
	padding-top: 10px;
}
.row20{
	padding-top: 20px;
}
.row30{
	padding-top: 30px;
}
.row50{
	padding-top: 50px;
}
.paragraphe{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.center{
	text-align:center;
}
.align{
	text-align:left;
	padding-left:20px;
}
.input{
	width:65px;
	font-size: 11px;
	border:none;
	background-color:#FFFFFF;	
}
.input1{
	width:100px;
	font-size: 11px;
}
.input2{
	width:250px;
	font-size: 11px;
}
.input_grey{
	width:65px;
	font-size: 11px;
	border:none;
	background-color:#FFFFFF;
	color:#999999;
}
.button{
	color:white;
	font-family: "Eras Medium ITC","Eras Demi ITC"; 
	font-size:11px;
	border: 1px outset #AD0077;
	background:url(images/bground2.gif);
	cursor:pointer;
}
.button2{
	color:white;
	font-family: "Eras Medium ITC","Eras Demi ITC"; 
	font-size:11px;
	border: 1px outset #AD0077;
	background:url(images/bground2.gif);
	width:100px;
}
.wlink{
	color:white;
}
.rowbloc{
	width:100%;
	height:auto;
	clear:both;
}
.bloc{
	width:auto;
	height:auto;
}
.autobloc{
	width:auto;
	height:auto;
	text-align:center;
	float: right;
}
.affichette{
	width:80px;
	height:auto;
	float:left;
	padding:3px;
}
.rowline{
	width:100%;
	height:auto;
	clear: left;
}
#flag{
	position:absolute;
	top:12px;
	left:190px;
	font-size:11px;
	visibility:hidden;
	overflow:visible;
	z-index:9997;
}
#flag a{
	color:#999999;
}
.topleft{
	width: 240px;
	height: 15px;
	font-size: 10px;
	text-align:right;
	padding-top:15px;
	padding-right:20px;
	float:left;
	text-decoration:underline;
}
.topleft a:link{
	color:#999999;
}
.menutop{
	width:640px;
	float:right;
}
.onglet1{
	width:128px;
	height:26px;
	float:left;
	text-align:center;
	background-image: url(images/onglet1.gif);
	font-family: "Eras Medium ITC";
	font-size: 11px;
	font-weight:bold;
	padding-top:8px;
}
.onglet{
	width:128px;
	height:26px;
	float:left;
	text-align:center;
	background-image: url(images/onglet.gif);
	font-family: "Eras Medium ITC";
	font-size: 11px;
	color: #999999;
	font-weight:bold;
	padding-top:8px;
}
.headcontent{
	width:1024px;
	height:120px;
	float:right;
}
.logo{
	width: 100px;
	height: 120px;
	padding-left:30px;
	padding-bottom:50px;
	float:left;
}
.aleatoire{
	width: 800px;
	height: 60px;
	float:right;
	padding-top:26px;
	padding-right:20px;
	overflow:hidden;
}
.slide{
	width: auto;
	height:60px;
	float: right;
	padding-left:1px;
}
#slider
{ 
	width:800px;
	height:60px;
	padding-top:26px;
	overflow:hidden;
	float:right;
}
#slider ul, #slider li
{
	margin:0;
	padding:0;
	list-style:none;
}
#btn{
	width:20px;
	float:right;
	padding-top:25px;
}
#tempalea{
	width: 550px;
	height: 120px;
	position: absolute;
	top: 350px;
	left: 230px;
	overflow:hidden;
	text-align:left;
}
.slide_alea{
	width: auto;
	height: 120px;
	float: left;
	padding-left:1px;
}
#presentation{
	width: 280px;
	height: auto;
	position: absolute;
	top: 150px;
	left: 230px;
	font-size: 11px;
	text-align: left;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 2px solid #EEEEEE;
	padding: 10px;
}
#login{
	width: 154px;
	height: 124px;
	position: absolute;
	top: 150px;
	left: 560px;
	font-size: 11px;
	text-align: center;
	padding: 5px;
}
#inscription{
	width: 520px;
	height: 240px;
	position: relative;
	top: 400px;
	left: 0px;
	font-size: 11px;
	text-align: center;
}
#canvas_profil{
	width: 520px;
	height: auto;
	position: absolute;
	top: 150px;
	left: 220px;
	text-align:right;
	clear:both;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}
#template{
	width: 1024px;
	height:auto;
	position:relative;	
	top: 10px;
	left:0px;
	margin:0 auto;
}
.container{
	width:1024px;
	height:840px;
	float:left;
}
.container2{
	width: 1024px;
	height: 900px;
	font-size: 11px;
	float:left;
}
.auto_container{
	width: 1024px;
	height: auto;
	font-size: 11px;
	float:left;
}
.content1{
	width:220px;
	height:auto;
	text-align:left;
	font-size: 11px;
	float:left;
}
.content2{
	width: 584px;
	height: auto;
	text-align: left;
	font-size: 11px;
	float:left;
}
.content3{
	width: 220px;
	height: auto;
	font-size: 11px;
	text-align:center;
	float:right;
}
.content4{
	width: 140px;
	height: auto;
	font-size: 11px;
	text-align:left;
	float:left;
}
.content5{
	width: 640px;
	height: auto;
	font-size: 11px;
	text-align:left;
	float:left;
}
.content6{
	width:244px;
	height:auto;
	font-size: 11px;
	text-align:center;
	float: right;
}
.bottom{
	width:1024px;
	height:auto;
	padding-top:5px;
	text-align:center;
	color: #999999;
	font-size: 11px;
	clear:both;
	border-top: 1px solid #EEEEEE;
	margin: 0 auto;
}
.bottom a{
	color:#999999;
}
.bottom a:active{
	color: #FF9900;
}
.bottom a:hover{
	color: #FF9900;
}
.bottom a:visited{
	color:#999999;
}
.log{
	width: 110px;
	font-size: 11px;
}
#footer{
	width:968px;
	height: 15px;
	position: absolute;
	top: 850px;
	left: 50%;
	margin-left:-484px;
}
.cadreplus{
	font-size:12px;
	background-color:#FFCC66;
	font-family: "Eras Medium ITC","Eras Demi ITC";
	border: 1px solid #AD0077;
}
#template_msg{
	width: 460px;
	height: 20px;
	position: absolute;
	top: 330px;
	left: 222px;
	text-align: right;
}
#fiche{
	width: 400px;
	height: auto;
	position: absolute;
	top:20px;
	top: 150px;
	left: 220px;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}
.menuperso{
	width: 120px;
	height: auto;
	font-size: 11px;
}
.submenu{
	width: 120px;
	height: auto;
	position: relative;
	font-size: 11px;
	border: 0px;
	border-style: inset;
	z-index:4;
}
.submenu a:link {
	text-decoration: none;	
}
.submenu a:visited {
	text-decoration: none;
}
.submenu a:hover {
	color:#FF9900;
	text-decoration: none;
}
.submenu a:active {
	text-decoration: none;
}
#menu_profil{
	display : none;
}
#menu_event{
	display : none;
}
#profil{
	width: 540px;
	height: 90px;
	position: relative;
	top: 0px;
	left: 0px;
	border: 1px inset #CCCCCC;
	border-bottom-color: white;
	border-right-color: white;
}
.profil_cont0{
	width: 100px;
	height: 80px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	text-align:left;
	overflow:hidden;
}
.profil_cont1{
	width: 210px;
	height: 80px;
	float:left;
	padding-left:10px;
	padding-top:10px;
	font-size: 11px;
	text-align: left;
}
.profil_cont2{
	width: 210px;
	height: 80px;
	float:right;
	padding-top:10px;
	font-size: 11px;
	text-align: left;
}
.profil_cont3{
	width: 420px;
	height: 80px;
	float:right;
	padding-top:10px;
	font-size: 11px;
	text-align: left;
}
#imgplace{
	width: 100px;
	height: 75px;
	position: absolute;
	top: 5px;
	left: 350px;
}
#fenetre{
	width: 163px;
	height: 400px;
	position: absolute;
	top: 486px;
	left: 780px;
	font-size: 10px;
	text-align: left;
	overflow: hidden;
	margin:auto;
	visibility:hidden;
}
#marquee{
	padding:0 5px;
}
#vide{
	width:150px;
	height:auto;
	position:absolute;
	top:135px;
	left:590px;
	text-align:left;
	padding:8px;
}
.inside_in{
	border: 1px inset;
	border-color: #ECEEF5;
	text-align: center;
}
#ban{
	width:1024px;
	height:40px;
	position:absolute;
	top:832px;
	left:10px;
	font-size:11px;
	text-align:center;
	z-index:2;
}
#ins-groupe{
	width: 159px;
	height: 120px;
	position: absolute;
	top: 140px;
	left: 582px;
	font-size: 10px;
	text-align: center;
	padding: 5px;
}
#vote{
	width:auto;
	height:auto;
	position:absolute;
	top:859px;
	left:1px;
}
.bigpicture{
	width:500px;
	height:400px;
	position: relative;
}
#map_canvas{
	width: 180px;
	height: 180px;
	border:2px double #CCCCCC;
	float:right;
	overflow:hidden;
}
#map_canvas2{
	width: 500px;
	height: 270px;
	border:1px inset #CCCCCC;
	overflow:hidden;
}
.continent{
	width:150px;
	cursor:pointer;
}
#showEvent{
	display:none;
}
#flashing{
	display:none;
}
#birthay{
	width:auto;
	height:154px;
	overflow:hidden;
}
#birthay ul,li{
	margin:0;
	padding:3px;
	text-align:left;
	list-style:none;	
}
.up{
	background-image:url(images/up.gif);
	display: block;
	height: 16px;
	width: 16px;
	float:right;
	cursor:pointer;
	border-left:1px solid #FFF;
}
.down{
	background-image:url(images/down_grey.gif);
	display: block;
	height: 16px;
	width: 16px;
	float:right;
	cursor:pointer;
}
.bigphoto{
	display: none;
	background: #fff;
	position:absolute;
	width:auto;
	height:auto;
	border: 1px inset #eee;
	z-index:9998;
}