.displayBox .conn { height:250px; background-color: white; padding: 25px; border: 1px solid #888 }

body{
   font-family: Arial;
   padding:0;
   margin:0;
   background: #FFF url(../i/all1.png) 0px -472px repeat-x;
   font-size:12px;/*54104e*/
 }

body#join{
  background:#55104F;
}

 #bc1{
   margin:0 auto;
   width:1000px;

 }
 #bc2{
   margin:0 auto;
   width:675px;
   background:transparent url(../i/join_p.jpg) 470px 0 no-repeat;

 }
a{
  text-decoration:none;
  color:black
}
hr{
clear:both;
margin:0;
visibility:hidden;
}
 
form{
 padding:0;
 margin:0;
 display:inline;

}
input,select,textarea{
  border:1px solid #340057;
  color:#340057;
}

fieldset{
  border:0;
  padding:0;
  margin:0;
}

fieldset input,fieldset  select,fieldset  textarea {
border:1px solid #8C93A6;
color:#340057;
float:left;
margin-bottom:10px;
margin-right:7px;
}
fieldset .field{
  float:left;
}

fieldset{
  border:0;
  padding:5px;
  margin:0;
  background:#FFFFFF url(../i/deg.jpg) left bottom repeat-x;
}
fieldset label{
  width:200px;
  float:left;
  height:25px;
  color:#350156;
  clear:both;
  
}


/*
input.submit{
  background:#340057;
  border:1px solid black;
  color:white;
}*/

input.submit{
  background:#E1E5E7 url(../i/ald1.gif) 0 -96px repeat;
  color:#282828;
  padding:3px;
  border:0;
  margin-top:5px;
  border:1px solid #C9CED3
}
img{
  border:0;
}
.center{
  text-align:center;
}
#h{
  background:white;
}


/**
 * Barre de navigation
 * */ 
#btnInscr,#btnConn{color:#6B6B6B;padding-left:5px;text-decoration:none;line-height:22px}
#nav_mc2{background:transparent url(../i/alc.png) 0 -367px no-repeat;height:23px;width:25px;text-align:left;position:absolute;left:88px;top:0;z-index:1}
#nav_mc1{background:transparent url(../i/alc.png) 0 -413px repeat;height:22px;font-size:12px;color:#FFF;width:88px;text-align:left;position:absolute;left:0;top:0;z-index:1}
#nav_mc1 a{padding-left:8px;padding-top:2px;width:100%;height:100%;display:block;text-decoration:none;color:#FFF;font-weight:bold}
#na{width:1000px;height:23px;text-align:right}
#na a{text-decoration:none}
#na ul{height:23px;float:right;margin:0;padding:0}
#na ul li{list-style:none;float:left;display:inline;height:23px;line-height:23px;margin:0;padding:0}
#na ul li a{display:block}
#na ul li input{background:transparent;border:1px solid #525252;height:18px;margin:0;padding:0}
.nav{position:relative}
.nav ul{list-style:none;width:130px;position:absolute;top:-999em;z-index:1;margin:0}
.nav li:hover ul{top:0;left:0!important;position:relative;right:60px}
.nav li.sfHover ul{position:absolute;top:23px;}
.nav ul li{float:none;width:140px;position:relative;background-color:#F3F3F3;text-align:left;z-index:1}
.nav ul li a{display:block;padding-left:5px;color:#000;z-index:1}
.nav ul li a:hover{text-decoration:underline}
#ic1{background:transparent url(../i/alc.png) 0 0 no-repeat;width:100px}
#ic1 a{color:#6B6B6B;font-weight:700;padding-right:4px}
#ic2{background:transparent url(../i/alc.png) 0 -46px no-repeat;width:35px}
#ic2 ul{left:170px;}
#ic3{background:transparent url(../i/alc.png) 0 -92px no-repeat;width:30px}
#ic3 ul{left:170px;}
#ic4{background:transparent url(../i/alc.png) 0 -321px no-repeat;width:30px}
#ic4 ul{left:170px;}
#ic5{background:transparent url(../i/alc.png) 0 -138px no-repeat;width:30px}
#ic5 ul{left:85px;}
#ic6{background:transparent url(../i/alc.png) 0 -184px no-repeat;width:46px}
#ic6 ul{left:85px;}
#ic6 a,#ic9 a{color:#4071DA;font-weight:700;font-size:11px;padding-top:0;padding-left:23px;padding-right:3px}
#ic7{background:transparent url(../i/alc.png) 0 -230px no-repeat;width:30px}
#ic7 ul{left:170px;}
#ic8{background:transparent url(../i/alc.png) 0 -275px no-repeat;width:30px}
#ic8 ul{left:110px;}
#ic9{background:transparent url(../i/alc.png) 0 -505px no-repeat;width:46px}
#ic9 ul{left:110px;}
#ic10{background:transparent url(../i/alc.png) 0 -459px no-repeat;width:30px}
#ic10 ul{left:115px;}
#ic11{background:transparent url(../i/alc.png) 0 -551px no-repeat;width:30px}
#ic11 ul{left:150px;}
#ic2 a,#ic3 a,#ic4 a,#ic5 a,#ic7 a,#ic8 a,#ic10 a,#ic11 a{width:100%;height:100%}




/**
 * onglets*/
#ong{
clear:both;
padding-top:2px;
 
}
#ong ul { height: 16px;

 padding:0;
 margin:0;
 padding-left:12px;
 clear:both;
 height:24px;
 

}
#ong ul li {margin: 0; padding: 0; list-style: none;  float:left; display:inline; 
margin-right:5px;font-size:13px;width:78px;
text-align:center;

}
#ong ul li a {height:19px; display: block;text-decoration: none;}

