.displayBox .conn { height:250px; background-color: white; padding: 25px; border: 1px solid #888 }
body{
   font-family: Arial;
   padding:0;
   margin:0;
   background: white url(../i/ali5.png) 0px -578px repeat-x;
   font-size:12px;
 }
 body.popup{
 background: transparent;
 }
 #bc1{
   margin:0 auto;
   width:1000px;

 }
hr,.hr{
clear:both;
visibility:hidden;

 margin: 0;
 padding: 0;
 border: 0;

}

.err{
	font-weight:bold!important;
	color:#FFF!important;
	display:block;
	clear:both;
	margin-bottom:5px;
	background-color: red;
	height:30px;
	padding:5px;
	border:3px solid #FFF;
	margin-bottom:10px;
	
	}
 
form{
 padding:0;
 margin:0;
 display:inline;

}
.submit,.button{
  background:#E1E5E7 url(../i/ald1.gif) 0 -96px repeat;
  color:#5F5F5F!important;
  padding:3px;
  border:0;
  margin-top:5px;
  border:1px solid #C9CED3;
  text-decoration:none;
}

.submitr{
  background:#A72424 url(../i/ald1.gif) 0 -48px repeat;
  color:#FFF!important;
  padding:3px;
  border:0;
  padding-left:15px;
  padding-right:15px;
  margin-top:15px;
  border:1px solid #A72424;
  text-decoration:none;
  margin-left:260px;
  
}

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;
background:#FFF url(../i/deg.jpg) left bottom repeat-x;
margin:0;
padding:5px
}
fieldset label {
width:200px;
float:left;
height:25px;
color:#350156;
clear:both
}

.univers fieldset {
background:transparent;
margin:0;
padding:0
}

img{
  border:0;
}
a{
  color:black
}

.center{
  text-align:center;
}

.overflow{
  overflow: auto;
  height:200px
}

