body{
   font-family: Arial;
   padding:0;
   margin:0;
   background: #FFF url(../i/alm1.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,.button{
  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;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}

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


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

width:728px;
height:96px;
}
#ad2,#ad3{
  width:300px;
  height:250px
}



/**
 *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{
  padding-top:25px;
  background: #FFF;

  /*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:#F3F3F3 ;
clear:both;
color:#000;
font-size:11px;
height:141px;
margin-top:10px;
text-align:left;
padding-left:40px;
padding-top:5px;
margin-bottom:10px;
}
#fo a{
color:#000;
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: #B6B6B6;
  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/alm1.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;
}



#mag_home a{
  text-decoration:none;
}
#mag_home .dossier{
  width:435px;
  height:250px;
  float:left;
  
}

#mag_home .derniere_minute{
  background:#02A7D7;
  height:230px;
  padding:10px;
  float:left;
  width:224px;
  color:white;
}
#mag_home .derniere_minute span{
 font-weight:bold;
 display:block;
 padding-bottom:10px;
 color:black;
 font-size:13px;
 

}
#mag_home .derniere_minute small{
  font-weight:bold;
  font-size:11px;
  padding-top:5px;
  display:block;
  text-transform: Uppercase;
}
#mag_home .derniere_minute small a{
  color:white;
}
#mag_home .derniere_minute h2{
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:normal;
}
#mag_home .derniere_minute h2 a{
  color:white;
  text-decoration:none;
  
}
#mag_home .feu1{
  background:#37353A;
  padding:5px;
  color:white;
  padding:10px;

}
#mag_home .feu1 h1{
  color:white;
  font-size:27px;
  line-height:25px;
  padding-bottom:10px;
}
#mag_home .feu1 h1 a{
  color:white;
}
#mag_home .feu1 p{
  margin:0;
}
#mag_home .feu1 span,#mag_home .filets span{
  background-color:#AB1516;
  color:white;
  padding:1px;
  display:block;
  width:100px;
  text-align:center;
  font-size:11px;
  font-weight:bold;
  text-transform: Uppercase;
  font-size:14px;
  margin-bottom:4px;
}
#mag_home .feu1 span a,#mag_home .filets span a,#mag_category .post .category span a{
  text-decoration:none;
  color:white;
}
#mag_home .filets {
  margin-top:20px;

}
#mag_home .filets .sep{
  float:left;
  border-left:0;
  width:21px;
  height:50px;
}
#mag_home .filets .fil{

  background:#EDEDED;
  padding:5px;
  width:319px;

  margin-bottom:10px;
  float:left;
  height:30px;
}
#mag_home .filets span {
  float:left;
}
#mag_home .filets .fil h3{
  font-size:12px;
  font-weight:normal;
  margin:0;
  float:left;
  display:block;
  margin-left:5px;
  width:200px;
  color:#37353A;

}
#mag_home .filets .fil h3 a{
  color:#37353A;
}



#mag_home .dossiers {
  margin-top:20px;
  clear:both;

}

#mag_home .dossiers .dos{
  
  padding:0px;
  width:329px;
  margin-bottom:10px;
  float:left;
}

#mag_home .dossiers .dos img{
  width:329px;

}

#mag_home .dossiers .dos span{
  background:#00A8FF;
  color:white;
  display:block;
  font-size:20px;
  text-transform: Uppercase;
  padding:8px;
  font-weight:bold

}
#mag_home .dossiers .dos span a{
  color:white
}
#mag_home .dossiers .dos h3{
  color:#00A8FF;
  font-size:25px;
  margin:0;
  padding:0
}
#mag_home .dossiers .dos h3 a{
  color:#00A8FF;
  
}
#mag_home .dossiers .dos p{
  padding-bottom:5px;
  padding-top:8px;
  text-align:justify;
  margin:0

}
#mag_home .dossiers .dos .suite{
  text-align:right;
    border-top:4px solid;
}
#mag_home .dossiers .dos .suite a{
  color:black;
}

#mag_home .dossiers .sep{
  float:left;
  border-left:1px solid black;
  width:10px;
  height:310px;
  margin-left:10px;
}

#mag_home .articles {
  margin-top:30px;
  clear:both;
}
#mag_home .articles .ar{
  float:left;
   margin-bottom:10px;
    width:329px;
    
}
#mag_home .articles .art{
  
  padding:0px;
  width:309px;
 height:60px;
   background:#00A8FF;
   padding:10px;
}
#mag_home .articles .art img{
  width:100px;
  float:left;
  padding-right:10px;

}
#mag_home .articles .art span{
 
  color:white;
  display:block;
  font-size:12px;
  text-transform: Uppercase;
  font-weight:bold;
  width:190px;
  float:left;

}
#mag_home .articles .art span a{
  color:white;
}
#mag_home .articles .art h3{
  color:white;
  display:block;
  font-size:15px;
  margin:0
}
#mag_home .articles .art h3 a{
  color:white;
}
#mag_home .articles .ar .suite{
  margin-top:2px;
  border-top:1px solid black;
  text-align:right;
}
#mag_home .articles .ar .suite a{
  color:black;
}


#mag_home .articles .sep{
  float:left;
  border-left:0;
  width:11px;
  height:110px;
  margin-left:10px;
}



#mag_dossier #titre{
  width:228px;
  height:234px;
  float:left;
  background:#E30572;
  color:white;
  padding:8px;
  
}
#mag_dossier #titre span{
  font-size:12px;
  font-weight:bold;
  text-transform:Uppercase;
}
#mag_dossier #titre span a{
  color:white;
  text-decoration:none;
}
#mag_dossier #titre h1{
  vertical-align:text-bottom;
  height:200px;
  display:block;
  font-size:29px;
  color:white;
  line-height:32px;
  margin-top:10px;
}
#mag_dossier #titre h1 a{
  color:white
}

#mag_dossier #photo{
  width:435px;
  height:250px;
  float:left;
  
}
#mag_dossier #legende{
  font-size:11px;
  text-align:right;
  color:#5F5F5F;
}


.corps{
  margin-top:25px;
  text-align:justify;
  margin-bottom:25px;
  line-height:170%;
  font-size:13px;

}
.corps .chapeau{
  font-size:13px;
  font-weight:bold;
  padding-bottom:7px;
}

.corps .interTitre{
  font-size:18px;
  display:block;
  padding-top:40px;
  padding-bottom:10px;
}

#mag_dossier #chiffres{
  width:150px;
  float:right;
  background:#E30572;
  padding:10px;
  color:white;
  margin-left:15px;
  margin-bottom:15px;
  
}
#mag_dossier #chiffres a{
  color:white;
  text-decoration:underline
}
#mag_dossier #chiffres h6{
  font-size:22px;
  margin:0;
  padding:0;
  
  margin-bottom:10px;
}
#mag_dossier #chiffres .source{
  font-size:11px;
  font-style:italic;
  padding-top:10px;
}

#mag_dossier #zoom{
  background:#E5E5E5;
  padding:15px;
}
#mag_dossier #zoom h2{
  color:#E30572;
  font-size:20px;
  margin:0;
}

#auteur{
  margin-top:10px;
  font-weight:bold;
  text-align:right;
  margin-bottom:20px;

}


#mag_feuillet #categorie{
  text-transform: Uppercase;
  font-size:14px;
  font-weight:bold;
  color:black;
}
#mag_feuillet #categorie a{
  color:black;
  text-decoration:none;
}
#mag_feuillet #titre h1{
  font-size:28px;
  border-left:9px solid black;
  padding-left:10px;
  line-height:35px;

} 
#mag_feuillet #photo{
  margin-left:15px;
  margin-bottom:15px;
  margin-top:25px;
  float:right;
  width:300px;

}
#mag_feuillet #photo img{
  width:300px;
}
#mag_feuillet #photo #legende{
  font-size:11px;
  color:#5F5F5F;  
  line-height:120%;
}



#mag_category .suite a{
  text-decoration:underline;
}

#mag_category .post{
  clear:both;
}
#mag_category .post p{
  margin:0;
  padding-top:3px;
  padding-bottom:3px;
}
#mag_category .sep{
  margin-top:10px;
  border-top:1px solid #5F5F5F;
  height:1px;
  margin-bottom:10px;
  clear:both
}
#mag_category .post .category{
  width:120px;
  float:left;
  height:110px;
}
#mag_category .post .category img{
  width:110px;
}
#mag_category .post h2{
  color:#343434;
  font-size:16px;
  margin:0;
  padding:0;
}
#mag_category .post h2 a{
  color:#343434;
  text-decoration:none;
}
#mag_category .post .category span{
  background-color:#AB1516;
  color:white;
  padding:1px;
  display:block;
  width:108px;
  text-align:center;
  font-size:11px;
  font-weight:bold;
  text-transform: Uppercase;
  font-size:14px;
  margin-bottom:4px;
}

/* forms & class's */