.on1 a{
background: transparent url(../i/all1.png) 0 -472px repeat-x;
color:#878787;
border-left:1px solid #c6c6c6;
border-right:1px solid #c6c6c6;
margin-top:5px;
font-size:12px;
line-height:19px;
text-transform: Uppercase;

}
.on2 {color:white;
background: transparent url(../i/all1.png) 0 0px repeat-x;
height:24px;width:80px;
font-size:15px;
font-weight:bold;
}
.on2 a {color:white;text-transform: Uppercase; padding-top:4px;}
.on3{color:#FFF;background:transparent url(../i/ws/f2.png) 0 -420px repeat-x;height:24px;width:120px!important;font-size:15px;font-weight:700}
.on3 a{color:#FFF;text-transform:Uppercase;padding-top:4px}
.on4{width:110px!important}
.on4 a{border:0!important;background:transparent url(../i/ws/f2.png) 0 -425px repeat-x;color:#FFF;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6;margin-top:5px;font-size:12px;line-height:19px;text-transform:Uppercase}
.onu {width:120px!important;}

#lo{
  width:251px;
  float:left;
  text-align:center;
  padding-top:20px;
  padding-left:20px;

}
#lo a, #loa{
  background:url(../i/logocompar.png) no-repeat;
  width:235px;
  height:76px;
  display:block;
  color:#282828;
  text-decoration:none;
  font-size:8px;
}
#lo a.s, #loa.s{
  height:58px;
}


#join #lo{
  padding-left:0px;
}


#ad1{
float:left;
padding-top:4px;

width:728px;
height:96px;
}

 #na2{
   clear:both;
   background: #fe6328;
   background:#FE6025;
   width:1000px;
   height:25px;

 }
#na2 ul { height: 23px;
 padding:0;
 margin:0;
 padding-top:2px;
}
#na2 ul li {
margin: 0; padding: 0; list-style: none;  float:left; display:inline;
margin-right:3px; padding:0px;padding-right:3px;padding-top:2px;
}
#na2 ul a {
display: block; color:white;text-decoration: none;font-size:13px;display:block;
border-left:1px solid white;
padding-left:6px;
}
#na2 ul li.f{
margin-left:6px;
}
#na2 ul li.f a{
  border:0;
}
#na2 ul li.s {
font-weight:700
}

