body {
	margin: 0;
	padding: 0px;
}

body, td, th {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 140%;
}

.banner {
	width: 705px;
	height:96px;
	background-image:url(images/banner.jpg);
	background-repeat:no-repeat;
}

#page-footer{
	height:50px;
	width:100%;
	border-top:1px solid #444444;
	text-align:center;
	font-size:10px;
}

#page-header{
	height:80px;
	background-color:#FFFFFF;
	width:100%;
	background-repeat:no-repeat;
	background-position:left;
}

#slogan{
	float:right;
	height:70px;
	width:600px;
	margin-top:5px;
	margin-right:50px;
}

.welcome {
	float:left;
	width:705px;
	color:#FFFFFF;
	background-color:#0588c0;
	text-align:center;	
}

.txtwelcome {
	float:left;
	width:669px;
	font-size:17px;
	height:25px;
	color:#FFFFFF;
	text-align:center;
	margin-top:10px;
}

.corner-lt {
	float:left;
	height:37px;
	width:8px;
	background-image:url(images/corner-lt.gif);
	background-repeat:no-repeat;
}
.corner-rt {
	float:right;
	height:37px;
	width:8px;
	background-image:url(images/corner-rt.gif);
	background-repeat:no-repeat;
}

.th-green {
	border-bottom:#b1e08f 1px solid;
	background-color:#e6f7d5;
	color:#6aa91a;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.green {
	border: #b1e08f 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

.th-orange {
	border-bottom:#f5d396 1px solid;
	background-color:#f9f0d3;
	color:#ed7600;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.orange {
	border: #f5d396 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

.th-blue {
	border-bottom:#006d9b 1px solid;
	background-color:#006d9b;
	color:#FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
.blue {
	border: #006d9b 1px solid;
	background-color:#FFFFFF;
	color:#444444;
}

#menu-top{
	overflow:hidden;	
	height:30px;
	position:absolute;
	margin-top: 3px;
	margin-left: 3px;
}

#logo{
	width:240px;
	height:100px;
	position:absolute;
	text-align:left;
	background-repeat:no-repeat;	
	background-image:url(images/logo_haywaa.gif);
	margin-left: 5px;
}

a.item-menu{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height: 250%;
	font-size:11px;
}
a.item-menu:hover{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	font-weight:bold;
	background-color:#0588c0;	
	line-height: 250%;
	font-size:11px;
}
a.item-menu:active{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #FFFFFF;
	font-weight:bold;
	background-color:#0588c0;	
	line-height: 250%;
	font-size:11px;
}
a.item-menu:visited{
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	line-height: 250%;	
	font-size:11px;		
}

.search	{
	height: 22px;
	width: 260px;
	float:left;
	padding-top:1px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	background-image: url('images/search-bg.gif');
	z-index:5;
}
.recherche	{
	height: 22px;
	width: 84px;
	float:left;
	padding-top:1px;
	background-repeat: no-repeat;
	background-image: url('images/search-bg.gif');
	background-position: 0 0;
	z-index:10;
}

.tf_search {
	border-color: #BABCA8;
	border-style: solid;
	border-width: 1px;
	width: 190px;
	font-size: 11px;
}

.btn_go {
	background-image: url('images/btn_go.gif');
	width: 37px;
	height: 17px;
	border:0px;
	cursor: pointer;
}

.body_content	{
	width: 100%;
}

.parten_icon	{
	position:relative;
	width: 162px;
	margin-top:-7px;
}

.musique_icon	{
	background-image: url('images/th-musique.gif') ;
	width: 162px;
	height:35px;
	background-repeat: no-repeat;
}

/* Rolloff state */
div.th_message, div.th_message a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_message.gif') ;
	width: 705px;
	height: 41px;
}

/* Rollover state */
div.th_message a:hover	{ background-image: url('none'); }
div.th_message {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_tienstoi, div.th_tienstoi a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_tienstoi.gif') ;
	width: 245px;
	height: 41px;
}

