/* Général */

* { 
margin:0; 
padding:0;
font-family:Arial, Verdana, Helvetica;
/*font-size:98%;*/
font-size:13px;
} 

body{
text-align:center;
color:#000;
/*background-color:#8ea9ca;*/
}

a:link,a:visited,a:active {
color:#000;
text-decoration:none;
}

a:hover {
color:#F00;
}

ul,li {
list-style-type:none;
padding:0;
}

li{
display:inline;
}

img{
border:0;
}

form{
margin:0;
}

textarea{
margin:0;
}

td{
text-align:left;
vertical-align:top;
}

#bloc{
margin: 0 auto;
width:802px;
background-color:#FFF;
}

#bloclight{
/*margin: 0 auto;*/
width:582px;
background-color:#FFF;
}

#banniere{
display:block;
height:150px;
width:800px;
border-style:none solid;
border-width:1px;
border-color:#2f5788;
margin:0;
}

.form_lien_sel{
background:transparent url(../images/select.png) 2px 0em no-repeat;
padding-left:17px;
}

.info{
text-align:left;
background:transparent url(../images/select.png) 2px 0em no-repeat;
padding-left:20px;
margin:5px;
}

.nouveaute{
text-align:left;
background:transparent url(../images/nouveau.png) 2px 0em no-repeat;
padding-left:20px;
margin:5px;
}

/* Index */

#global{
width:100%;
height:830px;
border-style:none solid solid solid;
border-width:1px;
border-color:#2f5788;
}

#globallight{
width:580px;
height:599px;
border-style:none solid solid solid;
border-width:1px;
border-color:#2f5788;
}

#partiegauche{
float:left;
width:220px;
text-align:center;
}

#partiedroite{
/*min-height:100%;*/
height:830px;
text-align:center;
margin-left:220px;
border-left-style:solid;
border-width:1px;
border-color:#2f5788;
/*overflow:auto;*/
}

#partiedroitelight{
/*min-height:100%;*/
height:599px;
text-align:center;
/*margin-left:220px;*/
}

#Presentation{  
  margin:20px 30px;
  padding:5px;
  text-align:left;
  height:75px;
  overflow:auto;
  border-style:solid;
  border-width:1px;
  border-color:#2f5788;  
}

#identification{
  width:220px;
}

/* Chat */

#listeAllInfos{
height:65px;
}

#listeAllFull{
text-align:left;
height:580px;
overflow-y: auto;
overflow-x:hidden;
}

.ligneconnecte{
width:220px;
}

.chatinfo{
text-align:left;
width:18px;
}

.chatpseudo{
text-align:left;
width:120px;
}

#messchat{
width:190px;
background:#2f5788;
padding:5px;
margin:0 5px 10px 5px;
font-weight:bold;
border-style:solid;
border-width:1px;
border-color:#F00;
}