/**
 *search
 **/ 
#se {
  float:right;
  padding-right:6px;
  padding-top:2px;
}
#se input{
  background: white;
  
  border:1px solid #525252;
  height:15px;
  font-size:11px;
  color:#525252;
  border-right:0;
  float:left;
  padding-left:3px;
}
#se a{
  float:left;
  background: transparent url(../i/ala.png) 0px -84px no-repeat;
  border:1px solid #525252;
  background-color: white;
  border-left:0;
  display:block;
  width:20px;
  height:17px;
}


#ca{
  margin-top:25px;
  margin-bottom:25px;

  /*position:relative;*/
}

#cl{
float:left;
width:645px;
padding:4px;
padding:6px 15px 10px 15px;
padding:0;
width:679px;
}

#cl_error{
  padding-top:20px;
  padding-bottom:20px;
  text-align:center
}
#cl .larget{
  font-size:20px;
  margin:0;
  padding:0;
  margin-bottom:10px;
  color:#737373;
  font-weight:normal;
}

#cl h1{
  font-size:20px;
  color:#4B0F46;
  padding:0;
  margin:0;
  margin-bottom:15px;
  font-weight:normal;
}
#cl h1 a{
  color:#1E6E91;
  text-decoration:none;
}

#cl_i{
  margin-bottom:10px;
}

#cl_c{
   background: white;
   padding:5px;
   padding-top:10px;
   padding-bottom:10px; 
}
/**
 * Un jeu sur la page d'accueil
 * */ 
.cl_c_l{
  float:left;
  width:300px;
  padding:5px;
  margin-left:15px;
  margin-bottom:25px;
  color:#5A6D02;
}

.cl_c_l img{
  float:left;
  padding-right:10px;
}
.cl_c_l a{
  color:#5A6D02;
}

.cl_c_l2{
  float:left;
  width:300px;
  color:#5A6D02;
}





#cr{
float:left;
width:300px;
margin-left:17px;
}
.white{
background-color:white!important;
}
#cr #l{
height:200px;
}

#fo {
background:#D281B7 url(../i/all1.png) 0 -92px repeat-x;
clear:both;
color:black;
font-size:11px;
height:141px;
margin-top:30px;
text-align:left;
padding-left:40px;
padding-top:5px;
margin-bottom:10px;
}
#fo a{
color:black;
text-decoration:none
}
#fo a:hover{
text-decoration:underline
}
#fo div{
float:left;
width:228px
}
#fo div span{
display:block;
font-weight:bold;
margin-bottom:8px
}
#fo p{
clear:both;
margin:0;
padding:0;
text-align:center
}


.ul_b,.ul_g{
 padding:0;
 margin:0;
 list-style: none;  
 margin-bottom:10px;
}
.ul_b li,.ul_g li{
 margin: 0; padding: 0; list-style: none;  
 color:#494D50;
 margin-left:15px;
 padding-left:10px;
 line-height:20px;
}
.ul_g{
 background-color: #E8EBF0;
}
.ul_g li{
 margin-left:5px;
}
.ul_b li a,.ul_g li a{
 color:#494D50;
 text-decoration: none;
}
.ul_b li a:hover,.ul_g li a:hover{
 text-decoration: underline;
}
.ul_b li.s{
 background-color:#C1D2E2;
}
.ul_b .ul_b li{
  margin-left:30px;
}

.ul_img{
 padding:0;
 margin:0;
 list-style: none;  
}

.ul_img li{
 margin: 0; padding: 0; list-style: none;  
 color:#535454;
 margin-left:15px;
 padding:3px;
 float:left;
 height:80px;
  width:80px;
  background-color: #C4E0EE;
  border:1px solid #535454;
  border-bottom:5px solid #535454;
  text-align:center;
  margin-bottom:15px;
}

