*{margin:0;padding:0;}

body{
  background-color: #6B697F; 
  color:#848194; 
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 10px; 
  position:relative;
}
/*Boite principal*/
#container{
  height:573px; width:785px;
  margin : 5px auto 0 auto;
  background-color: #FFF;
  padding:3px 20px 0px 20px ;
  margin-bottom:25px;
}
/*haut de la page*/
#header{
  background-image: url(./images/bandeau1.jpg);
  background-repeat: no-repeat;
  height:130px;
}

#header_contact{
  background-image: url(./images/bandeau_contact.jpg);
  background-repeat: no-repeat;
  height:130px;
}
#header_insc{
  background-image: url(./images/bandeau_inscription.jpg);
  background-repeat: no-repeat;
  height:130px;
}

#maintitre {
	position:absolute;
	left: -5000px;
	top : -5000px;
	text-indent: -5000px;	
}
/*block pour identification*/
#boxlogin{float:right; margin-top:33px;text-align: left;margin-right:0px}
#boxlogin input[type="text"],#boxlogin input[type="password"]{
  border:1px solid #E2E2E2;
  background-color: #FFF;
  width:75px; margin:1px; color:#848194; 
}
#boxlogin a{ margin-right:2px;color:#848194;  font-size: 9px; font-weight:bold; text-decoration: none;}
#boxlogin a:hover{ color:#983B60;text-decoration: underline;}

/*Menu du haut*/
#boxmenu{
  position:relative;  
  height:40px; width:784px;   background-color: #686A83;
  border-bottom:1px solid #FFF;
  margin-top:-2px;
}

#menu1 ul, #menu2 ul{
  height:20px;
  width:785px; 
}

#menu1 li {
  list-style: none;  float:left;
  width:130px ;height:20px; 
  background-color: #B3A8AE;
}
#menu2 li {
  list-style: none;  float:left;
  width:82px ;height:19px; 
}
#menu1 a {
  color:#FFF; font-size: 10px; font-weight: bold;
  position:relative;  display: block;   
  line-height: 20px;  height:20px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-right:2px solid #FFF;
} 
#menu2 a {
  color:#FFF; font-size: 9px; font-weight: bold;
  position:relative;  display: block;   
  line-height: 12px;  height:17px; margin-top:3px;
  text-align: center;
  text-decoration: none;
  border-right:1px solid #FFF;
} 

/* 
couleur menu 1 
#B5B2C3 #C5B898 #BFA4A9 #D4BA9F #BAC3AE #B3A8AE 
#9991C1 #C49E46 #BC6F7D #D39556 #98C15E #B26E92
couleur menu 2 
#686A83
#4A4E82
*/


#item1_1 a { background-color: #B5B2C3; }
#item1_1 a:hover { background-color: #B5B2C3; }
#item1_2 a { background-color: #C5B898; }
#item1_2 a:hover { background-color: #C5B898;  }
#item1_3 a { background-color: #BFA4A9; }
#item1_3 a:hover { background-color: #BFA4A9;  }
#item1_4 a { background-color: #D4BA9F; }
#item1_4 a:hover { background-color: #D4BA9F; }
#item1_5 a { background-color: #BAC3AE; }
#item1_5 a:hover { background-color: #BAC3AE;  }
#item1_6 a { background-color: #B3A8AE; }
#item1_6 a:hover { background-color: #B3A8AE;  }

#item2_1 a:hover { background-color: #686A83;  }
#item2_2 a:hover { background-color: #686A83;  }
#item2_3 a:hover { background-color: #686A83;  }
#item2_4 a:hover { background-color: #686A83; }

/*Photos des femmes*/
#leftcol{
  height:433px; width:258px;
  float:left;
  margin-right :2px;

}
/*boite centrale*/
#center{
  position:relative;
  background-color: #D3CDCF; height:383px;
  margin-left:260px;

  width:524px;
}
#boxcenter{

  height:364px;
  overflow:auto;
  width:516px;
  font-size:12px;
  padding-top:18px;
  margin-left:5px;

}
a {color:#6B697F;font-weight:bold;}  

a:hover{
color :#983B60;
font-weight:bold;
}
h1{
 margin-top:15px; color :#983B60;
}
h2{
  font-size :16px; color :#6B697F;
}
h3 {font-size:15px; color:#686A83; margin:8px 0 3px 5px;}
boxcenter input, #boxcenter select, #boxcenter textarea, { 
  font-size:12px;  font-family: arial,sans-serif;    margin-top:5px;
}
#boxcenter input[type="image"]{ height:auto; width:auto }
/*
#boxcenter form p{
height:23px;
}
#boxcenter label{
  display:block;float:left;
  height:23px; width:190px;
  line-height:23px; font-size:12px;

}
#boxcenter span{display:inline;}

#boxcenter input{  height:16px; width:186px; }
#boxcenter select{ height:20px; width:190px; }
#boxcenter input[type="checkbox"]{ height:20px; width:20px; }
#boxcenter input[type="radio"]{ height:20px; width:20px; }


#boxcgv {margin-top:25px;}
#boxcgv input{display:block; float:left; margin-top:0px; } 
#boxcgv p{margin-top:1px; line-height:30px;}
*/
/********************************************
**  FORMULAIRE INSCRIPTION
********************************************/    


#boxcenter  table {width:440px; margin-left:10px;
	/*border-top: 1px dashed #AAA;*/

 }