#primary-content form{margin: 10px 0 20px 0;}	
#primary-content form p{margin: 5px;}	
#primary-content fieldset{
	background: #ffffff;
	border: 1px solid #dfe3e4;
	padding: 5px;
}	
form .field:focus, form .text:focus, form textarea:focus {background: #fffff0; color: #324F6A;}
#primary-content textarea{
	height: 150px;
	overflow: auto;
}	





/**
 * 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;
  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:190px;
}
.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_bl ul li.s{
  font-weight:bold;
}

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

}
.cr_tags ul li a {
color:#37353A;

float:left;
padding-left:10px;
padding-bottom:2px;

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:120px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
}
.m_mail{
  background-image:url(../i/invitation-mail.jpg);
  height:232px;
  margin-bottom:20px;
  padding-top:10px;
  padding-left:200px;
}

.m_ms{
  background:url(../i/ajou-amis-msn.jpg) 0px 0px repeat;
  height:201px;
  padding-left:200px;
  padding-top:10px;
  padding-bottom:10px
}
.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;
}

.m_wait{
  overflow:auto;
  height:210px;
}



/**
 * 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;
}

/**
 * Connexion
 * */
#cr #c_login{background:#E2F3FB;border:1px solid #D9EAF2;margin-bottom:10px}
#cr #c_login div{background:#D9EAF2;padding:7px}
#cr #c_login div span{border-left:8px solid #374369;display:block;font-size:14px;font-weight:700;line-height:20px;padding-left:5px}
#cr #c_login div span a{color:#374369}
#cr #c_login fieldset{background:transparent}
#cr #c_login fieldset label{padding-left:10px;width:100px}
#cr #c_login fieldset input{width:160px}
#cr #c_login .bt_r{display:block;float:none;margin-bottom:6px;margin-left:30px;margin-right:30px;text-decoration:none;width:auto}
#cr #c_login .submit{width:80px}
#cr #c_login div.actu{padding:0px;clear:both;padding-top:2px}