.ul_img li a{
  color:#535454;
  text-decoration: none;
}
.ul_img li img{
  width:70px;
  height:50px;
}


.ul_vid{
 padding:0;
 margin:0;
 list-style: none;  
}

.ul_vid li{
  margin: 0; padding: 0; list-style: none;  
  color:#535454;
  margin-left:11px;
  float:left;
  display:block;
  background-color: #C4E0EE;
  border:1px solid #535454;
  text-align:center;
  margin-bottom:10px;
  padding:3px;
  width:141px;
  height:129px;
  overflow: hidden;
}
.ul_vid li#flashvid{
  width:470px;
  padding:0;
  height:400px;
}

.ul_vid li a{
  color:#535454;
  text-decoration: none;
}
.ul_vid li img{
  width:130px;
  height:97px;
}

.ul_alb{
 padding:0;
 margin:0;
 list-style: none;
}

.ul_alb li{
 margin: 0; padding: 0; list-style: none;
 color:#4B4767;
 margin-left:15px;
 height:95px;
  width:599px;
  background-color: #FFFCDF;
  border:1px solid #4B4767;
  border-left:6px solid #4B4767;
  text-align:left;
  font-size:34px;
  margin-bottom:5px;
  padding-top:15px;
  padding-left:3px;

}
.ul_alb li small{
  font-size:13px;
  font-style: italic;
  display:block;


}

.ul_alb li a{
  color:#4B4767;
  text-decoration: none;
}
.ul_alb li img{
  width:70px;
  height:50px;
  float:left;
  margin:10px;
}


.ul_prod{
 padding:0;
 margin:0;
 list-style: none;
}

.ul_prod li{
clear:both;
 margin: 0; padding: 0; list-style: none;
 color:#4B4767;
 margin-left:15px;
 height:100px;
  width:580px;
  background-color: #C4E0EE;
  border:1px solid #4B4767;
  border-left:6px solid #4B4767;
  text-align:left;
  font-size:24px;
  margin-bottom:5px;
  padding:5px;

}
.ul_prod li small{
  font-size:13px;
  font-style: italic;
  display:block;


}

.ul_prod li a{
  color:#4B4767;
  text-decoration: none;
}
.ul_prod li img{
  float:left;
  height:92px;
  padding:2px;
  padding-right:10px;
}


#l_f{
 padding:0;
 margin:0;
 list-style: none;  
 margin-bottom:10px;
 margin-left:60px;
 margin-right:90px;
 margin-top:20px;
}
#l_f li{
 margin: 0; padding: 0; list-style: none;  
 padding-left:5px;
 border-bottom:1px solid #BABABA;
 color:#777777;
 font-size:18px;
 height:24px;
 clear:both;
 
 
}
#l_f li a{
 color:#474747;
 text-decoration: none;
 display:block;
 width:280px;
 height:24px;
 
 float:left;
 
}
#l_f li span{
  float:left;
  height:24px;
  width:200px;
  font-size:12px;
  text-align:right;
  padding-right:2px;
  line-height:29px;
}



.bl_l{
  width:300px;
  float:left;
  margin-right:25px;
}
.bl_r{
  width:300px;
  float:left;
 
}


#connect{
  display:none;
}


.bt_u{
     background:#0E4182 url(../i/ald.png) 0px -208px;
     font-size:11px;
     height:24px;
     border:1px solid red;
     width:150px;
}
.bt_u span{
     background:white url(../i/ald.png) 0px -0px;
     font-size:11px;
     height:24px;
     display:block;
     width:30px;
     float:left;
}


.btn{
  border:4px solid #298BBC;
  display:block;
  width:200px;
  margin:30px;
  float:left;

  font-size:16px;

  text-align:center;
}
.btn a{
  text-decoration:none;
  color:black;
  display:block;
   padding:10px;
     background: #C4E0EE;
}
.btn a:hover{
  background: #3895E5;
  color:white;
}