/* Rollover state */
div.th_tienstoi a:hover	{ background-image: url('none'); }
div.th_tienstoi {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_annuaire, div.th_annuaire a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_annuaire.gif') ;
	width: 516px;
	height: 41px;
}

/* Rollover state */

div.th_annuaire a:hover	{ background-image: url('none'); }
div.th_annuaire {
	float: left;
	background-position: 0 100%;
}

div.th_annuaire span {
	display:none;
}

/* Rolloff state */
div.th_aboutus, div.th_aboutus a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/aboutus.gif') ;
	width: 516px;
	height: 41px;
}

/* Rollover state */

div.th_aboutus a:hover	{ background-image: url('none'); }
div.th_aboutus {
	float: left;
	background-position: 0 100%;
}

div.th_aboutus span {
	display:none;
}

/* Rolloff state */
div.th_forum, div.th_forum a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_forum.gif') ;
	width: 516px;
	height: 41px;
}

/* Rollover state */
div.th_forum a:hover	{ background-image: url('none'); }
div.th_forum {
	float: left;
	background-position: 0 100%;
}

div.th_forum span{
	display:none;
}

/* Rolloff state */
div.th_media, div.th_media a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_media.gif') ;
	width: 516px;
	height: 41px;
}

/* Rollover state */
div.th_media a:hover	{ background-image: url('none'); }
div.th_media {
	float: left;
	background-position: 0 100%;
}

div.th_media span{
	display:none;
}

/* Rolloff state */
div.th-header, div.th-header a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/th_media.gif') ;
	width: 516px;
	height: 41px;
}

/* Rollover state */
div.th-newuser a:hover	{ background-image: url('none'); }
div.th-newuser {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th-newuser, div.th-newuser a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/inscription.gif') ;
	width: 516px;
	height: 41px;
}

div.th-newuser span{
	display:none;
}

/* Rollover state */
div.th-contactus a:hover	{ background-image: url('none'); }
div.th-contactus {
	display: block;
	float: left;
	background-position: 0 100%;
	background-image: url('images/contactus.gif') ;
	width: 516px;
	height: 41px;
}

/* Rolloff state */
div.th-contactus a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/contactus.gif') ;
	width: 516px;
	height: 41px;
}

div.th-contactus span{
	display:none;
}


/* Rollover state */
div.mediatheque a:hover	{ background-image: url('none'); }
div.mediatheque {
	display: block;
	float: left;
	background-position: 0 100%;
	background-image: url('images/mediatheque.gif') ;
	width: 516px;
	height: 41px;
}

/* Rolloff state */
div.mediatheque a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/mediatheque.gif') ;
	width: 516px;
	height: 41px;
}

div.mediatheque span{
	display:none;
}

/* Rollover state */
div.th-header a:hover	{ background-image: url('none'); }
div.th-header {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th-news  {
	background-position: 0 0;
	background-image: url('images/news.gif') ;
	width: 516px;
	height: 31px;
	overflow:hidden;
	padding-top:10px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
}
div.th-news a {
	background-image: url('none') ;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
}
/* Rollover state */
div.th-news a:hover	{background-image:  url('none');text-decoration:none;}

div.th-cate {
	background-position: 0 0;
	background-image: url('images/th-cate.gif') ;
	width: 516px;
	height: 31px;
	overflow:hidden;
	padding-top:10px;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
}
div.th-cate a {
	background-image: url('none') ;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
}

/* Rollover state */
div.th-cate a:hover	{background-image:  url('none');text-decoration:none;}

div.th-tiens, div.th-tiens a	{
	background-position: 0 0;
	background-image: url('images/tiens.gif') ;
	width: 516px;
	height: 31px;
	text-align:center;
	overflow:hidden;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
}

div.annuaire-md, div.annuaire-md a	{
	background-position: 0 0;
	background-image: url('images/annuaire-md.gif') ;
	width: 516px;
	height: 31px;
	text-align:center;
	overflow:hidden;
	font-size:17px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:10px;
}

td.main-header{
	padding:0px;
	background-color:#FFFFFF;
	margin: 0px;
	height: 41px;
	font-weight:bold;
}

td.main-content{
	padding-top:10px;
}


.txtblue {
	color: #2F6F99;
}

.tf_login {
	border-color: #BABCA8;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	font-size: 11px;
}

.btn_login {
	background-image: url('images/btn_login.gif');
	width: 37px;
	height: 18px;
	border: 0;
	cursor: pointer;
}

.txtsmall {
	font-size: 11px;
}



/* Rolloff state */
div.th_mapage, div.th_mapage a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/th_mapage.gif') ;
	width: 244px;
	height: 43px
}

