* {
	margin: 0px;
	padding: 0px;
}

html {
	margin: 0px;
	padding: 0px;
	}

body { 
	font: 12px Arial; 
	color: #555; 
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
	text-align: center;
	background: url('tophome_02/fond.gif') left top repeat-x #EFEBE0;
}

.body_tophome { 
	font: 12px Arial; 
	color: #555; 
	margin: 0px; 
	padding: 0px;
	min-height: 100%;
	text-align: center;
	background: url('tophome_02/fondtophome.gif') left top repeat-x #EFEBE0;
}

a{
  color: #336699;
}

a:visited {
  color: #336699;
}

#global {
  margin-left: auto;
  margin-right: auto;
  width: 782px;
  text-align: left;
}

#filariane {
  width: 780px;
  margin-top: 6px;
  height: 48px;
  color: #c2c2c2;
}

#connexion {
  font-size: 11px;
  float: right;
  margin: 25px 1px 0 0;
  width: 170px;
  height: 23px;
  background: url('tophome_02/deja_inscrit.gif') left top;
  text-align: center;
}

#connexion span{
  padding: 0 8px;
  line-height: 23px;
}

#connexion a{
  color: #EDEDED;
  font-size: 11px;
  text-decoration: none;
}


#backhome {
  font-size: 11px;
  float: right;
  margin: 25px 10px 0 0;
  width: 120px;
  height: 23px;
  background: url('tophome_02/retour_home.gif') left top;
  text-align: center;
}

#backhome span{
  padding: 0 8px;
  line-height: 23px;
}

#backhome a{
  color: #EDEDED;
  font-size: 11px;
  text-decoration: none;
}

#logospan {
  font-size: 10px;
  float: left;
}

#logo {
  border: 0;
}


#globalpage {
  border: 0;
  background: #FFF;
  width: 780px;
  height: auto !important;
  height: 625px;
  min-height: 625px;
}



#footer {
  margin: 4px 0 10px 0;
  font-size:11px;
  text-align:center;
  color: #878276;
}
#footer a{
  color: #878276;
  text-decoration: none;
}
#footer img{
  vertical-align: middle;
  margin: 0 2px;
}

/****************************************************************/
/* home page */

#home_bandeau_famille{
  height: 296px;
  background: url('tophome_02/fond_accueil_famille.jpg') left top;
  border-right: 1px solid #E1DCCF;
  border-left: 1px solid #E1DCCF;
}

#home_bandeau_famille_bis {
  padding-top: 15px;
}

#home_bandeau_famille h1{
  margin-left: 20px;
  font-size: 27px;
  color: #4A4537;  
}
#home_bandeau_famille h2{
  margin-left: 21px;
  font-size: 24px;
  font-weight: normal;
  color: #4A4537;
}

#home_bandeau_famille ul{
  margin: 15px 0 5px 22px;
}

#home_bandeau_famille li{
  line-height: 28px;
  font-size: 18px;
  color: #7B7567;
  list-style: none;
  background: url('tophome_02/check_home.gif') left top no-repeat;
  padding-left: 30px;
}

#home_bandeau_famille li a{
  text-decoration: none;
  color: #7B7567;
}

#bouton_famille_savoir_plus {
  float: left;
  background: url('tophome_02/bouton_famille_savoir_plus.gif') left top no-repeat;
  display:block;
  width: 166px;
  height: 32px;
  color: #FFF;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
  margin: 10px 0 0 20px;
}

#bouton_famille_savoir_plus:hover{
  background: url('tophome_02/bouton_famille_savoir_plus2.gif') left top no-repeat;
}

#bouton_famille_creer_site {
  float: left;
  background: url('tophome_02/bouton_famille_creer_site.gif') left top no-repeat;
  display:block;
  width: 166px;
  height: 32px;
  color: #FFF;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
  margin: 10px 0 0 20px;
}

#bouton_famille_creer_site:hover{
  background: url('tophome_02/bouton_famille_creer_site2.gif') left top no-repeat;
}

#home_bandeau_details{
  height: 330px;
  border-right: 1px solid #E1DCCF;
  border-left: 1px solid #E1DCCF;
  padding: 0 0 0 15px;
}

#home_bandeau_details_bis{
  padding-top: 20px;
}