#cr #c_login .news{
  font-size:11px;
}

#cr #c_login .news a{
  color:#FFF;
  text-decoration:underline;
}
#cr #c_login .amis,
#cr #c_login .photo,
#cr #c_login .evt,
#cr #c_login .video,
#cr #c_login .vie,
#cr #c_login .blog,
#cr #c_login .univers,
#cr #c_login .nouveau{
  border:0;
  background:transparent url(../i/alg.gif) 0 0 no-repeat;
  display:block;
  height:20px;
  width:20px;
  margin-top:5px;
  float:left;
}
#cr #c_login .amis{
  background:transparent url(../i/alg.gif) 0 0 no-repeat;
}
#cr #c_login .photo{
  background:transparent url(../i/alg.gif) 0 -40px no-repeat;
}
#cr #c_login .evt{
  background:transparent url(../i/alg.gif) 0 -84px no-repeat;
}
#cr #c_login .video{
  background:transparent url(../i/alg.gif) 0 -280px no-repeat;
}
#cr #c_login .vie{
  background:transparent url(../i/alg.gif) 0 -242px no-repeat;
}
#cr #c_login .blog{
  background:transparent url(../i/alg.gif) 0 -324px no-repeat;
}
#cr #c_login .univers{
  background:transparent url(../i/alg.gif) 0 -197px no-repeat;
}
#cr #c_login .nouveau{
  background:transparent url(../i/alg.gif) 0 -237px no-repeat;
}
/**
 * Page d'accueil Livenet
 * */