/**
 * 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;height:26px;background:url(../i/on2.gif) no-repeat -525px 0}
#ong ul{clear:both;height:26px;margin:0;padding:0 0 0 12px}
#ong ul li{display:inline;float:left;font-size:8px;list-style-image:none;list-style-position:outside;list-style-type:none;text-align:center;height:26px;width:auto;margin:0;padding:0}
#ong ul li a{display:block;height:26px;text-decoration:none;margin-top:0;border-left:1px solid #afafaf;color:#DFCCE2;padding:0}
.on1 a{background:transparent url(../i/on2.gif) no-repeat 0 -26px;width:95px}
.on1 a:hover{background:transparent url(../i/on2.gif) no-repeat 0 -78px}
.on1 a.sel,.on1 a.sel:hover{background:transparent url(../i/on2.gif) no-repeat 0 -52px;border:0}
.on2 a{background:transparent url(../i/on2.gif) no-repeat -90px -26px;width:95px}
.on2 a:hover{background:transparent url(../i/on2.gif) no-repeat -90px -78px}
.on2 a.sel,.on2 a.sel:hover{background:transparent url(../i/on2.gif) no-repeat -90px -52px}
.on3 a{background:transparent url(../i/on2.gif) no-repeat -172px -26px;width:110px}
.on3 a:hover{background:transparent url(../i/on2.gif) no-repeat -172px -78px}
.on3 a.sel,.on3 a.sel:hover{background:transparent url(../i/on2.gif) no-repeat -172px -52px}
.on3{width:110px}
.on5 a{background:transparent url(../i/on2.gif) no-repeat -408px -26px;width:110px}
.on5 a:hover{background:transparent url(../i/on2.gif) no-repeat -408px -78px}
.on5 a.sel,.on5 a.sel:hover{background:transparent url(../i/on2.gif) no-repeat -408px -52px}
.on6 a{background:transparent url(../i/on2.gif) no-repeat -515px -26px;width:65px;border-right:1px solid #afafaf}
.on6 a:hover{background:transparent url(../i/on2.gif) no-repeat -515px -78px}
.on6 a.sel,.on6 a.sel:hover{background:transparent url(../i/on2.gif) no-repeat -515px -52px}
.on7 a{background:transparent url(../i/on2.gif) no-repeat -573px -52px;width:70px}
.on8 a{background:transparent url(../i/on2.gif) no-repeat -637px -52px;width:70px}
.on9 a{background:transparent url(../i/on2.gif) no-repeat -710px -52px;width:70px}
.on10 a{background:transparent url(../i/on2.gif) no-repeat -775px -52px;width:70px}
#ong ul li.onr{background:url(../i/on2.gif) no-repeat -500px 0;width:100px}
#undermenu{height:65px;margin-top:0;margin-bottom:0;width:66px;margin-left:426px;list-style-type:none;text-align:left;position:absolute;display:none;padding:0}
#undermenu a{color:#666c6f;background:#E0E0E0;display:block;height:18px;padding-top:3px;padding-bottom:3px;padding-left:5px}
#undermenu a:hover{text-decoration:underline}
ul.mr{margin-left:496px!important}
#na2{clear:both;background:#F3F3F3;width:1000px;height:25px}
#na2 ul{height:23px;margin:0;padding:2px 0 0}
#na2 ul li{list-style:none;float:left;display:inline;margin:0 3px 0 0;padding:2px 3px 0 0}
#na2 ul a{color:#8F8F8F;text-decoration:none;font-size:12px;display:block;padding-left:6px;border-left:1px solid #AFAFAF}
#na2 ul li.f{margin-left:6px}
#na2 ul li.f a{border:0}
#na2 ul li.s{font-weight:700}
#lo{width:251px;float:left;text-align:center;padding-top:15px;padding-left:20px}
#lo a,#loa{background:url(../i/logo2.png) no-repeat;width:235px;height:76px;display:block;color:#282828;text-decoration:none;font-size:8px}
#lo a.s,#loa.s{height:58px}

#lo{
  width:251px;
  float:left;
  text-align:center;
  padding-top:15px;
  padding-left:20px;

}
#lo a{
  background:url(../i/logo2.png) no-repeat;
  width:235px;
  height:76px;
  display:block;
  color:#282828;
  text-decoration:none;
  font-size:8px;
}
#lo a.s{
  height:58px;
}

#ad1{
float:left;
padding-top:4px;

width:728px;
height:96px;
}
#na2{clear:both;background:#F3F3F3;width:1000px;height:25px}
#na2 ul{height:23px;margin:0;padding:2px 0 0}
#na2 ul li{list-style:none;float:left;display:inline;margin:0 3px 0 0;padding:2px 3px 0 0}
#na2 ul a{color:#8F8F8F;text-decoration:none;font-size:12px;display:block;padding-left:6px;border-left:1px solid #AFAFAF}
#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;
  padding-top:2px
}
#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:20px;
  /*position:relative;*/
}

#cl{
float:left;
width:645px;

background-color:#F9F9F9;
padding:4px;
padding:6px 15px 10px 15px;
padding:0;
width:675px;
background-color: white;
}
#cl.large{
  width:691px;
}
#cr.large{
  margin-left:9px
}
#cl_error{
  padding-top:20px;
  padding-bottom:20px;
  text-align:center
}
#cl h1{
  font-size:18px;
  color:#1E6E91;
  font-family: Arial;
  margin-bottom:0;
  padding:0;
  margin-top:20px;
  padding-left:10px;
}
#cl h1 a{
  color:#1E6E91;
  text-decoration:none;
}

#cr{
float:left;
width:300px;
margin-left:25px;
}
.white{
background-color:white!important;
}

#cr #c_login fieldset{
  background:transparent;
}
#cr #c_login fieldset label{
  width:100px;
  padding-left:10px
}
#cr #c_login fieldset input{
  width:160px;
}
#cr #c_login .bt_r{
  float:none;
  display:block;
  margin-left:30px;
  margin-right:30px;
  width:auto;
  text-decoration:none;
  margin-bottom:6px;
}
#cr #c_login .submit{
  width:80px;
}