.btn2{
  border:2px solid #0098E6;
  display:block;
  margin:30px;
  margin-top:5px;
  float:left;
  font-size:16px;
  text-align:center;
  height:29px;
}
.btn2 a{
  text-decoration:none;
  color:black;
  display:block;
  padding:5px;
  background: #E6EDF3;
  float:left;
  width:170px;

}
.btn2 a:hover{
  background: #3895E5;
  color:white;
}

.for{
  border:1px solid black;
  padding:20px;
}

.tbl{
  width:100%;
  padding:0;
  margin:0;
  border:0;

}
.tbl th{
  text-align:left;
  background-color: #535454;
  color:white;
    padding:3px;

}
#u_links{
  height:21px;
}
#u_links a{
  display:block;
  padding:3px;
  border:1px solid black;
  border-bottom:0px solid black;
  float:left;
  width:59px;
  background-color: #C4E0EE;
  color:blue;
  text-decoration: none;
  text-align:center;
  margin-right:4px;
  font-size:11px;
}
#u_links a:hover,#u_links .s{
  background-color: black;
  color:white;
}
#u_photo{
  float:left;
  text-align:center;
}
#u_photo img{

  border:6px solid #C4E0EE;
  background-color: #C4E0EE;
  margin:10px;

}
#u_pres{
  float:left;
}

.u_more{
  text-align:right;
  clear:both;
}
#u_comm{
  overflow: auto;
  height:300px;
  padding-right:5px;
}

.ul_b .mod{
  color:red!important;
}
.u_design1{
background-color:#9DAEE3;
padding:10px;
border:2px solid black;
background-image: url(../i/u/d1.jpg);
}
.u_design2{
background-color:#9DAEE3;
padding:10px;
border:2px solid black;
background-image: url(../i/u/d2.jpg);
}
.u_design3{
background-color:#9DAEE3;
padding:10px;
border:2px solid black;
background-image: url(../i/u/d3.jpg);
}


.module,.dismodule{
  cursor: pointer;
  padding-left:4px;
  font-size:11px;
}

.moddis{
  display:none;
}


.u_hob{
  width:200px;
  float:left;
  height:50px;
  background-color: white;
  line-height:17px;
}

/**
 * Paramètres
 **/
.p_u_d{
  width:140px;
  float:left;
  margin:13px;
}
.p_u_d img{
  width:140px;
  height:100px;
}

.p_u_p{
  width:90px;
  float:left;
  margin:13px;
}


/**
 * Groupes
 **/
#g_links{
  height:21px;
}
#g_links a{
  display:block;
  padding:3px;
  border:1px solid black;
  border-bottom:0px solid black;
  float:left;
  width:95px;
  background-color: #C4E0EE;
  color:blue;
  text-decoration: none;
  text-align:center;
  margin-right:4px;
  font-size:11px;
}
#g_links a:hover,#g_links .s{
  background-color: black;
  color:white;
}

/**
 * Forum group
 **/
 
 
.g_f_t {
       text-align:left;
       width:100%;
        border-bottom:1px solid black;
}
.g_f_t td{
  border:1px solid black;
  border-bottom:0;
  background-color: #DDD0D5;
}


.g_f_p{
       text-align:left;
       width:100%;

}
.g_f_p .p{
  border:1px solid black;
  background-color: white;
  clear:both;
}
.g_f_p .a0,.g_f_p .a1{
  background-color: #E1BF59;
  padding:5px;
  text-align:center;
  font-size:14px;
  width:120px;
  font-weight:bold;
  margin-top:15px;


}
.g_f_p a{
  text-decoration: none;
  color:black;
}
.g_f_p .a1{
  float:right;
}

.g_f_p div.d0{
  background-color: rgb(219,219,219);
  padding:2px;
}
.g_f_p div.d1{
  background-color: rgb(219,219,219);
  padding:2px;
  text-align:right;
}
.g_f_p div.t{
  padding:20px;
  text-align: justify;
}


