.Profilgirl { background-color:#FFE1FF; border:#F0F solid 2px; }
.Profilboy { background-color:#D5EAFF; border:#00F solid 2px; }


.divgirl { background-color:#FFE1FF; }

.divboy { background-color:#D5EAFF; }

td,select,input {font:normal 12px Arial}
      .select1 {width:170px}
      .select2 {width:80px}

body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	/*background:url(/bg.jpg) fixed #EBEBEB;*/
	background:url(/bg.png) bottom repeat-x #C1E2FD fixed;
}


.searchbox {
    font-size: 12px;
    padding: 2px;
    padding-left: 25px;
    background: #ffffff url(/loupe.png) 5px center no-repeat;
    border: 1px solid #aca289;
    width: 100px;
}
#searchbox {
    width: 145px;
    margin-right: 2px;
    display: inline;
    vertical-align: middle;
}

#search_submit {
    padding: 0 2px;
    width: 80px;
    background: #000;
    color: #fff;
    border-color: #999;
    font-weight: bold;
    cursor: pointer;
}

#propaganda
{
	float: left;
}

#propaganda {
	width: 270px;
}

#class1 p {
width:305px; 
float:right;
}
#class2 p {
width:305px;
float:left;
}

#header2 {
font-size: 11pt;
width:647px;
margin-left: 70px;
/*margin-top: 5px;*/
}

#header3 {
font-size: 12px;
width:320px;
margin-left: 825px;
margin-top: 5px;
}


#contenu2 {
font-family: Arial;
font-size: 10px;

}

#menu_gauche {
font-family: Arial;
font-size: 12px;
font:normal 12px Arial;

}
#barrehaut {
font-family: Arial;
font-size: 12px;
font:normal 12px Arial;
width:100%;
}