.cpl_het{
background:transparent url(../images/cpl_het.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.hom{
background:transparent url(../images/hom.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.fem{
background:transparent url(../images/fem.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.tra{
background:transparent url(../images/tra.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.cpl_hom{
background:transparent url(../images/cpl_hom.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.cpl_fem{
background:transparent url(../images/cpl_fem.png) 2px 0.1em no-repeat;
padding-left:25px;
width:120px;
}

.cpl_het_icone{
background:#000 url(../images/cpl_het.png) 2px 0.1em no-repeat;
padding-left:20px;
}

.hom_icone{
background:#000 url(../images/hom.png) 2px 0.1em no-repeat;
padding-left:20px;
}

.fem_icone{
background:#000 url(../images/fem.png) 2px 0.1em no-repeat;
padding-left:20px;
}

.tra_icone{
background:#000 url(../images/tra.png) 2px 0.1em no-repeat;
padding-left:20px;
}

.cpl_hom_icone{
background:#000 url(../images/cpl_hom.png) 2px 0.1em no-repeat;
padding-left:20px;
}

.cpl_fem_icone{
background:#000 url(../images/cpl_fem.png) 2px 0.1em no-repeat;
padding-left:20px;
}


/* Partie inscription */

#inscription{
margin-left:4px;
margin-right:5px;
}

/* Partie connexion */ 

.ligneconnexion{
width:150px;
margin:5px; 
padding:5px;
}

.ligneconnexion li { 
padding:5px;
}

.libelleconnexion{
width:100px;
margin-left:auto;
margin-right:auto;
}

.caseconnexion{
width:140px;
}

.caseconnexion_double{
/*display:inline;*/
width:200px;
margin-left:auto;
margin-right:auto;
}

.aideconnexion{
display:block;
width:200px;
border-style:dashed;
border-width:1px;
border-color:#C09;
margin:5px;
}

/* Partie recherche */ 

#recherche{ 
width:220px;
}

.typerechrap{
width:220px;
text-align:left;
}

.libellerechrap{
width:150px;
}

.libellerechrapcentre{
width:150px;
padding-left:5px;
}

.caserechrap_mini{
width:50px;
text-align:left;
}

.caserechrap_minicentre{
width:50px;
padding-left:3px;
}

.caserechrap{
width:220px;
text-align:left;
}

.caserechrapcentre{
width:220px;
padding-left:5px;
}

.boutonrechrap{
text-align:center;
width:220px;
padding:5px;
}

.boutonrechrapcentre{
text-align:center;
width:200px;
padding:5px;
}

.ConnecteEncart{
display:inline;
}

/* input */

.inputbouton{
color:#FFF;
font-weight:bold;
/*background-color:#401572;*/
background-color:#2f5788;
border-style:solid;
border-width:1px;
border-color:#000;
padding:0 5px 0 5px;
margin:5px 0 0 0;
}

.inputbouton:hover {
color:#F00;
/*background-color:#B68CDE;*/
background-color:#577fb0;
border-style:solid;
border-width:1px;
border-color:#2f5788;
}

.inputtext{
border-style:solid;
border-width:1px;
border-color:#2f5788;
}

a.bouton:link, a.bouton:visited, a.bouton:active a.bouton:hover{
	padding:2px 20px;
	background:#2f5788;
  font-weight:bold;
  color:#FFF;
border-style:solid;
border-width:1px;
border-color:#000;
}

/* Inscription */

.libelleinsc{
vertical-align:top;
width:130px;
font-weight:bold;
/*border-style:solid;
border-width:1px;
border-color:#F00;*/

}

.libelleinsc_double{
vertical-align:top;
width:300px;
}

.libelleinsc_double_ss_aide{
vertical-align:top;
width:400px;
}

.caseinsc{
vertical-align:top;
width:140px;
}

.caseinsc_ss_aide{
vertical-align:top;
width:210px;
}

.caseinsc_double_aide{
vertical-align:top;
width:350px;
}

.caseinsc_double{
vertical-align:top;
width:450px;
}

.aide{
display:block;
width:100px;
text-align:center;
border-style:dashed;
border-width:1px;
border-color:#C09;
padding:2px;
}

/* Fiche */

#visiteur{
display:block;
text-align:center;
width:500px;
height:240px;
margin:10px 40px 10px 40px;
color:#A20000;
font-size:200%;
border:1px #FFF solid;
}

/* */  

.barre_num{
/*width:580px;
display:inline;*/
text-align:right;
margin-right:5px;
}

#numselect{
display:inline;
color:#A20000;
font-weight:bold;
}

a.numnonselect{
color:#000000;
font-weight:bold;
}

.encart{
float:left;
margin-left:5px;
}

.encart_photo{
display:block;
width:88px;
height:88px;
border-style:solid none solid solid;
border-width:1px;
border-color:#2f5788;
}

.entete{
color:#FFF;
height:24px;
line-height:24px;
/*padding:2px 0 2px 0;*/
margin:0 0 8px 0;
font-weight:bold;
background: url(../images/entete.gif) top left repeat-x;
border-style:solid none;
border-width:1px;
border-color:#2f5788;
}

.ssentete{
display:block;
width:100%;
color:#2c5784;
font-weight:bold;
background: url(../images/ssentete.gif) top left;
line-height:24px;
margin-bottom:6px;
margin-top:6px;
border-style:solid none solid none;
border-width:1px;
border-color:#2f5788;
}

.ligne{
display:block;
text-align:left;
}

.message{
display:block;
width:100%;
font-weight:bold;
color:#000;
background-color:#c2d4ec;
padding:4px;
border-top-style:solid;
border-width:1px;
border-color:#2f5788;
}

/* Navigation */

#navigation{
  width:800px;
  height:34px;
  text-align:left;
  font-weight:bold;
  border-style:solid solid none solid;
border-width:1px;
border-color:#2f5788;
margin:0;    
}
#navigation a {
       line-height:normal !important;
	line-height:34px;
	display:inline;
	vertical-align:middle;
	height:34px;
       width:50px;
	padding:0 10px 0 10px;

}
#navigation a:hover,
#navigation a:active {
	background-position:center left;
	color:#000;
}

.navigation_image{
/*display:inline;*/
vertical-align:middle;
margin-top:2px;
}

/* SsNavigation */

#SsNavigation{
  margin-bottom:10px; 
  width:100%;  
  text-align:left;
  background:url(../images/bouton_menu.gif);
  border-bottom:solid;
  border-width:1px;
  border-color:#000000;  
}
#SsNavigation li {
   text-align:center;   
   margin:0;
   padding:0;
   height:30px;
   line-height:30px;
   float:left;
}
#SsNavigation a:link, #SsNavigation a:visited {
  padding:9px 10px 9px 10px;    
  color:#FFF;
  font-size:13px;
  font-weight:bold;
  line-height:30px; 
  border-right:solid;
  border-width:1px;
  border-color:#000000; 
}
#SsNavigation a:hover {
  padding:9px 10px 9px 10px;
  color:#FFF;  
  background:url(../images/bouton_menu_hover.gif);
  font-size:13px;
  font-weight:bold;
  line-height:30px;
  border-right:solid;
  border-width:1px;
  border-color:#000000;
}