.home_block_img {
  float: left;
  width: 92px;
  height: 132px;
}

.home_block_txt {
  line-height: 16px;
  color: #404040;
  float: left;
  width: 270px;
  margin-left: 5px;
}

.home_block_txt h3{
  font-size: 15px;
  margin-bottom: 5px;
}

#home_bandeau_footer {
  background: #88816D;
  height: auto !important;
  height: 125px;
  min-height: 125px;
  border-right: 1px solid #3C3931;
  border-left: 1px solid #3C3931;
}

#home_bandeau_footer_bis{
  padding-top: 10px;
}

#home_bandeau_footer_border {
  background: url('tophome_02/footer.gif') left top no-repeat #444037;
  height: 6px;
}


.home_bandeau_footer_block {
  float:left;
  width: 360px;
  margin-left: 15px;
  color: #E8E3D4;
}

.home_bandeau_footer_block h3{
  font-size: 15px;
  margin: 0 0 5px 0;
}

.home_bandeau_footer_mini_block{
  width: 160px;
  float: left;
}

.home_bandeau_footer_mini_block li{
  list-style: none;
}


.home_bandeau_footer_block a{
  color: #E8E3D4;
  text-decoration: none;
}
.home_bandeau_footer_block a:visited{
  color: #E8E3D4;
  text-decoration: none;
}


.explication{
  margin: 10px 0 10px 0;
  line-height: 1.6em;
}

.explication2{
  color: #777;
  font-size:11px;
  padding: 0 0 10px 0;
}

.explication3{
  border:1px solid #AAAAAA;
  background:#F0F0F0;
  padding:4px;
  line-height:14px;
  color:#555;
}
/****************************************************************/

#switchlang {
  width:250px;
  float: right;
  margin: 1px 1px 0 0;
  height: 18px;
  color: #CECECE;
  text-align: right;
}

#switchlang a{
  color: #E9E9E9;
  text-decoration: none ;
}

.menu_lang {
  display:none;
  background:#336699;
  color:#FFF;
  width:140px;
  margin:4px 4px 0 250px;
  position:absolute;
  top:30px;
  left:50%;
  padding:2px;
}

.menu_lang a{
  line-height:20px;
  display:block;
  padding:2px 3px;
}

.menu_lang a:hover{
  background-color: #75aacd;
}




#deconnexion {
  float: right;
  margin: 8px 0 0 0;
  width: 600px;
  height: 21px;
  color: #CECECE;
  text-align: right;
}
#deconnexion a{
  color: #E9E9E9;
  text-decoration: none ;
}
#deconnexion .span2{
  margin-left: 60px;
  margin-right: 1px;
}

#menu {
  border-bottom: 1px solid #98BED8;
  border-top: 2px solid #657A87;
  background: #75AACD;
  height: 26px;
  width: 780px;
}

.nav {
	list-style: none;
}

.nav_a {
	height: 26px;
	line-height: 26px;
	color: #FFF;
	text-decoration: none;
	padding: 0 8px;
}

.nav_a:visited{
	color: #FFF;
}

.nav_a:hover{
  background: #3C82B0;
}

.nav_a a.active{
  background: #DDE5EB;
}

.nav_li {
	float: left;
	display: block;
	border-right: 1px solid #98BED8;
}


.nav_li:hover{
  background: #3C82B0;
}
/****************************************************************/

.content1{
  margin: 10px;
}

.content2{
  margin: 10px;
  line-height: 20px;
  font-size: 12px
}

.titre2{
  font: bold 17px Verdana;
  padding: 5px 0;
  color: #C1D624;
}

.titre3{
  font: bold 13px Verdana;
  color: #555;
  text-transform: uppercase;
}

.titre3 span{
  font: normal 11px Georgia;
  text-transform: none;
  color: #999;
}

.titre4{
  font: 11px Verdana;
  color: #777;
  margin-bottom: 5px;
}

.titre5 {
  font: normal 15px Arial;
  padding: 3px;
  background: url('tophome_02/fondblock.gif') left top repeat-x #E8E3DD;
  color: #000;
}

.titre52 {
  margin-top: 19px;
  font: normal 16px Arial;
  color: #333;
  border-bottom: solid 1px #7f7f7f;
}

.liste1{
  list-style: none;
  margin-left: 10px;
}