/**
 * Titres
 **/
.ti1{
  background-color: #55104F;
  height:22px;
  display:block;
  margin-bottom:15px;
}
.ti1 span{
  float:right;
  display:block;
  color:white;
  font-size:11px;
  padding:4px;
  width:150px;
}
.ti1 h2{

  background-color:white;
  padding:4px;
  padding-left:12px;
  padding-right:12px;
  padding-top:5px;
  display:inline;
  margin-left:6px;
  font-size:15px;
  color:#55104F;
  line-height:22px;

}

.ti2{
  background-color: #5499D0;
  height:22px;
  display:block;
  margin-bottom:15px;
  padding-left:15px;
  font-size:13px;
  color:white;
  line-height:22px;
  font-weight:bold;
}

.ti_c{
  background: #5396CD url(../i/all1.png) 0px -48px repeat-x;
  height:22px;
  font-size:13px;
  color:white;
  line-height:22px;
  padding-left:5px;
  font-weight:bold;
}

.white ul{
  border:1px solid #3F7DAE;
  border-top:0;
}


.u_m_bl{
  border-top:0;
  padding:4px;
  margin-bottom:10px;
  background:white;
}

.u_m_bl span{
  float:right;
}







/**
 * Paramètres
 * */
 
 
.p_friends{
  background: #A7D101 url(../i/p_friends.gif) 20px 30px no-repeat;
  margin-bottom:15px;
  margin-top:15px;
}
.p_friends .tbl{
  margin-left:150px;
  width:500px;
  margin-bottom:30px
}
.p_friends h2{
  color:#405304;
  background:#A7D101;
  padding-top:2px
}
.p_friends .ti1{
  background:#89AA03;
}
.p_add{
  background:url(../i/p_fast.gif) 20px 30px no-repeat;
  height:150px;
  padding-left:150px

} 

.p_help{
  background:url(../i/p_help.gif) 20px 30px no-repeat;
  height:150px;
  padding-left:150px
}
.p_help div{
  float:left;
  width:264px;
  text-align:center;
  padding-bottom:20px;
}

.p_fast{
  background:url(../i/p_fast.gif) 20px 30px no-repeat;
  height:150px;
  padding-left:150px
}

.p_add ul,.p_fast ul{
  list-style-type: none;
}
.p_add li,.p_fast li{
  float:left;
  border-left:8px solid #55104F; 
  padding-left:10px;
  margin-left:10px;
  margin-bottom:10px;
  color:#55104F;
  font-size:16px;
  font-weight:bold;
  width:150px;
}
.p_add li a,.p_fast li a{
  color:#55104F;
}


.p_checklist{
  background:#EBEBEB;
  padding:5px;
  margin-bottom:10px;
  color:#340057;

}




.cr_bl,.cr_tags {
background:#FFF;
margin-bottom:10px;
padding:4px;
border-left:1px solid #6D2C67;
border-bottom:1px solid #6D2C67;
border-right:1px solid #6D2C67;
}
.cr_bl ul {
clear:both;
color:#6D2C67;
font-size:8px;
margin:8px 0px;
padding:0px;
list-style-type:square;
padding-left:15px
}
.cr_bl ul li a {
color:#37353A;
font-size:12px;
text-decoration:none
}

.cr_tags ul{
color:#6D2C67;
list-style-type:none;
margin:0;
padding:0;

}
.cr_tags ul li a {
color:#37353A;
font-size:16px;
float:left;

padding-left:10px;
padding-bottom:5px;

text-decoration:none
}
.cr_tags ul li a:hover{
  text-decoration:underline;
}


.commentform {
	padding: 20px;
}

.commentform label {
	display: block;
	font-weight: bold;
}

.commentform input {
	display: block;
	margin-bottom: 15px;
	width: 200px;
	border: solid 1px #CCC;
}