#boxcenter form td {
  margin:0; padding:0 ; 
  text-align:left;}


#boxcenter .td_label{
	width:150px ; padding-left:5px; 
	margin:0; padding:0 ; 
	text-align:left;
	border-bottom: 1px dashed #AAA;
}
#boxcenter .td_champ{
	width:360px ; padding:0 0 5px 5px; 
	border-bottom: 1px dashed #AAA;
}

#boxcenter .td_label_insc{
	height:16px;
  width:152px ; 
	margin:0; padding:0 ; 
	text-align:left;
}
#boxcenter .td_champ_insc{
  height:16px;
	padding-left:5px; 
	width:290px ;
}


#boxcenter .td_label_long{
	width:280px ; padding-left:5px;
	border-bottom: 1px dashed #AAA;
}

#boxcenter .td_label_vide{
	/*border-bottom: 1px dashed #AAA;*/
}
#boxcenter .td_champ_vide{
  /*border-bottom: 1px dashed #AAA;*/
}
#boxcenter .td_submit{
	border-bottom: 1px dashed #AAA;
}
#submint_insc{margin-right:50px;
  float:right;
}
.value td { 
	width:290px; 
	padding: 5px 0 5px 2px; 
	border-bottom: 1px dashed #AAA;
}
.label td { 
	border-bottom: 1px dashed #AAA;
}
.limit_value{
  width:300px;
  max-height: 195px; height:195px;
  overflow: auto;

}
#etape {
  float:right; 
  width: 70px; 
  text-align: right; 
  font-weight:bold;
  margin-right:10px;
}

#boxcenter  label {
  width:150px;
}

#boxcenter  p {
  margin-left:10px

}
#boxcenter input {display: inline;
	font :12px arial; color : #454545; 
	height:16px; margin-bottom : 4px;	
}
#boxcenter input[type="radio"] {	
	height:13px; margin-bottom : 0px;	
}

textarea{font :12px arial;}
#boxcenter select {display: inline;
	font :12px verdana; color : #454545;
	height:20px; margin-bottom : 4px;
}

.info {font-size:10px}
.compteur_texte { font-size:10px}
.compteur_texte span { font-weight:bold}
#boxcenter input[type="submit"], button {	
  font-size:11px;font-weight: normal;
	color : #E2E2E2; border:0; height:25px;width:115px;
	background-image: url(./images/bck_action.gif);
  text-transform: uppercase;
}

/********************************************
**  PROFIL UTILISATEUR
********************************************/           

#profil h2{padding-top:0px}
#profil h3{padding-left:5px}
#profil p{
  margin:0; padding-left:5px;
}
#profil span.info_label{
 font-size: 10px;
 text-align:left;
}
#profil td.label{
 text-align:left;
 width:150px;
 padding-left:5px; 
}
#profil td.value{
 text-align:left;
 vertical-align: top;
}
#profil select{
 width:250px;
}

select.short_select{
 width:75px;
 color:red;
}

#nav_page{
  line-height:30px;
  width:95%;
  text-align: center;
  font-weight:bold;
  text-decoration: none;
}
#nav_page a{

  text-decoration: none;
}
/********************************************
**  PAGE D'ABONNEMENT
********************************************/           
#abonnement{
   margin :0 0 0 5px;
}
#abonnement h3{
  margin :10px 0 0 0;
}
#abonnement p{
  margin :0 0 10px 10px;
}

#abonnement ul{
  margin :0 0 0 10px;
  list-style: none ;
}
#abonnement ul li{
  margin :0 0 0 0px;
}

#abonnement a{
  margin :0 0 0 10px;
  font-size:10px;
  color: black;
  
}
#abonnement a:hover{
  text-decoration: underline;
}
/********************************************
**  PAGE REPERTOIRE ACCUEIL
********************************************/           
#accueil {}
#accueil h2{padding-top:0px}
#accueil h3{padding-left:5px; color:#686A83}

.dataTableRow {  }
.dataTableRowOver { background-color: #F0F0F0; cursor: pointer; }

#accueil span.info_label{
 font-size: 10px;
 text-align:left;
}

.view_video{
  display:block;
	width:100px; height:20px; line-height:20px;
	background: url(images/onglet1.jpg) no-repeat;
	text-align:center;
	text-decoration: none ;
	margin-top:3px;
}
#accueil table{
  border-spacing: 0px;
  border-collapse: collapse;
}