.liste1 li{
  margin: 5px 0 5px 15px;
}

.form1 fieldset{
  border: none;
}

.liste2{
  list-style: circle;
  margin-left: 20px;
  line-height: 24px;
}

.liste_sites{
  list-style: none;
  margin: 0 0 0 5px;
}

.liste_sites li{
  margin: 0 0 3px 0;
  clear:both;
}

.minipic{
  float: left;
  font-size: 11px;
  color:#FFF;
  text-align:center;
  margin-bottom: 10px;
  background: #75AACD; 
}

.minipic img{
  border: 0px solid #517190;
  width: 100px;
  height: 100px;
}
.description{
  margin-left: 5px;
  float: left;
  margin-bottom: 10px;
  width: 320px;
  /*border:1px red dotted;*/
}

.form2{
  margin: 5px 0;
  font-size: 0.8 em;
  background: #F1ECD8;
  padding: 3px;
  border: 1px solid #DDD6B9;
  width: 380px;
}
.form2 textarea{
  margin: 3px 0;
}

.form2 fieldset{
  border: none;
}

.form3 {
  border: 1px solid #C2BCB7;
  background: #F1EEEA;
  padding: 10px;
}

.form3 fieldset{
  border: 1px solid #D7D7D7;
  padding: 5px;
}

.form3 legend{
  color: #999;
}

.form3 legend{
  color: #333;
}

.form3 label{
  float: left;
  text-align: right;
  margin-right: 5px;
  line-height: 25px;
}

.form3 p{
  line-height: 25px;
  clear: both;
}

.alert5 {
  margin-top: 5px;
  width: 320px; 
  border: 1px solid red; 
  color: red; 
  background: #FFE5E5;
  padding: 10px;
}

.alert5ok {
  margin-top: 5px;
  width: 320px; 
	border: 1px solid #33CC33;
	background: #EAFEEA;
	color: #339900;
	margin-top: 10px;
	margin-bottom: 10px;  
  padding: 10px;
}

.alert {
	border: 1px solid red;
	background: #ffeaea;
}

.alert2 {
	border: 1px solid red;
	background: #ffeaea;
	color: red;
	height: 30px;
	width: 730px;
	padding: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.alert3 {
  margin-left: 25%;
  padding-left: 4px;
	line-height: 20px;
	color: red;
}

.alert4 {
  line-height: 16px;
  vertical-align: middle;
  height: 25px;
}
.alert4 img{
  vertical-align: bottom;
  margin-right: 10px;
  margin-left: 10px;
  width: 28px;
  height: 28px;
}
.alert4 span{
  margin-left: 54px;
}

.alert6 {
	border: 1px solid #c1d624;
	background: #efff77;
	color: #838d38;
	padding: 10px;
	width: 730px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.alert7{
   margin: 0 20px;
   background: #F5F5F5;
   padding: 10px;
   font-size: 19px;
}

.avantages li{
  margin: 10px 0 10px 20px;
}
/****************************************************************/

#search_result {
  margin-top: 10px;
}

.spanlink{
  color: #336699;
  text-decoration: underline;
  cursor: pointer;
}


/****************************************************************/
#inscription {
	border: none;
	padding: 0;
	width: 740px; 
}

#piedForm {
	text-align: center;
}

.piedForm {
  margin-top: 3px;
	text-align: center;
}

#piedForm input {
	font-weight: bold;
	margin-left: 1em;
}

.corpForm {
	border: 1px solid #EFD9B4;
	color: #555;
	background: #F9F1E4;
	margin: 0;
	padding: 1em;
}

.corpForm fieldset {
	border: 1px solid #FCF9F4;
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
}
.corpForm legend {
	color: #999;
	background: transparent;
}
.corpForm p {
	padding: .2em 0;
	margin: 0 0 .2em 0;
	clear:both;
}
.corpForm fieldset label {
	float: left;
	width: 25%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}
.corpForm label:hover, #piedForm input {
	cursor: pointer;
}
.corpForm label.oblig {
	font-weight: bold;
}
.corpForm .legende {
  margin-right: 10px;
	font-style: italic;
	font-size: .9em;
	color: #666;
	background: transparent;
	padding: 0;
}

.corpForm .input {
	border: 1px solid #555;
	width: 140px;
}