#fo {
background:#D8DDE7 url(../i/ali3.png) 0 -242px repeat-x;
clear:both;
color:black;
font-size:11px;
height:141px;
margin-top:10px;
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
}
#cl h1,.ti_b{
  background: white;
  height:23px;
  font-size:17px;
  color:black;
  line-height:32px;
  padding-left:5px;
  font-weight:bold;
  margin-top:10px;

}


.ti_b a{
  color:black;
  text-decoration:none
}

.ul_b,.ul_g{
 padding:0;
 margin:0;
 list-style: none;  
}
.ul_b li,.ul_g li{
 margin: 0; padding: 0; list-style: none;  

 margin-left:10px;
 padding-left:10px;

 
}
.ul_g{
 background-color: #E8EBF0;
}
.ul_g li{
 margin-left:5px;
}
.ul_b li a,.ul_g li a,.ul_vidm a{
 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:75px;
  width:90px;
  /*background-color: #C4E0EE;*/
  /*border:1px solid #535454;*/

  text-align:center;
  padding-bottom:15px;
}

.ul_img li a{
  color:#535454;
  text-decoration: none;
}
.ul_img li img{
  width:70px;
  height:50px;
}


.ul_vid,.ul_vid2{
 padding:0;
 margin:0;
 list-style: none;  
}

.ul_vid li{
  margin: 0; padding: 0; list-style: none;  
  color:black;
  margin-left:11px;
  float:left;
  display:block;
  background-color: white;
  border:1px solid #535454;
  text-align:center;
  margin-bottom:10px;
  padding:3px;
  width:141px;
  height:145px;
  overflow: hidden;
}

.ul_vid2 li{
	 margin: 0; padding: 0; list-style: none;  
  color:black;
  margin-left:11px;
  float:left;
  display:block;

  
  text-align:center;
  margin-bottom:10px;
  padding:3px;
  width:141px;
  height:145px;
  overflow: hidden;
	
}
.ul_vid2 li img{
  width:130px;
  height:97px;
}
#cl .ul_vid2 li a{
	  text-decoration: none;
	}

 li#flashvid{
  width:385px!important;
  padding:0;
  height:478px;
  background:white;
  font-size:19px;
  border:0;
}

#cl .ul_vid li a{
  color:black;
  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:#350156;
 margin-left:15px;
 height:160px;
  width:185px;
  float:left;
  text-align:center;
  margin-bottom:5px;
  padding-top:15px;
  padding-left:3px;
  background:transparent url(../i/deg.jpg);
  background-position: bottom;
}
.ul_alb li small{

  font-size:11px;
  font-weight:normal;
  display:block;
    color:#350156;


}
.ul_alb li a{
    color:#350156!important;
  text-decoration: none;
}
.ul_alb li img{
display:block;

  height:100px;
  padding:3px;
  margin:auto
}

.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;

  /*border-bottom:1px solid #4B4767;    */
  /*border-left:6px solid #4B4767;*/
  background:white;
  color:black;
  text-align:left;
  font-size:22px;
  margin-bottom:5px;
  margin:10px;
  margin-top:0;
  padding:5px;

}
.ul_prod li small{
  font-size:12px;
  display:block;


}

#cl .ul_prod li a{
  color:black;
  text-decoration: none;
}
.ul_prod li img{
  float:left;
  height:92px;
  padding:2px;
  padding-right:20px;
}


.ul_pic li{
  float:left;
  width:76px;
  padding:0;
  height:52px;
  margin:7px;
  padding-top:2px;
  background:transparent url(../i/fond-photo-70.jpg) repeat;
  background-repeat: repeat;
  text-align:center;
  overflow: hidden;
}
.ul_pic li img{
  height:50px;
}

.ul_vis li{
  float:left;
  width:76px;
  padding:0;
  height:58px;
  margin:7px;
  padding-top:2px;
  background:transparent url(../i/fond-photo-70.jpg);
  background-repeat: repeat-x;
  text-align:center;
  font-size:11px;
}
.ul_vis li img{
  height:50px;
  margin-bottom:3px;
}