#accueil tr{
  padding:3px;
 
}
#accueil td.value{
  text-align:left;
  width:300px;
  vertical-align: top;
  /*border-bottom: 1px dashed #AAA;*/
	padding: 5px 0 5px 5px; 

}
#accueil td.label{
  text-align:left;
  width:120px;
  vertical-align: top;
	/*border-bottom: 1px dashed #AAA;*/
	padding: 5px 0 5px 5px; 

}
#accueil td.label_loc{
  text-align:left;
  width:125px;
  vertical-align: top;
  padding-left:6px; 
}
#right{
  
z-index:0;
  float:right;
}
#right .box{
  z-index:0;
  font-size: 12px ;
  border:1px solid #6B697F;
  width: 200px; 
  margin-top:15px;
 	padding-bottom: 10px; 
  text-align: left;
}

#right .box h3{
  font-size:14px;

	padding: 5px;
	text-align: center;
}
#right .box p{
  margin:-1px 20px 20px 20px;
  text-align: left;
}
#right .box ul{
  margin:0px 20px 20px 20px;
}
#right .box li{
 margin-left:20px;
}

/***************************************************
 *  visualisation d'un profil par un utilisateur  */
#media_upload{}
#media_upload ul {

  margin-left:9px;
  margin-top:15px;
  height:112px;
  width:484px;
  border-left:1px solid #E2E2E2; 
}

#media_upload li {
  height:110px;
  width:110px;
  float:left;
  border-right:1px solid #E2E2E2;
  border-top:1px solid #E2E2E2;
  border-bottom:1px solid #E2E2E2;

}
#media_upload li a {
  height:100px;
  width:100px;
}
#media_upload li a img{


  max-height:100px;
  max-width:100px; 
  border:1px solid black;

}
#view_action ul {
  width:430px; height:25;

}
#view_action li {
  display:block;float:left;
  width:121px; height:25px;
  margin-left:20px;
  margin-top:15px;
}

#view_action li a {
  display:block;
  font-size:11px;font-weight: normal;
	color : #E2E2E2; border:0; height:25px;width:110px;
	background-image: url(./images/bck_action.gif);
  line-height:22px;padding-left:5px;
  text-decoration: none; 
}

h2#view_h2 {display:block;  width:185px;margin:-5px 0 5px 15px;font-size:14px;font-weight:normal; float:left;}
h2#view_h2 span {
  font-size:24px; font-weight:bold;
}
.view_search{
  margin:25px  25px 10px 175px;
}
#view_info h3 span{
  margin:5px 0 10px 0;
  text-decoration: underline;
  font-size:16px;
}
#view_info h3 a{
  text-decoration: none;
  font-size:11px;
  font-weight:normal;
}
#view_info ul {background-color: rgb(51,153,153);}
#view_info p.annonce{ 
  margin: 15px 0 10px 15px; 
  width:416px;background-color:white; 
  height:100px;
  padding:2px;
  border: 1px rgb(179,179,179) solid;
  overflow: auto;
 }
#view_info table {
  width:420px;
  padding:2px;  margin-left:15px; 
  background-color: white;   
  border: 1px rgb(179,179,179) solid;
}
#view_info table.mini {width:420px; }
#view_info td  {
  border-bottom: 1px #E2E2E2 dashed;

}

#view_info td.left{   width:100px; background-color:inherit;  }

#view_info td.right{ padding-left:5px;  background-color: inherit;  }

/********************************************
**  AFFICHAGE DES RESULTAT
********************************************/           
.block_resultat {
 
	background:  url(images/box_res_bg.gif) repeat-y;

  width:471px;
}
.box_res_top {
	background:  url(images/box_res_top.gif) no-repeat;
	width:100%;height:13px;
}
.box_res_center {
	background:  url(images/box_res_bg.gif) no-repeat;
	width:100%;  min-height:180px;
}

.box_res_bottom {
	background:  url(images/box_res_bottom.gif) no-repeat;
	width:100%;height:14px;

}
.res_media{
  float: right;
  width:100px; height:100px;
  padding-right:25px;
  text-align:right;
}


.res_info{
  padding-left:40px;
  height:100px;
}
.res_info span{
  line-height:20px;
}
span.res_pseudo{
  line-height:15px;font-weight:bold; font-size:14px; color:#686A83;
  margin-bottom:5px;
}

.res_annonce {
  display:block; padding-top:5px;
  width:400px;
  padding-left:5px;
  height: 80px;max-height: 80px;
  overflow: auto;
}

.res_action{
  display:block;float:left;
  width:130px; height:100px;
  margin-left:15px;
  
}

.res_action li a {
  display:block;
  font-size:11px;font-weight: normal;
	color : #E2E2E2; border:0; height:25px;width:110px;
	background-image: url(./images/bck_action.gif);
  line-height:22px;padding-left:5px;
  text-decoration: none; 
}
.block_user #statut {
  position: absolute;
  bottom:0;left:120px;
  height:20px
}
.block_user #video {
  position: absolute;
  bottom:5px;left:5px;
  height:20px
}

/********************************************
**  CONTACT
********************************************/           
#contact label {
  display: inline;
  float:left;
  padding-left:5px;
  width:150px;
}