.corpForm .focus {
	background: beige;
	color: black;
	border: 1px solid #000;
	width: 140px;
}
.corpForm .normal {
	background: white;
	color: black;
	border: 1px solid #555;
	width: 140px;
}

#txtcgv {
  font-size: 10px;
  font-family: arial;
  width: 690px;
  border: 1px solid #555;
}

/******************************************************************/
/* infobulle */
a.info {
	position: relative;
	text-decoration: none;
	color: black;
}

a.info img {
	border: 0;
}
a.info:hover{
	z-index:25; 
	background: none;
}

a.info span{
	display: none
}

a.info:hover span { 
	display: block;
	position: absolute;
	top: -5em;
	left: 2em;
	background: orange;
	text-align: center;
	color: white;
	padding: 2px;
	width: 200px;
	border: 1px solid #d45f00; 
}

#cache {
	text-align: left;
	background: #FFF;
}
/******************************************************************/

#photo_iframe.visible {
  visibility: visible;
	border-width: 0px;
	height: 60px;
	width: 400px;
	float:left;
	/*border: 1px solid red;*/
}

#photo_iframe.hidden {
  visibility: hidden;
  border-width: 0px;
	height: 0px;
	width: 0px;
	float:left;
}

#wait.hidden {
  visibility: hidden;
	width:0px;
	height:0px;
	float:left;
}

#wait.visible {
	visibility: visible;
	margin: 0 0 0 10px;
	height: 60px;
	width: 400px;
	float:left;
}
#avatar {
  width: 40px;
  height: 40px;
  padding: 5px;
  float:left;
}
/******************************************************************/
#top10 {
  color:#333;
  margin-bottom:30px;
}
#top10 ul{
  list-style: none;
}
.top10_nb{
  width:25px;
  float:left;
  text-align:right;
  margin-right:5px;
}
.top10_name{
  width:300px;
  float:left;
}
/******************************************************************/
#univers{
  border: 1px solid #555;
	height: 500px;
	width: 760px;
	margin: 0;
}
#universframe{
	border-width: 0;
	height: 500px;
	width: 760px;
}
/**********************************************************/
#top_msg{
	font-size: 12px;
	background: #E1E1E1;
	padding: 5px;
	border:0;
}

#tophome_left{
  width:450px;
  float:left;
  margin: 10px 0 0 10px;
}

#tophome_right{
  width:280px;
  float:right;
  padding: 10px 10px 0 0;
}

.tophome_left_block{
  /*border: 1px solid #D4CFCB;*/
  background:#f7f5f1;
  margin-bottom: 10px;
}

.tophome_right_block{
  border: 1px solid #D4CFCB;
  background:#F1EEEA;
  margin-bottom: 10px;
}
.tophome_right_block ul{
  list-style: none;
  margin: 5px;
}
.tophome_right_block li{
  margin: 3px 0;
}
.tophome_right_block p{
  margin: 5px;
  line-height: 15px;
}

.tophome_right_block2{
  margin-bottom: 10px;
  width: 280px;
}
.tophome_right_block2 ul{
  list-style: none;
  margin: 0 5px 0 0;
}
.tophome_right_block2 li{
  margin: 12px 0;
}
.tophome_right_block2 p{
  line-height: 16px;
}

/**********************************************************/

#master_div{
  background: url('tophome_02/fondnewhome.gif') left top repeat-y #FFF;
  height: auto !important;
  height: 800px;
  min-height: 800px;
}

#newhome_desc_d {
  float: right;
  width: 402px;
}

#newhome_desc_d2{
  height: 335px;
  overflow: hidden;
}

#newhome_desc_tab ul.tabs {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	height:20px;
}

#newhome_desc_tab ul.tabs li {
	float:left;
	width:134px;
	text-align:center;
}

#newhome_desc_tab ul.tabs li a {
	display:block;
	height:16px;
	padding:5px 3px 5px 3px;
	background-color:#75AACD;
	color:#FFF;
	text-decoration: none;
	border-top: 1px solid #777;
	border-left: 1px solid #98BED8;
	border-bottom: 1px solid #98BED8;
}

#newhome_desc_tab ul.tabs li a:hover {
	background-color:#3C82B0;
}

#newhome_desc_tab ul.tabs li a.active {
	background-color:#FFF;
	border-top: 0;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	border-bottom: 1px solid #777;
	color:#006699;
	padding:9px 3px 8px 3px;
}