/* Rollover state */
div.th_mapage a:hover	{ background-image: url('none'); }
div.th_mapage {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_membre, div.th_membre a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/th_membre.gif') ;
	width: 244px;
	height: 53px
}

/* Rollover state */
div.th_membre a:hover	{ background-image: url('none'); }
div.th_membre {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_weblink, div.th_weblink a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/th_weblink.gif') ;
	width: 244px;
	height: 43px
}

/* Rollover state */
div.th_weblink a:hover	{ background-image: url('none'); }
div.th_weblink {
	float: left;
	background-position: 0 0;
}

/* Rolloff state */
div.th_carnetrose, div.th_carnetrose a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/th_carnetrose.gif') ;
	width: 244px;
	height: 43px
}

/* Rollover state */
div.th_carnetrose a:hover	{ background-image: url('none'); }
div.th_carnetrose {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_offres, div.th_offres a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/th_offres.gif') ;
	width: 244px;
	height: 43px
}

/* Rollover state */
div.th_offres a:hover	{ background-image: url('none'); }
div.th_offres {
	float: left;
	background-position: 0 100%;
}

/* Rolloff state */
div.th_university, div.th_university a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/university.jpg') ;
	width: 244px;
	height: 400px;
}

/* Rollover state */
div.th_university a:hover	{ background-image: url('none'); }
div.th_university {
	float: left;
	background-position: 0 0;
}

/* Rolloff state */
div.th_newsletter, div.th_newsletter a	{
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	background-image: url('images/newsletter.jpg') ;
	width: 244px;
	height: 130px;
}

/* Rollover state */
div.th_newsletter a:hover	{ background-image: url('none'); }
div.th_newsletter {
	float: left;
	background-position: 0 0;
}

.txtmapage {
	font-size: 14px;
	color: #E72357;
	font-weight:bold;
	line-height: 130%;
}

th.header-register {
	padding-top:20px;
	padding-left:0px;
	font-size:14px;
	color:#206D99;
	font-weight:bold;
}

td.td-register-left, td.td-register-right {
	padding-top:10px;
	padding-left:0px;
}

th.header-register-sub{
	padding-top:10px;
	font-size:12px;
}


.news-month{
	width:245px;
}

.news-month-thumb{
	width:80px;
	height:70px;
}

.news-month-title{
	width:456px;
	color:#f31c55;
	text-align:left;
	height:17px;
	overflow:hidden;
}

.news-month-content{
	color:#000000;
	text-align:justify;
	height: 123px;
	overflow:hidden;
}
.news-month-right{
	text-align:right;
	height: 17px;
}


.news-tiens{
	width:245px;
}

.news-tiens-thumb{
	width:50px;
	height:40px;
}

.news-tiens-title{
	height:50px;
	width:260px;
	overflow:hidden;
}

a.red_link:link {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
}
a.red_link:visited {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
}
a.red_link:hover {
 color: #021365;
 text-decoration:underline;
 font-weight:bold;
}

a.read_more:link {
 color: #021365;
 text-decoration:none;
 font-weight:normal;
}
a.read_more:visited {
 color: #021365;
 text-decoration:none;
 font-weight:normal;
}
a.read_more:hover {
 color: #021365;
 text-decoration:underline;
 font-weight:normal;
}