.SsCelluleNav{ 
}
.SsCelluleNavSel{
  color:#000; 
  background:url(../images/bouton_menu_hover.gif);
}

/* Onglet */

#Onglet{
  width:579px;  
  text-align:left;
  margin-bottom:10px;      
}
.PremCelluleOng{  
  width:80px;
  height:26px;
  background:url(../images/premonglet.png) top left no-repeat;
  border-style:none solid solid none;
  border-width:1px;
  border-color:#000;   
}

.DerCelluleOng{
  width:44px; 
  background-color:#401572; 
  border-style:solid none solid none;
  border-width:1px;
  border-color:#000;   
}

.CelluleOng{  
  display: block;
  width:151px;  
  line-height:26px;
  text-align:center;  
  font-weight:bold;
  color:#FFF; 
  background-color:#401572; 
  border-style:solid solid solid none;
  border-width:1px;
  border-color:#000;
}

a.CelluleOng:link, a.CelluleOng:visited {
  color:#FFF;
  background-color:#401572;  
}
a.CelluleOng:hover {
  color:#FFF;
  background:none;
  background-color:#B68CDE;  
}

.CelluleOngSel{    
  width:151px;
  line-height:26px;
  text-align:center;  
  font-weight:bold;
  color:#FFF; 
  background-color:#B68CDE;
  border-style:solid solid none none;
  border-width:1px;
  border-color:#000;  
}

.CelluleSsOng{
padding:0;
margin:0;
width:100%;
height:20px;
background-color:#B68CDE;
border-bottom:solid;
border-width:1px;
border-color:#000;
}

#recherche_resultat{
width:580px;
height:430px;
margin:0;
padding:0;
}

#NbMessage{
font-weight:bold;
padding:10px;
}

#BarreTitreMessage{
  background:url(../images/bouton_ssmenu.gif);
  height:30px;
  line-height:30px;    
}

.TitreMessage{
font-weight:bold;
vertical-align:middle;
}

.BarreLigneMessage1{
  color:#FFF;
  background-color:#000;
  height:24px;
  border-bottom:solid;
  border-width:1px;
  border-color:#FFF; 
}

.BarreLigneMessage2{
  color:#FFF;
  background-color:#000;
  height:24px;
  border-bottom:solid;
  border-width:1px;
  border-color:#FFF; 
}

.BarreLigneMessageSel{
  color:#401572;
  background-color:#FFF;
  height:24px;
}

.LienMessage{
  line-height:24px;
  vertical-align:middle;
}

a.LienMessage:link, a.LienMessage:visited, a.LienMessage:active{  
  color:#FFF;
}

.LienMessageSel{
  line-height:24px;
  vertical-align:middle;
  font-weight:bold;
}

a.LienMessageSel:link, a.LienMessageSel:visited, a.LienMessageSel:active{  
  color:#401572;
  font-weight:bold;
}

#ListeMessage{
  width:574px;
  text-align:left;
  height:145px;
  overflow:auto;
  border-bottom-style:solid;
  border-width:1px;
  border-color:#2f5788;  
}

.libelle{
vertical-align:top;
width:140px;
font-weight:bold;
}

.libelle_double{
width:300px;
}

.libelle_double_ss_aide{
width:480px;
}

.case{
width:205px;
}

.case_ss_aide{
width:210px;
}

.case_double_aide{
width:350px;
}

.case_double{
width:450px;
}

.case_triple{
vertical-align:top;
text-align:center;
width:550px;
}

.photo{
border-style:solid;
border-width:1px;
border-color:#2f5788;
}

#formulaire{
height:830px;
/*overflow-y: auto;
overflow-x:hidden;*/
overflow: scroll;
}

#listecontact{
/*height:500px;
overflow-y: auto;
overflow-x:hidden;*/
}

.pseudo_contact{
font-weight:bold;
width:260px;
text-align:left;
}

.ajout_contact{
width:260px;
text-align:right;
}

.info_contact{
font-weight:bold;
text-align:left;
padding-left:5px;
}

#photo_scroll{
width:500px;
text-align:center;
}

#fiche{
/*height:762px;
overflow-y: auto;
overflow-x:hidden;*/
text-align:center;
}

.diagoption{
display:block;
width:450px;
font-weight:bold;
background: #F03 url(../images/ssentete.gif) top left;
line-height:24px;
border-style:none solid none solid;
border-width:1px;
border-color:#2f5788;
}

.diagquestion{
display:block;
width:450px;
height:80px;
margin-bottom:10px;
border-style:solid;
border-width:1px;
border-color:#2f5788;
}

#annonce{
width:450px;
height:300px;
border-style:solid;
border-width:1px;
border-color:#2f5788;
}

#footer{
clear:both;
width:800px;
margin:0;
}