#newhome_desc_tab ul.tabs li a.active:hover {
  background-color:#FFF;
}


#newhome_desc_tab div {
	clear:both;
	width: 400px;
	height: 300px;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
}

#newhome_desc_g {
  float: left;
  width: 340px;
  margin: 10px;
}

#newhome_desc_g li{
  list-style: disc;
  font-size: 13px;
  margin: 5px 0 5px 17px;
}

.titre6{
  font: bold 21px Tahoma;
  color: #676767;
  margin-bottom:9px;
}
.titre6s{
  font: bold 17px Tahoma;
  color: #676767;
  margin-bottom:4px;
}





/**********************************************************/
/* en savoir plus */

.infos_div_gauche{
  float: left;
  width: 500px;
  margin-left: 20px;
  padding-top: 20px; 
}
.infos_div_gauche p{
  font-size: 13px;
  line-height: 16px;
}
.infos_div_gauche img{
  margin-top: 10px;
}
.infos_div_gauche li{
  margin-left: 10px;
  line-height: 17px;
  list-style: none;
}


.infos_div_droit{
  float: left;
  width: 200px;
  padding: 20px 0 0 20px;
}
.infos_div_droit img{
  margin: 20px 0 0 27px;
}
/**********************************************************/

.msg_tophome{
  
  color: #333;
  margin-bottom: 8px;
}
.msg_tophome h2{
  background: #FFFF99;
  font-size: 12px;
  padding: 4px 2px;
  margin: 0 0 4px 0;
}
.msg_tophome p{
  background: #FFFCEB;
  color: #333;
  padding: 4px;
  margin: 0;
}

.help_msg{
  border:1px solid #AAA;
  background:#F0F0F0;
  color:#555;
  font-size:11px
  margin-top:10px;
  margin-bottom:10px;
  padding:5px;
  width:590px;
  
}

/**********************************************************/
/* forum */

#forum{
  margin-left:auto;
  margin-right:auto;
  padding: 0 10px 0 10px;
  width:750px;
  
  padding-bottom: 10px;
}

#forum hr{
  color: #D4D4D4;
  background-color: #D4D4D4;
  height: 1px;
  border: 0;
  margin-top: 4 px;
  margin-bottom: 2px;
}

#forum table{
  border: 1px solid #D4D4D4;
}

.rail_forum{
  font: bold 17px Verdana;
  padding: 5px 0;
  color: #C1D624;
}

.rail_forum a{
  color: #C1D624;
  text-decoration: none;
}

.rail_forum a:visited{
  color: #C1D624;
  text-decoration: none;
}

.liste0 {  
  background:#F4F4F4;
  padding: 7px;
  font: 12px;
  line-height: 17px;
  vertical-align : top;
}

.liste1 {
  background:#FFFFFF;
  padding: 7px;
  font: 12px;
  line-height: 17px;
  vertical-align : top;
}

.forum_titre h3{
  font: bold 17px;
}


#logos {
  background:#F4F4F4;
  padding: 0px;
}

#reply{
  margin-top: 20px;
  font: bold 14px Verdana;
  color: #C1D624;
}

#reply a{
  color: #C1D624;
  text-decoration: none;
}

#forum_intro{
  margin-bottom: 20px;
  font-size:12px;
  padding: 5px;
  background:#F4F4F4;
  border: 1px solid #D4D4D4;
}

.forum_header {
  font: normal 11px Arial;
  padding: 3px;
  background: url('tophome_02/fondblock.gif') left top repeat-x #E8E3DD;
  color: #000;
}

.forum_edit_title{
  padding:10px 80px;
}

.forum_edit_title input{
  width:600px;
  background-color:#F0F0EE;
  border: 1px solid #D4D4D4;
}

.forum_edit_title button{
  width:80px;
  background-color:#F0F0EE;
  border: 1px solid #D4D4D4;
}

/**********************************************************/
  
.bouton_todo_plus{
  background: url('tophome_02/bouton_todo_plus_grey.gif') left top no-repeat;
  display:block;
  width: 25px;
  height: 19px;
}
.bouton_todo_plus:hover{
  background: url('tophome_02/bouton_todo_plus_green.gif') left top no-repeat;
  cursor: pointer;
}