a.black_link:link {
 color: #000000;
 text-decoration:none;
 font-weight:bold;
}
a.black_link:visited {
 color: #000000;
 text-decoration:none;
 font-weight:bold;
}
a.black_link:hover {
 color: #000000;
 text-decoration:underline;
 font-weight:bold;
}

a.green_link:link {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
}
a.green_link:visited {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
}
a.green_link:hover {
 color: #021365;
 text-decoration:underline;
 font-weight:bold;
}


a.more:link {
 color: #000000;
 text-decoration:none;
 font-weight:normal;
}
a.more:visited {
 color: #000000;
 text-decoration:none;
 font-weight:normal;
}
a.more:hover {
 color: #000000;
 text-decoration:underline;
 font-weight:normal;
}

.dtformat {
 font-size:11px;
 color: #000000;
}

.bullet {
	width: 14px;
	height: 14px;
	display:inline;
	background-image: url(images/newani.gif);
	background-repeat: no-repeat;
}

.black_bullet {
	width: 14px;
	height: 14px;
	display:inline;
	background-image: url(images/black-newani.gif);
	background-repeat: no-repeat;
}

/* Rolloff state */
div.back, div.back a	{
	display: block;
	background-position: 0 0;
	background-image: url('images/returnback.gif') ;
	width: 20px;
	height: 17px;
}

/* Rollover state */

div.back a:hover	{ background-image: url('none'); }
div.back {
	float: right;
	background-position: 0 0;
}

.green_bullet {
	width: 14px;
	height: 14px;
	display:inline;
	background-image: url(images/green-newani.gif);
	background-repeat: no-repeat;
}

.back_btn {
	width: 20px;
	height: 20px;
	display:block;
	background-image: url(images/returnback.gif);
	background-repeat: no-repeat;
}



.news-month-title-list{
	color:#f31c55;
	text-align:left;
}

.news-title{
	color:#000000;
	font-size: 12px;
	text-align:left;
	font-weight:bold;
	width: 516px;
	line-height: 140%;
}

.news-title-detail{
	color:#000000;
	font-size: 17px;
	text-align:left;
	font-weight:bold;
	width: 516px;
	line-height: 140%;
}

.item_grid {
	vertical-align:top;
}

.txt_cate {
	font-weight:bold;
	color:#f31c55;
	font-size:13px;
	padding-bottom: 8px;
	padding-top: 2px;
}

.item-city	{
	font-weight:bold;
	margin-left:10px;
	height:auto;
	padding-top: 20px;
}
.item-school {
	font-weight:bold;
	margin-left:35px;
	height:auto;
	padding-top: 10px;
	color:#000000;
	text-indent: -16px;
}
.item-student {
	font-weight:bold;
	margin-left:30px;
	height:auto;
}

a.lien-banner:link {
 color: white;
 text-decoration:none;
 font-weight:bold;
 font-size: 9px;
}
a.lien-banner:visited {
 color: white;
 text-decoration:none;
 font-weight:bold;
 font-size: 9px;
}
a.lien-banner:hover {
 color: white;
 text-decoration:underline;
 font-weight:bold;
 font-size: 9px;
}

.other_news {
	text-align: justify;
	width: 450px;
	background-color:#FFFFCC;
	border-color: #F5C505;
	border-width: 1px;
	border-style: solid;
	padding : 10px;
	margin-left: 20px;
}

.others {
	text-indent: -17px;
}

a.red_biglink:link {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
 line-height: 120%;
}
a.red_biglink:visited {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
 line-height: 120%;
}
a.red_biglink:hover {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
 line-height: 120%;
}