#lh_videos{
  background-color:#0BA4F2;
  width:415px;
  float:left;

} 
#lh_videos h1{
  background:white url(../i/h/14/e.png) 0 0 no-repeat;
  height:40px;
  margin:0;
  padding:0;
}
#lh_videos h1 a{
  width:100%;
  height:100%;
  display:block;
}
#lh_videos div{
height:75px;
padding:5px;
}
#lh_videos div a{
  color:#FFF
}
#lh_videos div img{
  float:left;
  display:block;
  width:92px;
}
#lh_videos div h2{
  font-size:13px;
  float:left;
  width:230px;
  margin:0;
  padding:0;
  margin-top:12px;
  color:#FFF;
}
#lh_videos div span{
  font-size:12px;
  float:left;
  width:100px;
  color:#FFF;
}
#lh_videos div.i{
  background:#0BA4F2 url(../i/h/14/e.png) 0 -68px no-repeat;
  float:left;
  width:38px;
  height:24px;
  margin-top:19px;
  margin-left:10px;
  margin-right:10px;
}



/**
 * Jeux
 * /*/ 
#lh_games{
  background-color:#ACCF00;
  width:240px;
  float:left;
  margin-top:40px;
  margin-left:10px;
  color:white;
  padding-bottom:10px

} 
#lh_games h1{
  background:white url(../i/h/14/e.png) 0 -185px no-repeat;
  height:25px;
  padding:0;
  margin:0;
}
#lh_games #ch{
  background:#ACCF00 url(../i/h/14/e.png) 5px -242px no-repeat;
  height:30px;
  padding-top:5px;

}
#lh_games #c{
  background:#ACCF00 url(../i/h/14/e.png) 5px -222px no-repeat;
  height:20px;
  padding-top:5px;

}
#lh_games span{
  
  font-size:15px;
  padding-left:5px;
  font-weight:600;
  display:block
}
#lh_games  img{
  width:50px;
  height:50px;
  margin:13px;
  float:left;
}
#lh_games  p{
  font-size:11px;
}
#lh_games ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
#lh_games ul li{
  float:left;
  width:100px;
  padding:2px;
  padding-left:15px;
  font-size:13px;
  font-weight:bold;
}
#lh_games a{
  color:#FFF;
}
#lh_games #sc{
  background:#A2C300;
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
  color:#3C4904;
  height:85px;
}
#lh_games #sc a{
  color:#3C4904;
}
#lh_games #sc span{
  
  font-size:16px;
  padding-left:10px;
  font-weight:600;
  display:block;
  color:#3C4900;
}

/**
 * Actu people
 * */ 
#lh_people{
  background-color:#FFF;
  width:300px;

} 
#lh_people h1{
  background:white url(../i/h/14/e.png) 0 -283px no-repeat;
  height:40px;
  padding:0;
  margin:0;
}
#lh_people h2{
  background:#F6217B;
  height:25px;
  font-size:13px;
  line-height:25px;
  padding:0;
  margin:0;
  text-indent:10px;
}
#lh_people h2 a{
    color:#FFF;
}
#lh_people p{
  padding:5px;
  margin:0;
  font-size:12px;
}


#lh_shop{
  background-color:#F04300;
  width:300px;
  margin-top:20px;

} 
#lh_shop .c{
  background:transparent url(../i/h/14/shop.png) 5px -38px no-repeat;
  height:25px;
  margin-top:10px;
  margin-bottom:10px;
}
#lh_shop h1{
  background:white url(../i/h/14/shop.png) 0 0 no-repeat;
  height:20px;
  padding:0;
  margin:0;
}
#lh_shop ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
#lh_shop ul li{
  float:left;
  width:100px;
  height:30px;
  padding:2px;
  padding-left:40px;
  margin-left:5px;
  font-size:12px;
  line-height:20px;
  
}
#lh_shop a{
  color:#FFF
}
#lh_shop .i1,
#lh_shop .i2,
#lh_shop .i3,
#lh_shop .i4,
#lh_shop .i5,
#lh_shop .i6,
#lh_shop .i7,
#lh_shop .i8,
#lh_shop .i9
{
  background: url(../i/h/14/shop.png) 0 -76px no-repeat;
}
#lh_shop .i2{background-position: 0 -131px;}
#lh_shop .i3{background-position: 0 -191px;}
#lh_shop .i4{background-position: 5px -256px;}
#lh_shop .i5{background-position: 0 -322px;}
#lh_shop .i6{background-position: 0 -381px;}
#lh_shop .i7{background-position: 0 -444px;}
#lh_shop .i8{background-position: 0 -483px;}
#lh_shop .i9{background-position: 0 -536px;}