.ul_vidm li{
  float:left;
  width:76px;
  padding:0;
  margin:7px;
  margin-bottom:0;
  padding-top:2px;
  background:transparent url(../i/fond-photo-70.jpg);
  background-repeat: repeat-x;
  text-align:center;
  font-size:11px;
  height:93px;
  overflow:hidden;
  text-align:center
}
.ul_vidm li img{
  height:50px;
  width:70px;
  margin-bottom:1px;
}





#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;
}


.ti_g{
  background: transparent url(../i/ala.png) 0px -111px repeat-x;
  height:22px;
  font-size:13px;
  color:black;
  line-height:22px;
  
  font-weight:bold;
}
.ti_g span{
  background: transparent url(../i/alb.png) 0px -344px no-repeat;
  display:block;
  padding-left:20px;
  
}
.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;
}


.tbl{
  width:100%;
  padding:0;
  margin:0;
  border:0;

}
.tbl th{
  text-align:left;
  background-color: #535454;
  color:white;
    padding:3px;

}

#cl .larget{
  font-size:20px;
  margin-bottom:10px;
  color:black;
}
#cl .larget a{
  text-decoration:none;
  color:black;
}

/**
 * Design d'univers
 **/
.u_design{
   padding:13px;
}
.u_design h2{
  padding-left:15px;
  margin-bottom:1px;
}

.modbl{
  height:55px;

}
.modbr{
  float:right;
  width:100px;
  height:55px;
}

#u_links{
  clear:both;
  height:20px;
  margin-bottom:20px;
  border-bottom:2px solid black;
}
#u_links a{
  display:block;
  padding:3px;
  float:left;
  width:65px;
  color:white;
  text-decoration: none;
  text-align:center;
  margin-right:4px;
  font-size:11px;
}
#u_links a.c{
  width:69px
}
#u_links a.e{
  margin-right:0;
  width:62px
}
#u_links a:hover,#u_links .s{
  background-color: #00C0FF;
  color:white;
}
#u_photo{
  float:left;
  text-align:center;
  width:170px;
}
#u_photo img{
  margin:10px;

}
#u_pres{
  float:left;
  width:400px;
  padding-left:5px;
  text-align:justify;
}

.u_more{
  text-align:right;
  clear:both;
}
#u_comm{
  overflow: auto;
  height:300px;
  padding-right:5px;
}
#u_comm_large{

}

.ul_b .mod{
  color:red!important;
}



.module,.dismodule{
  cursor: pointer;
  padding-left:4px;
  font-size:11px;
}

.moddis{
  display:none;
}

.mod{
  padding-left:8px;
  padding-right:8px;
  padding-top:1px;

}


.u_hob{
  width:200px;
  float:left;
  background-color: transparent;
  /*line-height:17px;*/
  padding:8px;
  

}
.u_hob_p{
  background:#FFF;
  color:black;
  height:400px;
}

.pr_co{
   padding:5px;
}
.pr_co2{
   font-style:italic
}



/**
 * 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:#FFF;
  color:#000;
  padding:2px
}
.g_f_t td a{
  color:#000!important
}


.g_f_p{
       text-align:left;
       width:100%;

}
.g_f_p .p{
  background-color: white;
  clear:both;
  color:#000;
  border:1px solid #999;
}
.g_f_p .a0,.g_f_p .a1{
  background-color: #78686B;
  padding:3px;
  font-size:12px;
  margin-top:12px;
  color:#FFF;


}
.g_f_p a{
  text-decoration: none;
  color:#FFF!important;
}
.g_f_p .a1{
  /*float:right;*/
}

.g_f_p div.d0{
  /*background-color: rgb(219,219,219);*/
  padding:2px;
  text-align:right;
  float:right;
  font-size:11px;  
}
.g_f_p div.d1{
  /*background-color: rgb(219,219,219);*/
  padding:2px;
  text-align:right;
  float:right;
  font-size:11px;
}
.g_f_p div.t{
  padding:10px;
  text-align: justify;
}
.g_f_p div.t p{
  margin:0;
}