a.red_catelink:link {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
 font-size: 13px;
 line-height: 120%;
 text-transform:uppercase;
}
a.red_catelink:visited {
 color: #021365;
 text-decoration:none;
 font-weight:bold;
 font-size: 13px;
 line-height: 120%;
 text-transform:uppercase;
}
a.red_catelink:hover {
 color: #021365;
 text-decoration:underline;
 font-weight:bold;
 font-size: 13px;
 line-height: 120%;
 text-transform:uppercase;
}

a.green_biglink:link {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
}
a.green_biglink:visited {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
}
a.green_biglink:hover {
 color: #2F6F99;
 text-decoration:none;
 font-weight:bold;
 font-size: 12px;
}

.new_member {
	font-size: 11px;
	color: #000000;
	margin-left: 40px;
	margin-right: 20px;
	text-indent: -15px;
}

.new_friend {
	font-size: 11px;
	color: #000000;
	margin-left: 15px;
	margin-right: 10px;
	text-indent: -15px;
}

#div-school {
	display:none;
	width:300px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	border:1px solid #003399;
	background-color:#FFFFCC;
}

.biggreen_txt {
	color: #357E1C;
	font-size:15px;
	font-weight:bold;
}

.member_photo {
	float: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.member_name {
	float:left;
	padding-top: 2px;
	padding-left: 10px;
	width: 376px;
	display:block;
}

.member_position {
	float:left;
	padding-top: 2px;
	padding-left: 10px;
	font-style:italic;
	width: 366px;
	display:block;
}

.member_school {
	float:left;
	padding-top: 2px;
	padding-left: 10px;
	font-style:italic;
	width: 366px;
	display:block;
}
.member_occ {
	float:left;
	padding-top: 2px;
	padding-left: 10px;
	font-style:italic;
	width: 366px;
	display:block;
}

.news-right {
	width: 199px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	text-indent: -15px;
}

.txt_message {
	text-align: center;
	width: 440px;
	background-color:#FFFFCC;
	border-color: #F5C505;
	border-width: 1px;
	border-style: solid;
	padding : 30px;
}

div.tf-md {
	width:516px;
	height:8px;
	overflow:hidden;
	background-image: url("images/tf-mapage-md.gif");
	background-repeat: no-repeat;
}

div.th-md-bienvenue {
	width: 516px;
	height: 46px;
	background-image: url("images/th-bienvenue.gif");
	background-repeat: no-repeat;
}

div.th-md-mes-amis {
	width: 516px;
	height: 46px;
	background-image: url("images/th-mes-amis.gif");
	background-repeat: no-repeat;
}

div.th-md-actualite-amis {
	width: 516px;
	height: 46px;
	background-image: url("images/th-actualite-amis.gif");
	background-repeat: no-repeat;
}

div.bg-mapage-md {
	width: 516px;
	height: auto;
	background-image: url("images/bg-mapage-md.gif");
	background-repeat:repeat;
}

div#bienvenue, div#mes-amis, div#actualite-amis {
	padding-bottom: 20px;
}


div.tf-smd {
	width: 244px;
	height: 8px;
	overflow:hidden;
	background-image: url("images/tf-mapage-smd.gif");
	background-repeat: no-repeat;
}

div.th-md-ma-mediatheque {
	width: 244px;
	height: 46px;
	background-image: url("images/th-ma-mediatheque.gif");
	background-repeat: no-repeat;
}

div.th-md-invitation-reques {
	width: 244px;
	height: 46px;
	background-image: url("images/th-invitation-reques.gif");
	background-repeat: no-repeat;
}

div.th-md-invitation-envoyees {
	width: 244px;
	height: 46px;
	background-image: url("images/th-invitation-envoyees.gif");
	background-repeat: no-repeat;
}

div.bg-mapage-smd {
	width: 244px;
	height: auto;
	background-image: url("images/bg-mapage-smd.gif");
	background-repeat:repeat;
}

div.th-md2 {
	width: 244px;
	height: 10px;
	overflow:hidden;
	background-image: url("images/th-mapage-md2.gif");
	background-repeat: no-repeat;
}