.bouton_todo_moins{
  background: url('tophome_02/bouton_todo_moins_grey.gif') left top no-repeat;
  display:block;
  width: 25px;
  height: 19px;
}
.bouton_todo_moins:hover{
  background: url('tophome_02/bouton_todo_moins_red.gif') left top no-repeat;
  cursor: pointer;
}

#menutodo {border-bottom: 1px solid #C2BCB7; padding-bottom:1px;margin:15px 0;}
#menutodo .tabMenu { text-align: center; margin: 25px 0 0;}
#menutodo .tabMenu li { display: inline; margin-left: -5px;}
#menutodo .tabMenu li a { display: inline; padding: 3px 20px 1px 20px; background: #E8E3DD; text-decoration: none; color: #777; border-top: 1px solid #cecece;border-right: 1px solid #cecece; border-left: 1px solid #cecece; }
#menutodo .tabMenu li a:hover { text-decoration: none; color: black; background: #E8E3DD;}
#menutodo .tabMenu li.active a { background: #fff; color: #000; border-bottom: 1px solid #fff; }


/****************************************************************/

#photolist {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  list-style: none;
}

#photolist li{
  padding: 0;
  margin: 0 5px 5px 0;
	float: left;
	display: block;
}

#photolist div{
  width: 140px;
  height: 140px;
  border: 0;
  text-align: center;
  font-size: 0.8em;
  background: url('tophome_02/fondphoto.gif') #FFF;
}

#photolist a{
  color: #A89B94;
  text-decoration: none;
}

#photolist img{
  border: 1px solid #E1DBD7;
  margin-top: 20px;
}

.pages li{
  list-style: none;
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #BBB;
	margin: 3px 4px 0 0;
	padding-top: 2px;
	text-align: center;
}

.pages li:hover{
  background: #68ABE2;
}

.pagenothover{
  background: #FAFAFA;
}

.pagehover{
  background: #68ABE2;
}

.pages a{
  text-decoration: none;
}

.titre7{
  font: normal 12px Arial;
  padding: 3px;
  background: #FFFF99;
  color: #57574c;
}

/****************************************************************/

.formzp {
  line-height: 25px;
  clear:both;
}

.formzsp1{
  height: 25px;
  display: block;
  float:left;
  width:150px;
  text-align:right;
  padding: 0 7px 0 0;
}
.formzsp2{
  padding: 2px;
  height: 20px;
  display: block;
  float:left;
  width:300px;
}
.formzsp2 input{
  text-transform: uppercase;
}
.formzsp3{
  display: block;
  float:left;
  color:#34312a;
  font-weight:bold;
  padding-left:8px;
  height: 25px;
  border-left:3px solid #cea700;
}

.table1{
  border-collapse:collapse;
}
.table1 td{
  font-size: 12px;
  line-height: 14px;
  padding: 5px 10px;
  border-bottom: 1px solid #c1d624;
}

/****************************************************************/

#asignup{
  margin: 8px 0 0 0;
  display: block;
  text-decoration: none;
  text-align: center;
  background: #c61a4a;
  color: #FFF;
  font-weight: bold;
  font-size:15px;
  width: 200px;
  line-height: 30px; 
}

#asignup:hover{
  background: #d52959;
}

.h1public{
    color: #FFF;
    background: #d01b4e;
    margin-bottom: 10px;
    padding: 7px 20px;
    font-size: 23px;
}

/****************************************************************/
#wl_search{
  float: left;
  width: 500px;
  margin: 10px;
}

#wl_card{
  float: left;
  width: 250px;
  margin: 10px 0 0 0;
}

#wl_card h1{
  text-align: center;
  font-size: 17px;
  padding-bottom: 5px;
}

#wl_card p{
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
  padding-bottom: 10px;
}

#wl_form {
  margin: 5px 5px 0 0;
}

#wl_form #search{
  width: 200px;
  height: 20px;
  font-size: 17px;
}
#wl_form #submit{
  width: 100px;
  text-align: center;
  height: 24px;
  border: 1px solid #777;
}
#wl_form #submit:hover{
  background: #d3d3d3;
  cursor: hand;
}

.wl_results {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 480px;
}

.wl_results li{
  margin: 0;
  padding: 5px;
}

.wl_results li h2{
  font-size: 15px;
}