/**
 * Titres du club
 **/
.ti1{
  background-color: #CFD6F0;
  height:22px;
  display:block;
  margin-bottom:15px;
}
.ti1 span{
  float:right;
  display:block;
  color:#5C607D;
  font-size:11px;
  padding:4px;
  width:150px;
}
/* Version sans limite
.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:#5C607D;
  line-height:22px;

}*/
.ti1 h2{

  background-color:white;
  
  padding:0;
  margin:0;
  margin-left:6px;
  font-size:15px;
  color:#5C607D;
  line-height:22px;
  width:175px;
  text-align:center

}
/*test
.ti1{
  background:#539AD2;
}
.ti1 h2{
  color:#539AD2
}*/

.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{
  margin-top:10px;
  background: #5396CD url(../i/ali3.png) 0px -198px repeat-x;
  height:22px;
  font-size:13px;
  color:white;
  line-height:22px;
  padding-left:5px;
  font-weight:bold;
}

.white ul{
  border:1px solid #3CB7F7;
  border-top:0;
  color:#5C607D;
}
.white ul li a{
  color:#5C607D;
}


.u_m_bl{
  border:1px solid #3CB7F7;
  border-top:0;
  padding:4px;
   margin-bottom:10px;
}
.u_m_bl input.submit{
  border:1px solid #3CB7F7;
  color:#49C1FE;
  background: white;
  font-size:12px;
}

/**
 * Modules pour le club
 **/
 /** VIdéos
  **/
 .p_help{
  background:url(../i/p_help.gif) 20px 30px no-repeat;
  height:400px;
  padding-left:161px
}
.p_help div{
  float:left;
  width:257px;
  text-align:center;
  padding-bottom:15px;
}
/**
 * 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
}


/**
 * Ajouter menu droit club
 * */ 
.c_m_add{
 border:1px solid #D9EAF2;
 background:#E2F3FB;
 clear:both;
}
.c_m_add div{
 background:#D9EAF2;
 padding:7px;

}
.c_m_add div span{
  display:block;
  border-left:8px solid #374369;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding-left:5px
}
.c_m_add ul{
  border:0;
  list-style-type:none;
}
.c_m_add li{
  background:transparent url(../i/alh1.gif) no-repeat;
  line-height:27px;
  
}
.c_m_add li a{
  color:black;
  text-decoration:none;
  display:block;
  padding-left:30px
}

.c_m_add li.ami{
  background:transparent url(../i/alh1.gif) 0 -55px no-repeat;
}
.c_m_add li.evt{
  background:transparent url(../i/alh1.gif) 0 -284px no-repeat;
}
.c_m_add li.pho{
  background:transparent url(../i/alh1.gif) 0 -114px no-repeat;
}
.c_m_add li.vid{
  background:transparent url(../i/alh1.gif) 1px -340px no-repeat;
}
.c_m_add li.blo{
  background:transparent url(../i/alh1.gif) 0 -169px no-repeat;
}

/**
 * Icones menu droite club
 * */
.c_ico a{
  display:block;
  width:74px;
  height:30px;
  padding-top:55px;
  font-size:11px;
  text-align:center;
  float:left;
  color:black;
  text-decoration:none;
} 
.c_ico .u{
  background:transparent url(../i/clubico.png) 14px 0 no-repeat;
}
.c_ico .t{
  background:transparent url(../i/clubico.png) -56px 0 no-repeat;
}

.c_ico .e{
  background:transparent url(../i/clubico.png) -125px 0 no-repeat;
}

.c_ico .d{
  background:transparent url(../i/clubico.png) -195px 0 no-repeat;
}


/**
 * Actualité des amis
 * */ 
.cl_his{
  clear:both;
  border-bottom:1px solid #B3CFE5;
  margin-top:4px;
  background:#DFDFE7;

}
.cl_his hr{
  color:white;
  background:#FFF;
}