div.bg-mapage-md2 {
	width: 244px;
	height: auto;
	background-image: url("images/bg-mapage-md2.gif");
	background-repeat:repeat;
}

div.tf-md2 {
	width: 244px;
	height: 10px;
	overflow:hidden;
	background-image: url("images/tf-mapage-md2.gif");
	background-repeat: no-repeat;
}

div#invitez-amis, div#ma-mediatheque, div#invitation-reques {
	padding-bottom: 20px;
}

.mapage-name {
	font-size:12px;
	color:#000000;
	font-weight: normal;
}

.mapage-school {
	font-size: 13px;
	color:#000000;
	font-weight: bold;
	padding-bottom: 15px;
}

div.bonjour {
	line-height: 200%;
	float: left;
	width: 356px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div.panel {
	line-height:170%;
	float:left;
	width: 356px;
	padding-bottom: 5px;
}

a.blue_link:link {
	font-size: 13px;
	font-weight: normal;
	color:#2F6F99;
	text-decoration:none;
}

a.blue_link:visited {
	font-size: 13px;
	font-weight: normal;
	color:#2F6F99;
	text-decoration:none;
}

a.blue_link:hover {
	font-size: 13px;
	font-weight: normal;
	color:#2F6F99;
	text-decoration:underline;
}

a.blue_bold:link {
	font-size: 11px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}

a.blue_bold:visited {
	font-size: 11px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}

a.blue_bold:hover {
	font-size: 11px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:underline;
}

.mapage-title-media {
	font-size: 12px;
	color:#000000;
	font-weight: bold;
	line-height: 150%;
}
.mapage-number-media {
	font-size: 11px;
	color:#000000;
	font-weight: normal;
	line-height: 150%;
	font-style:italic;
}

a.black_link:link {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
a.black_link:visited {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
a.black_link:hover {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}


a.blue_biglink:link {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}
a.blue_biglink:visited {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}
a.blue_biglink:hover {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}

.personalmenu	{
	float: right;
	margin-top:45px;
	overflow:hidden;	
}

/* Rolloff state */
.personalmenu div a {
	display: block;
	background-position: 0 0;
}

/* Rollover state */
.personalmenu div a:hover	{ background-image: none; }
.personalmenu div {
	float: left;
	background-position: 0 100%;
}

.mapage-profil, .mapage-profil a	{
	background-image: url("images/btn-mapage-profil.gif") ;
	width: 120px;
	height: 22px;
}

.mapage-profilactive {
	background-image: url("images/btn-mapage-profil.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-profilactive a {
	background-image: none;
	width: 120px;
	height: 22px;
}

.mapage-media, .mapage-media a	{
	background-image: url("images/btn-mapage-media.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-mediaactive {
	background-image: url("images/btn-mapage-media.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-mediaactive a {
	background-image: none;
	width: 120px;
	height: 22px;
}

.mapage-amis, .mapage-amis a	{
	background-image: url("images/btn-mapage-amis.gif") ;
	width: 120px;
	height: 22px;
}

.mapage-amisactive {
	background-image: url("images/btn-mapage-amis.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-amisactive a {
	background-image: none;
	width: 120px;
	height: 22px;
}

.mapage-home, .mapage-home a	{
	background-image: url("images/btn-mapage-home.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-homeactive {
	background-image: url("images/btn-mapage-home.gif") ;
	width: 120px;
	height: 22px;
}
.mapage-homeactive a {
	background-image: none;
	width: 120px;
	height: 22px;
}

.edit_icon{
	background-image: url('images/edit-icon.gif');
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.setting_icon	{
	background-image: url('images/setting-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.logout_icon	{
	background-image: url('images/logout.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.friend_icon	{
	background-image: url('images/friend-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.search_icon	{
	background-image: url('images/search-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.upload_icon	{
	background-image: url('images/upload-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.history_icon	{
	background-image: url('images/history-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.news_icon	{
	background-image: url('images/newsletter-icon.gif') ;
	width: 40px;
	height: 33px;
	border: 0;
	cursor: pointer;
}

.btn_common {
	background-color:#FFFFCC;
	border-color: #F5C505;
	border-width: 1px;
	border-style: solid;
}

.logo {
	display: inline;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
}
.txt_logo {
	display: inline;
	float: left;
	text-align:center;
	vertical-align:middle;
	width:102px;
	padding-right: 5px;
}
.txt_logo1 {
	display: inline;
	float: left;
	text-align:center;
	vertical-align:middle;
	width: 152px;
}

.box {
	font-size:12px;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	width: 150px;
	height:16px;
}

.box_btn {
	font-size:12px;
	color:#016191;
	border-color:#7F9DB9;
	background-color:#D6E6EE;
	border-style:solid;
	border-width:1px;
}

.box_list {
	font-size:12px;
	border-color:#7F9DB9;
	border-style:solid;
	border-width:1px;
	height:20px;
}

#div-ajax-loading {
	z-index:10 ;
	position:fixed;
	top:0px;
	left:0px;
	background-color:#cc4444;
	color:#ffffff;
}

.construction {
	font-size: 15px;
	color: #FF0000;
	font-weight: bold;
}

.mediahdr {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color:#3D84CC;
	height:22px;
	background-image:url('images/headerbg.gif');
	background-position:0 100%;
}

.mediahdr_left {
	float:left;
	height:22px;
	width:9px;
	background-image:url('images/headerleft.gif');
	background-position:0 100%;
	display:block;
}

.mediahdr_right {
	float:right;
	height:22px;
	width:9px;
	background-image:url('images/headerright.gif');
	background-position:0 100%;
	display:block;
}

.mediaitem {
	font-size: 11px;
	color: #FFFFFF;
	background-color:#E6EFF7;
}

a.linkhdr:link {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
a.linkhdr:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
a.linkhdr:visited {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

div.tf-md {
	width: 516px;
	height: 8px;
	background-image: url('images/tf-mapage-md.gif');
	background-repeat: no-repeat;
}

div.th-md-bienvenue {
	width: 516px;
	height: 46px;
	background-image: url('images/th-bienvenue.gif');
	background-repeat: no-repeat;
}

div.th-md-mes-amis {
	width: 516px;
	height: 46px;
	background-image: url('images/th-mes-amis.gif');
	background-repeat: no-repeat;
}

div.th-md-actualite-amis {
	width: 516px;
	height: 46px;
	background-image: url('images/th-actualite-amis.gif');
	background-repeat: no-repeat;
}

div.bg-mapage-md {
	width: 516px;
	height: auto;
	background-image: url('images/bg-mapage-md.gif');
	background-repeat:repeat;
}

div#bienvenue, div#mes-amis, div#actualite-amis {
	padding-bottom: 20px;
}


div.tf-smd {
	width: 244px;
	height: 8px;
	background-image: url('images/tf-mapage-smd.gif');
	background-repeat: no-repeat;
}

div.th-md-ma-mediatheque {
	width: 244px;
	height: 46px;
	background-image: url('images/th-ma-mediatheque.gif');
	background-repeat: no-repeat;
}

div.th-md-invitation-reques {
	width: 244px;
	height: 46px;
	background-image: url('images/th-invitation-reques.gif');
	background-repeat: no-repeat;
}

div.bg-mapage-smd {
	width: 244px;
	height: auto;
	background-image: url('images/bg-mapage-smd.gif');
	background-repeat:repeat;
}

div.th-md2 {
	width: 244px;
	height: 10px;
	background-image: url('images/th-mapage-md2.gif');
	background-repeat: no-repeat;
}

div.bg-mapage-md2 {
	width: 244px;
	height: auto;
	background-image: url('images/bg-mapage-md2.gif');
	background-repeat:repeat;
}

div.tf-md2 {
	width: 244px;
	height: 10px;
	background-image: url('images/tf-mapage-md2.gif');
	background-repeat: no-repeat;
}

div#invitez-amis, div#ma-mediatheque, div#invitation-reques {
	padding-bottom: 20px;
}

.mapage-name {
	font-size: 17px;
	color:#000000;
	font-weight: bold;
}

.mapage-school {
	font-size: 13px;
	color:#000000;
	font-weight: bold;
	padding-bottom: 15px;
}

div.bonjour {
	line-height: 200%;
	float: left;
	width: 356px;
	padding-top: 7px;
	padding-bottom: 7px;
}

div.panel {
	line-height:170%;
	float:left;
	width: 356px;
	padding-bottom: 5px;
}

.mapage-title-media {
	font-size: 12px;
	color:#000000;
	font-weight: bold;
	line-height: 150%;
}
.mapage-number-media {
	font-size: 11px;
	color:#000000;
	font-weight: normal;
	line-height: 150%;
	font-style:italic;
}

a.black_link:link {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}
a.black_link:hover {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:underline;
}
a.black_link:visited {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}

a.blue_biglink:link {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}
a.blue_biglink:hover {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}
a.blue_biglink:visited {
	font-size: 15px;
	font-weight: bold;
	color:#2F6F99;
	text-decoration:none;
}

/* Rolloff state */
.personal div a {
	display: block;
	background-position: 0 0;
}

/* Rollover state */
.personal div a:hover	{ background-image: none; }
.personal div {
	float: left;
	background-position: 0 100%;
}

.personal	{
	display: inline;
	width: 1003px;
	float:left;
	padding-bottom: 2px;
}

.div-friend-0{
	padding:5px;
	margin-bottom:5px;
	width:100%;
	height:40px;
	background-image:url('images/bg-mapage-md-0.gif');
}

.div-friend-1{
	padding:5px;
	margin-bottom:5px;
	width:100%;
	height:40px;
	background-image:url('images/bg-mapage-md-1.gif');
}

.div-friend-2{
	padding:5px;
	margin-bottom:5px;
	width:100%;
	height:40px;
	background-image:url('images/bg-mapage-md-2.gif');
}

/* Rolloff state */
.add a {
	display: block;
	background-image: url("images/add.gif") ;
	background-repeat:no-repeat;
	width:15px;
	height:16px;
	background-position: 0 0;
}

/* Rollover state */
.add a:hover	{ background-image: none; }
.add {
	float: left;
	display: block;
	background-image: url("images/add.gif") ;
	background-repeat:no-repeat;
	width:15px;
	height:16px;
	background-position: 0 100%;
}

.blue_title {
	padding-top:20px;
	padding-left:0px;
	font-size:14px;
	color:#206D99;
	font-weight:bold;
}

#submenu {
	width:160px;
	height:140px;
	display:block;
	position:absolute;
	margin-top:28px;
	overflow:hidden;
	z-index:500;
	border:1px solid #2f6f99;
	display:none;
}
#submenu div span{ display: none;}

/* Rolloff state */
#submenu div a {
	display: block;
	background-position: 0 0;
}

/* Rollover state */
#submenu div a:hover	{ background-image: url('none'); }
#submenu div {
	float: left;
	background-position: 0 100%;
}

.opportunites, .opportunites a	{
	background-image: url('images/opportunites.gif') ;
	width: 170px;
	height: 28px;
}
.professionnel, .professionnel a	{
	background-image: url('images/professionnel.gif') ;
	width: 170px;
	height: 28px;
}
.actualites, .actualites a	{
	background-image: url('images/actualites.gif') ;
	width: 170px;
	height: 28px;
}
.culture, .culture a	{
	background-image: url('images/culture.gif') ;
	width: 170px;
	height: 28px;
}
.reseau, .reseau a	{
	background-image: url('images/reseau.gif') ;
	width: 170px;
	height: 28px;
}