.wl_results_div1 {
  float: left;
  width: 370px;
  margin: 5px;
}

.wl_results_div2 {
  float: left;
  width: 90px;
  padding-top: 5px;
  text-align: center;
}

.wl_add{
  text-align:center;
  display: block;
  padding:  4px;
  background: #d2ea23;
  border: 1px solid #b9ce1e;
  width: 100px;
  cursor: pointer;
  margin-top:4px;
  text-decoration:none;
  color: #000;
}

.wl_add:hover{
  background: #dcf04d;
  color:#000;
}
.wl_add:visited{
  color:#000;
}

.wl_add_block{
  text-align:center;
  display: block;
  padding:  4px;
  background: #b8b8b8;
  border: 1px solid #9f9f9f;
  width: 100px;
  cursor: pointer;
  margin-top:4px;
  text-decoration:none;
  color: #000;
}

.wl_add_block:hover{
  background: #d7d6d6;
  color:#000;
}
.wl_add_block:visited{
  color:#000;
}

#wl_items{
  margin-top: 10px;
}

.wl_item{
  float:left;
  width: 80px;
  height: 80px;
  text-align :center;
}

#wl_global{
  margin: 20px;
}

#wl_global h2{
  font-size: 17px;
}

#wl_user_info{
  margin: 0 0 25px 10px;
}

#wl_user_info h1{
  font-size:17px;
}

.spanwait {
  display: none;  
}
#spanwait {
  display: none;
}

.tableappli{
  background: #f1f1f1;
  margin-top: 20px;
  padding:10px 20px;
}

.tableappli tr{
  height: 20px;
}

/****************************************************************/
.graph{
  margin: 10px 0 20px 0;
}
.bonus{
  position:absolute;
  margin-left: 600px;
  font-size: 21px;
  font-weight: bold;
  color:#555;
  text-align:center;
  width:120px;
}

.bulle_graph{
  display:none;
  position: absolute;
  z-index: 100;
  width:140px;
}
.bulle_graph1{
  height: 8px;
}
.bulle_graph2{
  height: 30px;
  font-size:10px;
  color: #000;
  line-height: 11px;
  padding: 4px;
  background: #FFF;
  border-right: 1px solid #333333;
  border-left: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.table2{
  border-collapse:collapse;
  margin: 15px 0;
  border:1px solid #777;
}
.table2 td{
  padding: 3px 10px 3px 3px;
}

.table3{
  border-collapse:collapse;
}
.table3 td{
  width: 18px;
  font-family: tahoma;
  font-size: 10px;
  padding: 2px;
}

/******************************************************************/
.network_ico{
  margin: 5px 10px 5px 3px;
  border:0;
}

#div_scroll2{
  height: 200px;
  width: 500px;
  margin-top:5px;
  float:left;  
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  border: 1px solid #DDD;
  background-color: #FFFCF4;
  padding: 0;
}

.div_scroll_line{
  height: 40px;
  border-bottom: 1px solid #EEE;
}
.div_scroll_line1{
  float:left;
  width: 25px;
}
.div_scroll_line1 input{
  margin:8px 5px;
}
.div_scroll_line2{
  float:left;
  width: 450px;
}
.div_scroll_line2 h4{
  font-size: 14px;
  margin: 5px 0 0 0; 
}
.div_scroll_line2 p{
  font-size: 11px;
  margin: 0;
  color: #e8e3d4; 
}

.div_invite_logo{
  float:left;
  width: 140px;
}
.div_invite_form{
  float:left;
  width: 400px;
}

.div_invite_form input
  {
    border: 1px solid #DDD;
    font-size: 15px;
    padding: 6px;
    width: 200px;
    margin: 0;
  }
.div_invite_form td{
  font-size: 15px;
  height: 40px;
  padding: 0 10px; 
}
.div_invite_contact_form{
  width:550px;
  margin: 15px 120px;
}
.invit_button{
  padding:6px;
  font-size: 15px;
  margin: 10px 0 0 0;
  border: 1px solid #DDD;
}
#textarea_invit{
  height: 200px;
  width: 500px;
  margin: 5px 0 0 100px;
  border: 1px solid #DDD;
  background-color: #FFFCF4;
  padding:5px;
  
}
#invit_send{
  text-align:center;
}