.cl_his .m{
  background:#DFDFE7;
  width:150px;
  float:left;
  padding:10px;
  font-size:11px;
  
}
.cl_his .m a{
  color:black;
}
.cl_his .m img{
  float:left;
  padding-right:8px;
}
.cl_his .a{
  width:480px;
  border-left:8px solid #8C93A6;
  padding-left:15px;
  margin-left:2px;
  margin-left:172px;
  background:white;
}
.cl_his .a div.l{
  height:100px;
  width:1px;
  float:left;
}
.cl_his .a div{
  
  display:block;
  line-height:25px;
}
.cl_his .a span{
  background:transparent url(../i/alg.gif) 0 0 no-repeat;
  display:block;
  height:20px;
  width:25px;
  float:left;
}
.cl_his .a div a{
  color:black;
  font-weight:bold;
}
.cl_his .a .amis{
  background:transparent url(../i/alg.gif) 0 0 no-repeat;
}
.cl_his .a .photo{
  background:transparent url(../i/alg.gif) 0 -40px no-repeat;
}
.cl_his .a .evt{
  background:transparent url(../i/alg.gif) 0 -84px no-repeat;
}
.cl_his .a .video{
  background:transparent url(../i/alg.gif) 0 -280px no-repeat;
}
.cl_his .a .vie{
  background:transparent url(../i/alg.gif) 0 -242px no-repeat;
}
.cl_his .a .blog{
  background:transparent url(../i/alg.gif) 0 -324px no-repeat;
}
.cl_his .a .univers{
  background:transparent url(../i/alg.gif) 0 -197px no-repeat;
}
.cl_his .a .nouveau{
  background:transparent url(../i/alg.gif) 0 -237px no-repeat;
}
.cl_his .a .defi{
  background:transparent url(../i/alg.gif) 0 -358px no-repeat;
}


/**
 * 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;
}


.univers input.submit{
  background:#E1E5E7 url(../i/ald1.gif) 0 -96px repeat;
  color:#282828;
  padding:3px;
  border:0;
  padding-left:15px;
  padding-right:15px;
  margin-top:5px;
  border:1px solid #C9CED3
}
/**
Listes
*/

.cr_bl {
background:#FFF;
margin-bottom:10px;
padding:4px;
border-left:1px solid #3CB7F7;
border-bottom:1px solid #3CB7F7;
border-right:1px solid #3CB7F7;
}
.cr_bl ul {
clear:both;
color:#3CB7F7;
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_bl ul li.s{
  font-weight:bold;
}

/**
Messagerie
*/
#modpm{
	padding-right:10px;
	}
#modpm a{
	text-decoration: none;
	}
#modpm .ti1 h2{
	font-size:12px;
	width:250px;
	text-align:left;
	padding-left:15px;
	}
/**
 * Barre de bouton ajout
 * */
#u_bar{
  height:68px;
  margin-bottom:10px;
  background: #E9E4F8 url(../i/uniadd.gif) 0px 0px no-repeat;
  padding-left:23px;
}
#u_bar a{
  color:black!important;
}
#u_bar span{
  float:right;
  background: url(../i/uniadd.gif) 0px -143px no-repeat;
  width:8px;
  height:75px;
  
}
#u_bar a{
  display:block;
  margin-top:4px;
  width:62px; 
  background:#E9E4F8 url(../i/uniadd.gif) 0px -283px no-repeat;
  float:left;
  padding-top:44px;
  text-decoration:none;
} 
#u_bar a.v{
  background-position: 0px -283px;
}
#u_bar a.d{
  background-position: 0px -368px;
}
#u_bar a.p{
  background-position: 2px -453px;
}
#u_bar a.g{
  background-position: 5px -538px;
}
#u_bar a.b{
  background-position: 4px -623px;
}