.commentform textarea {
	width: 300px;
	height: 75px;
	border: solid 1px #CCC;
}


/**
 * FAQ
*/
.faq_img{
  padding:20px;
  text-align:center;
}


/**
 * Inscription
 **/
#join #he{
  height:99px;
}
#c_join{
  background:#FFF;
   background:#FFF url(../i/join_p.jpg) 469px -100px  no-repeat;
  clear:both;
  z-index:1;
  border-left:1px solid #913272;
  border-right:1px solid #913272;
  border-bottom:1px solid #913272;
  color:#350156;

}
#c_join #bar{
  background:transparent url(../i/join_bar.png);
  height:21px;
}
#c_join #bar span{
  background:transparent url(../i/join_p.jpg) -9px -100px no-repeat;
  height:24px;
  width:195px;
  float:right;
}
#c_join #bar a{
  width:119px;
  text-align:center;
  line-height:20px;
  color:#FFF;
  display:block;
  float:left;
  border-top:1px solid #913272;
}
#c_join #bar a.s{
  background:url(../i/join_bars.png) no-repeat;
}

#c_join #form{

  margin-left:15px;
  margin-right:15px;
  border-left:1px solid #913272;
  border-right:1px solid #913272;
  border-bottom:1px solid #913272;
  margin-bottom:15px;
  padding:10px;
  padding-top:30px;
}
#c_join h1{
  color:#53114E;
  font-size:20px;
  margin:0;
  padding:0;
  font-weight:normal;
  
}




/**
 * Modules
 **/
/**
 * Module de recherche membres ou groupe
 **/
.m_se{
  background:#ECEDEF url(../i/se.jpg) repeat-x;
  height:212px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
  color:#6B6B6B
}
.m_se span{
  clear:both;
   width:130px;
   display:block;
   float:left
 }
.m_se .i{
  border:1px solid #6B6B6B;
  margin-bottom:3px;
  background:#FEFEFE;
  color:#6B6B6B
}
/** dossier*/
.m_di,.m_man,.m_ms,.m_mail,.m_link{
  background:#FFF url(../i/dossier.jpg) 49px 20px no-repeat;
  height:150px;
  margin-bottom:20px;
  padding-left:183px;
  color:#350156
}
.m_man{
  background-image:url(../i/bonhomme.jpg);
  height:212px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
}
.m_link{
  background-image:url(../i/lien.jpg);
  height:212px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
}
.m_mail{
  background-image:url(../i/invitation-mail.jpg);
  height:212px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
}

.m_ms{
  background:url(../i/ajou-amis-msn.jpg) 0px 0px no-repeat;
  height:201px;
  padding-left:220px;
  padding-top:20px;
}
.m_di span,.m_man span,.m_ms span,.m_mail span{
  width:175px;
  float:left;
  display:block;
  height:25px;
  clear:both
}
.m_di input,.m_di select,.m_man input,.m_man select,.m_ms input,.m_ms select,.m_mail input,.m_mail select {
  margin-bottom:5px;
  float:left;
  margin-right:7px;
}
.m_di .desc,.m_man .desc,.m_ms .desc,.m_mail .desc{
  font-size:11px;
  line-height:22px;
  color:#666666;
  clear:both;
}




/**
 * boutons
 * */
.bt_v,.bt_r,.bt_b {
background:#4E337A url(../i/ald1.gif) 0 0;
color:#FFF;
float:right;
font-size:12px;
height:24px;
line-height:24px;
margin-right:10px;
text-align:center;
width:145px
}

.bt_r {
background:#4E337A url(../i/ald1.gif) 0 -48px;
margin-right:0
}
.bt_v a,.bt_r a,.bt_b a{
  color:#FFF!important;
  text-decoration:none
}
.bt_b {
background:#4E337A url(../i/ali5.png) 0 -106px;
margin-bottom:15px;
float:left;
}