.mecs
{ color: #0000ff; text-decoration:none; }

.mecs:hover
{ color: #0000ff; text-decoration:underline; }

.filles
{ color: #ff00ff; text-decoration:none; }

.filles:hover
{ color: #ff00ff; text-decoration:underline; }

.m_mecs
{ padding-top:10px; padding: 5px 5px 5px 13px; background: transparent url(/img/common/Boy.png) no-repeat center left; }

.m_filles
{ padding-top:10px; padding: 5px 5px 5px 13px; background: transparent url(/img/common/Girl.png) no-repeat center left; }

.m_gb
{ padding-top:10px; display:block; padding: 5px 20px 5px 26px; background: transparent url(/img/common/gb.png) no-repeat center left; }

.m_gb
{ color: #0000ff; text-decoration:none; }

.m_gb:hover
{ color: #0000ff; text-decoration:underline; }

.m_mecs
{ color: #0000ff; text-decoration:none; }

.m_mecs:hover
{ color: #0000ff; text-decoration:underline; }

.m_filles
{ color: #ff00ff; text-decoration:none; }

.m_filles:hover
{ color: #ff00ff; text-decoration:underline; }



/*
.menugauche
{ color: #FF6600; text-decoration:none; }

.menugauche:hover
{ color: #FF6600; text-decoration:underline; }
*/

.Menu3 .menugauche { color: #011FAD; text-decoration:none; }
.Menu3  .menugauche:hover { color: #011FAD; text-decoration:underline; }

.Menu4  .menugauche { color: #FC279C; text-decoration:none; }
.Menu4  .menugauche:hover { color: #FC279C; text-decoration:underline; }

.Menu5  .menugauche { color: #C96205; text-decoration:none; }
.Menu5  .menugauche:hover { color: #C96205; text-decoration:underline; }

.footer
{ color: #000000; text-decoration:none; }

.footer:hover
{ color: #000000; text-decoration:underline; }

.lien
{ color: #000000; text-decoration:underline; }

.lien:hover
{ color: #000000; text-decoration:none; }


.lien_p
{ color: #000000; text-decoration:none; }

.lien_p:hover
{ color: #000000; text-decoration:underline; }


.partenaires
{ color: #0033FF; text-decoration:none; }

.partenaires:visited
{ color: #0033FF; text-decoration:none; }

.partenaires:hover
{ color: #003399; text-decoration:none; }

.partenaires2
{ color: #0099FF; text-decoration:none; }

.partenaires2:hover
{ color: #6699FF; text-decoration:none; }

.barre
{ color: #339900; text-decoration:none; }

.barre:hover
{ color: #33CC33; text-decoration:none; }

.barre2
{ color: #0CF; text-decoration:none; }

.barre2:hover
{ color: #09F; text-decoration:none; }

.barre3
{ color: #F6F; text-decoration:none; }

.barre3:hover
{ color: #ff0000; text-decoration:none; }


.haut
{ color: #000000; text-decoration:none; }

.haut:hover
{ color: #ffffff; text-decoration:none; }





.boy
{color: #0000ff }

.girl
{color: #ff00ff }


.bgris
{border:1px solid #CCCCCC;padding:2px 4px 2px 4px; background-color:#FFFFFF;}


.lgris
{border:1px solid #CCCCCC;background-color:#FFFFFF;}

.lnnoir
{border:1px solid #0099ff;background-color:#FFFFFF;}

.lrose
{border:1px solid #198FE5;background-color:#FFFFFF;}

.lrouge
{border:1px solid #ff0000;}

.boy
{border:1px solid #0000ff;}

.girl 
{border:1px solid #ff00ff;}

.boy2
{border:1px solid #0000ff;}

.girl2
{border:1px solid #ff00ff;}

.boy_fond
{background-color:#0000ff;}

.girl_fond
{background-color:#ff00ff;}

.cellulebleu{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: bold;color:#FFFFFF;
	background-color : #32647D;padding-left : 3px;height : 16px;}
	
.cellulebleuc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FFFFFF;
	background-color : #249CD3;padding-left : 3px;height : 16px;}
	
.celluleblanc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FA5C18;
	background-color : #FFFFFF;padding-left : 0px;height : 16px;}


.tableau {  BACKGROUND-COLOR: #F3F4F5; BORDER: #D2D6D9 1px solid; COLOR: #063D61; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.input {  BACKGROUND-COLOR: #ffffff; BORDER: #31A8D2 1px solid; COLOR: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}


a
{ color: #fa5c18; text-decoration:underline; }

a:hover
{ color: #F68B5D; text-decoration:none; }



/* footer index */
#footer_site {
font-family:Arial;
clear:both;
position: relative;
text-align:left;
margin-top:10px;

}
#footer_site ul {
list-style-type:none;
    float:left;
   display: inline;
    width: 190px;

	
}

#footer_site li {
	margin-left:20px;
}
#footer_site h4 {
    margin-bottom: 6px;
    font-size: 16px;
    color:#999999;
}
#footer_site h3 {
    margin-bottom: 6px;
    font-size: 16px;
    color:#000000;
	font-weight:normal;
}

#footer_site li a {
color:#000000;
font-size:12px;
text-decoration:none;
}
#footer_site li a:hover {
color:#000000;
font-size:12px;
text-decoration:underline;
}
#tchat_wb h1 {
color:#FFFFFF;
font-family:Arial;
font-size:12px; 
margin-bottom: 0px;
margin-top:0px;
}



/* 
DEBUT MENU P **********************************************************************/



input.SeConnecter {
margin-top:8px;
/*display: block;*/
width: 160px;
/*border: 0;*/
font-family:Arial, Helvetica, sans-serif;
border:1px solid #09F;
background-color: #0CF;
font-weight:bold;
display:block;
height:30px;
margin-left:6px;
}
 
input.SeConnecter:hover {
margin-top:8px;
/*display: block;*/
width: 160px;
/*border: 0;*/
font-family:Arial, Helvetica, sans-serif;
border:1px solid #09F;
background-color:#3E9EFF;
font-weight:bold;
display:block;
height:30px;
cursor:pointer;
margin-left:6px;
}

.c_seconnecter {
	background-color:#EAEAEA;	
}

.c_seconnecter:hover {
	background-color:#ccc;
	
}


  .connect {
 margin-top:10px;
 margin-left:5px;
 font:normal 13px Arial;
 }
 
 label.required2 {
display: block;
	float: left;
	width: 160px;
	text-align: left;

 }
 
 input.txt2 {

	/*border: 0;*/
border:1px solid black;
 background-color:#ffffff;
 padding:4px;

 }
 

 .MenuLeft {
 color:#0080FF;
 font-size:12px;
 font-family:Arial;
 text-decoration:none;
 
 }
 
  .MenuLeft:hover {
 color:#0080FF;
 font-size:12px;
 font-family:Arial;
 text-decoration:underline;
 
 }
 
 .password {
 color:#0080FF;
 font-size:12px;
 font-family:Arial;
 text-decoration:none;
 margin-top:3px;
 display:block;
 
 }
 
  .password:hover {
 color:#0080FF;
 font-size:12px;
 font-family:Arial;
 text-decoration:underline;
 margin-top:3px;
 display:block;
 
 }
 
  .MenuLeft2 {
 width: 170px;
 height:23px;
 padding-top:5px;
 background:url(/img/button/button_subscribe.png) no-repeat;
 color:#000000;
 font-size:13px;
 font-family:Arial;
 text-decoration:none;
 margin-top:8px;
 margin-left:6px;
 display:block;
 text-align:center;
 font-weight:bold;
 
 }
 
  .MenuLeft2:hover {
 width: 170px;
 height:23px;
 padding-top:5px;
  background:url(/img/button/button_subscribe_hover.png) no-repeat;
 color:#000000;
 font-size:13px;
 font-family:Arial;
 text-decoration:none;
 margin-top:8px;
 margin-left:6px;
 display:block;
  text-align:center;
 
 }
 
  .Menu2 {
 color:#000000;
 font-size:13px;
 font-family:Arial;
 margin-left:5px;
 
 }
 
 .Menu3 {
 color:#000000;
 font-size:12px;
 font-family:Arial;
 margin-left:5px;
 margin-top:0px;
 margin-bottom:0px;
 line-height:100%;
 
 }
 
 .box .menu {
 color:#000000;
 font-family:Arial;
 font-size:13px;
 font-weight:bold;
/* background-color:#CCCCCC;*/
 /*margin-left:5px;*/
 padding-right: 3px;
 padding-top:2px;
 }
 
 .box {
  margin-left:5px;
   /* position: relative;*/
    font-weight: normal;
    font-size: 14px;
    background-image: url(/img/common/bleu.png);
    background-repeat: repeat;
    background-position: left 10px;
	/*background-color:#E9E9E9;*/
	margin-top:5px;
	margin-bottom:5px;
}

.box span {
    background-color: #ffffff;
}


/********* FIN MENU P *********/


#MenuDeroul {
	 FONT-SIZE: 12px;; FONT-FAMILY: arial; color:#004bd7; 
}
#MenuDeroul .niveau1 {
	padding:0; margin:0; cursor:pointer;
}
#MenuDeroul .niveau2 li {
	cursor:pointer; padding-left:2px;
}
#MenuDeroul UL UL {
	BORDER-RIGHT: #b0b0b0 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #b0b0b0 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px; 
	BORDER-LEFT: #b0b0b0 1px solid;
	ADDING-TOP: 0px; 
	BORDER-BOTTOM: #b0b0b0 1px solid; 
	POSITION: absolute; 
	TOP: -1px;
}
#MenuDeroul LI {
	PADDING-BOTTOM: 8px; MARGIN: 0px; WIDTH: 192px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; POSITION: relative; BACKGROUND-COLOR: #ffffff;
}
#MenuDeroul LI:hover {
	/*BACKGROUND-COLOR: #ffff70;*/
}
#MenuDeroul LI A {
	/*TEXT-DECORATION: none;*/ color:#004bd7;
}
#MenuDeroul LI:hover UL.niveau2 {
	DISPLAY: block;
}

.menuhome hr {
	height: 1px; border: 0px; border-top: 1px dotted #c7c7c7;
}


/* index.php lastupdate 23.05.2013 */

#header_site { background-color:#333; height:92px; }

.lienconnect { text-decoration:none;float:right; color:#FFF; font-size:12px; padding-right:10px;  font-weight:bold;}
.lienconnect:hover { text-decoration:underline;float:right; color:#FFF; font-size:12px; padding-right:10px; font-weight:bold; }

.style1 { width:1000px; margin-left:auto; margin-right:auto; }

.style2 { width:998px; height:92px; float:left; background-image:url(/2011/header.png); border-left:solid 1px #333; border-right:solid 1px #333; }

.style3 { font-family: Arial;font-size: 12px;font:normal 12px Arial;width:988px;height:22px; text-align:left; color:#FFF; padding-top:5px; padding-left:10px;display:block }

.style4 { width:480px; height:46px; float:left; }

.h1_status { color:#fff; font-size:12px; font-family:Arial; line-height:15px;margin: 0 0 1px 0px; }

.blue_menu { background-color:#9FCFFF; height:35px; }

#contenu_site_large { width:1000px; margin-left:auto; margin-right:auto; background-color:#FFF; }

#contenu_site { width:1000px; margin-left:auto; margin-right:auto; } 

#header_contenu { width:1000px; padding-bottom:10px; background:url(/img/common/header.png) no-repeat #f0f0f0; }

.informations_chat { height:150px;margin-top:10px; }

.fonctionnalites { width:370px; float:right;font-family:Arial; font-size:12px; height:140px; color:#666; }

.h2_fonctionnalites { color:#000; font-size:13px; line-height:20px;margin: 0 0 4px 2px; display:block; }

.infos_tchat { width:340px; font-family:Arial; font-size:12px;  color:#666; margin-left:20px; }

.h2_tchat { color:#000; font-size:13px; line-height:20px;margin: 0 0 4px 2px; display:block; }

.span_infos_tchat1 { color:#F60; }
.span_infos_tchat2 { color:#666; }

#login { width:230px;padding-left:4px; border-right:solid 1px  #CCCCCC; padding-right:8px; }

#bloc_cadre { height:auto;padding-left:4px; padding-right:8px; }

#bloc_vesta { width:220px; padding:8px; margin-top:20px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; border:solid 1px #CCC; }

.h_vesta { margin:0; padding:0; line-height:15px; }

.description_vesta { color:#999 }

.design_fin_contenu { width:1000px; height:10px; margin-right:auto; margin-left:auto; background:url(/img/design/100.png) no-repeat; }

.note { padding:5px; font-family:arial; font-size:12px;  margin-left:auto; margin-right:auto; border-top:#666 solid 1px; color:#747474; }
.h_note { color:#000; font-size:13px; line-height:20px;margin: 0 0 2px 0px; display:block; font-family:Arial; margin-top:5px; }

.copyright { width:1000px; margin-right:auto; margin-left:auto; text-align:center }

.footer_site { font-family:Arial,Helvetica,sans-serif; font-size:12px; width:1000px; margin-right:auto; margin-left:auto; }

#bloc_footer { background-color:#CCC; }

.menu_left1 { float:left;width:242px; }
.menu_left2 { height:auto;width:230px;padding-left:4px; padding-right:8px;border-right:solid 1px  #CCCCCC;border-bottom-color:#CCCCCC; border-bottom-style:solid; border-bottom-width:1px }

.header_status_barrette_left { width:300px; float:left; }
.header_status_barrette_right { width:685px; float:right; }
#header_contenu_right { float:right; width:750px; }
.margin_padding_zero { margin:0; padding:0; }
.div_sinscrire { width:370px; margin-top:15px; }
.textarea_input { border:solid 1px #000000; background-color:#FFF; padding:3px; }
.margin_left_20 { margin-left:20px; display:block; }
.note p { margin:0; padding:0; line-height:15px; }

#html h1 { font-size:14px; line-height:17px; font-weight:normal; padding:0 0 0 0; margin:2px 0 10px 0; text-align:center; }