#u_bar a.e{
     background-position: 20px -708px; 
   width:80px;
}
#u_bar a.a{
  background-position: 0px -963px;
  
}
#u_bar a.m{
background-position: 11px -793px;

}
#u_bar a.pr{
  background-position: 6px -878px; 
}
#u_bar a.pa{
  background-position: 11px -1048px;
}
  
  
  
.sst{
  font-size:11px;
}
.sst a{
  text-decoration:underline!important
}


/**
 * Paramètres univers
 **/
.p_u_d{
  width:140px;
  float:left;
  margin:10px;
}
.p_u_d img{
  width:140px;
  height:100px;
}

.p_u_p{
  width:90px;
  float:left;
  margin:13px;
}


	.btn_cent{
	 margin-top:3px;
	 font-weight: bold;
	 color:#545454;
	 margin-right:10px;
	}
	.btn_cent a{
	display:block;
	padding:4px;
	color:#393C2F;
	 background:transparent url(../i/ali6.png) repeat-x scroll 0 -578px;
	  border-left:1px solid #C6C6C6;
	 border-right:1px solid #C6C6C6;
	 text-decoration: none
	}
	.btn_cent a:hover{
	background-color: #A2B392;
	color:#FFF;
	border:0;
	 background:transparent url(../i/ali6.png) repeat-x scroll 0 -106px;
	}
	

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* jqModal alert CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */


div.jqmAlert { /* contains + positions the alert window */
  display: none;
  
  position: fixed;
  top: 17%;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmAlert {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*div.jqmConfirm input[type="submit"] { padding: 4px; margin: 10px 10px; background: #000; color: #FFF; border: 1px solid #AAA; }
*/
/* jqModal confirm CSS courtesy of;
   Alexandre Plennevaux <alexandre@pixeline.be>,
   Brice Burgess <bhb@iceburg.net> */

div.jqmConfirm { /* contains + positions the alert window */
  display: none;
  position: fixed;
  top: 180px;
  width: 100%;
}
    
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmConfirm {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

div.jqmConfirmWindow{
  height:auto;
  
  margin: auto;
  
  width:450px;
  
  
  background:#FFF;
  border:1px solid black;
}

#ajax_edit{
  height:auto;
  margin: auto;
  width:400px;
  padding: 5px;
  background:#FFF;
  border:1px solid black;
  
}
#ajax_edit iframe{
	
	border:0;
	margin:0;
	padding:0
	}

#ajax_edit h1{
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  font-weight:bold;
  color:#000;
  height:20px;
}
#ajax_edit input{
	border:1px solid black;
	}

.jqmConfirmTitle{
  margin:5px 2px;
  height:20px;
  color:#000;
  background:#FFF;
}
.jqmConfirmTitle h1{
  margin:5px 2px;
  padding-left:5px;
  padding:0;
  font-size:14px;
  text-transform:capitalize;
  letter-spacing:-1px;
  font-weight:bold;
  color:#000;

  float:left;
  height:20px;
}

div.jqmConfirm .jqmClose em{display:none;}
div.jqmConfirm .jqmClose {
  width:20px;
  height:20px;
  display:block;
  float:right;
  clear:right;
  background:transparent url(../i/close_icon_double.png) 0 0 no-repeat;
}

div.jqmConfirm a.jqmClose:hover{ background-position: 0 -20px; }

div.jqmConfirmContent{
  color:#000;
  padding:5px 20px 5px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/**
 * Messagerie
 * */
.quotetop {
background:#E4EAF2 url(http://i.comlive.net/style_images/1/css_img_quote.gif) no-repeat right;
border-bottom:0;
border-left:4px solid #78686B;
color:#000;
font-size:10px;
font-weight:700;
margin:2px auto 0;
padding:3px
}

.quotemain {
background:#FAFCFE;
border-left:4px solid #78686B;
border-top:0;
color:#465584;
margin:0 auto;
padding:4px
} 
#ad1{background:url(../i/load.gif) no-repeat 50% 50%;float:left;height:96px;padding-top:4px;width:728px}
#ad2,#ad3{background:url(../i/load.gif) no-repeat 50% 50%;height:250px;width:300px}
