.sub
{
margin-top: 25px;
color: #EC270E;
font-size: 12px;
margin-left: 90px;
padding: 0px 20px;
right: auto;
text-align: center;
width: 315px;
height: auto; 
background-image: url(images/sub.png);
position: absolute;
z-index: 9000;
border-radius: 5px; /* On applique des arrondis aux bords du bloc */
box-shadow: 1px 1px 10px #72ff00;
-moz-box-shadow: 1px 1px 10px #72ff00;
-webkit-box-shadow: 1px 1px 10px #72ff00;
}

.clear {
clear: both ;
}
input,select,textarea
{
outline: 0;
}

.gauche
{
float: right;
width: 701px;
height: 28px;
}

.connection_horizontal
{
display: block;
float: right;
margin-top: 0px;
font-size: 13px;
}

.connection_horizontal .fond:hover
{
background: url('images/btn.png') ;
border: 2px  black;
border-radius: 5px;
}

.connection_horizontal .r
{
color: red;
}

.connection_horizontal *
{
display: block;
float: left;
margin-right: 5px;
}

.connection_horizontal a
{
color: #ffffff;
text-decoration: none;
}

.connection_horizontal a:hover
{
color: #30f1e6;
text-decoration: none;
}

.cur
{
cursor: pointer;
}

.connection_horizontal input
{
background: url('images/btn.png') ;
color: #ffffff;
border-radius: 10px;
margin-top: -2px;
}

.connection_horizontal input:hover
{
border-color: #fffc1f;
}

#haut .vseparator {
background: url(images/vseparator.png) no-repeat;
float: left;
height: 28px;
margin: 0px 5px;
position: relative;
top: 0px;
width: 1px;
}

#action a img, #left a img
{
border: none;
}

#left
{
margin-top: -100px;
float: left;
position: relative;
width: 154px;
z-index: 150;
}

#left li:hover
{
text-decoration: underline;
color: #E0DCDC;
}
#left .block 
{
margin-bottom: 10px; 
}

#left .block .b 
{
background-attachment: scroll;
background: url(images/b-menu.png) 260px 0px;
height: 5px;
line-height: 5px;
position: relative;
top: -14px;
width: 130px;
margin-left: auto;
margin-right: auto;

}

#left .decouvrer h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px 0px;
}

#left .decouvrer
{
height: 146px;
}


#left .block h2 span 
{
display: none;
}

#left .decouvrer ul 
{
display: block;
position: relative;
width: 90px;
height: 120px;

margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;

}

#left .btn
 {
 position: relative;
cursor: pointer;
display: block;
background-image: url(images/bt-out.png);
height: 46px;
width: 154px;
z-index: auto;
margin-bottom: 6px;
}

#left .btn:hover
 {

cursor: pointer;
display: block;
background-image: url(images/bt-on.png);
height: 46px;
width: 154px;
z-index: auto;
margin-bottom: 6px;

}

#left .btn_boutique
{
background-position: 0px 0px;
top: 10px;
}

#left a.btn_premium
{
background-position: 0px -46px;
top: 10px;
}

#left a.btn_maj 
{
background-position: 0px -92px;
top: 10px;
}

#left a.btn_connection
{
background-position: 0px -138px;
top: 10px;
}

#left .block li 
{
color: #E0DCDC;
font-family: arial;
font-size: 11px;
display: block;
height: 17px;
line-height: 16px;
padding: 0px 0px 0px 12px;
position: relative;
width: 118px;
}

#left .block li a 
{
margin-left: -40px;
color: #E0DCDC;
cursor: pointer;
display: block;
font-family: arial;
font-size: 11px;
height: 18px;
position: static;
text-decoration: none;
width: 118px;
z-index: auto;
}

#left .new h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px -34px;
}

#left .new 
{
position: relative;
top: 0px;
height: 146px;
top: 10px;
}


#left .new  ul 
{
display: block;
position: relative;
width: 90px;
height: 85px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#left .community h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px -68px;
}

#left .community
{
position: relative;
top: -15px;
height: 146px;
}


#left .community  ul 
{
display: block;
position: relative;
width: 90px;
height: 85px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#left .new  ul 
{
display: block;
position: relative;
width: 90px;
height: 85px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#left .avantage h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px -102px;
}

#left .avantage
{
position: relative;
top: -30px;
height: 146px;
}


#left .avantage ul 
{
display: block;
position: relative;
width: 90px;
height: 85px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#left .support h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px -204px;
}

#left .support
{
position: relative;
top: -45px;
height: 146px;
}


#left .support ul 
{
display: block;
position: relative;
width: 90px;
height: 102px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}

#left .morelegend h2 
{
font-size: 14px;
font-weight: bold;
height: 34px;
background-image: url(images/h-menu.png);
width: 154px;
background-position: 0px -170px;
}

#left .morelegend
{
position: relative;
top: -45px;
height: 146px;
}


#left .morelegend ul 
{
display: block;
position: relative;
width: 90px;
height: 34px;
margin-left: auto;
margin-right: auto;
margin-top: -11px;
background-attachment: scroll;
background-image: url(images/cp_menu_left.png) ;
font-family: arial;
font-size: 11px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
#fond-sous
{
height: 1017px;
width: 825px;
float: left;
position: relative;
background: url('images/080606001541_90.jpg') ;
margin: -80px 0px 0px 22px;
opacity: 0.85;
filter:alpha(opacity=85);
border-radius: 5px;

}
#page 
{
height: 1000px;
width: 862px;
float: left;
margin: -1022px 0px 0px 5px;
position: relative;

}

.h-corps
{
background: transparent url(images/h-corps.png) no-repeat scroll 0px 0px;
}

.h-corps
{
position: relative;
height:50px;
left: 0px;
width: 100%;
z-index: 5000;
}

#corps
{
width: 836px;
margin-top: -35px;
margin-left: 12px;
background: transparent url(images/corps.png) repeat-y scroll 0px 0px;
height: 100%;
left: 0px;
z-index: 4;

}

#b-corps
{
width: 836px;
margin-top: 0px;
margin-left: 12px;
background: transparent url(images/b-corps.png) repeat-y scroll 0px 0px;
height: 5px;
left: 0px;
z-index: 4;
opacity: 0.85;
filter:alpha(opacity=85);
}

#pied
{
background: url('images/pied.png') no-repeat;
margin-left: auto;
margin-right: auto;
margin-top: -500px;
margin-bottom: -10px;
width: 1300px;
height: 500px;
}

#a-pied
{
/*background: url('images/a-pied.png') no-repeat ;*/
margin-left: -10px;
margin-right: auto;
margin-top: 600px;
margin-bottom: -10px;
width: 101%;
height: 500px;
}

#corps-c
{
float: left;
margin-left: 4px;
width: 650px;
height: 100%;
}

#right
{
margin-right: 7px;
float: right;
width: 174px;
height: 100%;
}

#right .mar
{
height: 10px;
}
#copy
{
text-align: cente;
position: relative;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
/*background-image: url(images/sub.png);*/
color: #52d24f/*#00e4ff*/;

width: 300px;
height: 60px;
/*box-shadow: 1px 1px 5px #72ff00;
-moz-box-shadow: 1px 1px 5px #72ff00;
-webkit-box-shadow: 1px 1px 5px #72ff00;
opacity: 0.55;
filter:alpha(opacity=55);*/
}

#copy strong
{
border-bottom: 1px solid #ffffff;
}

#logop
{
width: auto;
height: 55px;
border: none;
}



.connexion_small 
{
position: relative;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 145px;
width: 168px;
}

.serverb
{
/*margin-top: -8px;*/
}

.connexion_small .header_connexion_small 
{
background: transparent url(images/box_connexion_top_small.jpg) no-repeat scroll 0px 0px;
height: 34px;
width: 168px;
position: relative;
top: 14px;
z-index: 10;
}

.connexion_small .header_connexion_small h3.connexion_title_small 
{

color: white;
float: left;
display: block;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
margin-top: -2px;
padding: 10px 0px 0px 10px;
height: 13px;
width: 74px;
}



.connexion_small .header_connexion_small a.register_title_small 
{
color: white;
float: right;
font-family: Tahoma, Verdana, sans-serif;
font-size: 10px;
margin-right: 9px;
margin-top: 8px;
text-decoration: underline;
position: relative;
}

.connexion_small .inner_connexion_small 
{
background: transparent url(images/bg_box_connexion_small.jpg) repeat-y scroll 0px 0px;
padding-bottom: 2px;
height: 100px;
width: 172px;
}

.connexion_small #form_login_home_small form
{
display: block;
}

.connexion_small #form_login_home_small .form
{
display: block;
font-family: arial;
font-size: 11px;
height: 87px;
width: 172px;
margin-top: 10px;
}

.connexion_small #form_login_home_small .form label 
{
color: #3B8AA2;
font-size: 11px;
margin-left: 13px;
float: left;
}

.connexion_small #form_login_home_small .form .input_text_login_small 
{
background: transparent url(images/bg_login_connexion_home_small.png) no-repeat scroll 0px 0px;
border: 0px none;
color: white;
font-size: 11px;
height: 23px;
line-height: 11px;
margin-left: 10px;
padding-left: 11px;
padding-top: 4px ;
width: 135px;
}

.connexion_small #form_login_home_small .form label 
{
color: #3B8AA2;
font-size: 11px;
margin-left: 13px;
}

.connexion_small #form_login_home_small .form .input_text_passwd_small 
{
background: transparent url(images/bg_password_connexion_home_small.png) no-repeat scroll 0px 0px;
border: 0px none;
color: white;
font-size: 11px;
height: 23px;
line-height: 11px;
margin-bottom: 5px;
margin-left: 10px;
padding-left: 11px;
padding-top: 4px ;
width: 94px;
}

.connexion_small #form_login_home_small .form .btn_connexion_small 
{
position: relative;
background: transparent url(images/btn_box_connexion.jpg) no-repeat scroll 0px 0px;
border: 0px none;
cursor: pointer;
height: 29px;
margin-left: 1px;
top: -4px;
width: 36px;
}

.connexion_small .inner_connexion_small a.forgotten_passwd_small 
{
color: #285B6A;
font-size: 10px;
margin-left: 13px;
text-decoration: underline;
position: relative;
top: -4px;
}

.connexion_small .footer_connexion_small 
{
background: transparent url(images/box_connexion_bottom_small.jpg) no-repeat scroll 0px 0px;
height: 9px;
width: 168px;
}

.codi
{
color: white;
float: left;
display: block;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
margin-top: -2px;
padding: 10px 0px 0px 10px;
height: 13px;
width: 174px;
}

.compt
{
background: url('images/compte.png');
width: 260px;
height: 200px;
margin-top: 10px;
}

#hauhh
{
position: absolute;
margin-top: 17px;
margin-left: 15px;
font-size: 25px;
}

#hlien
{
position: absolute;
margin-top: 20px;
margin-left: 575px;
z-index: 9012;

}

#hlien a
{
text-decoration: none;
color: #9A5315;
font-size: 20px;
}

#hlien a:hover
{
color: #FF9300;
}

  #hauth
{
width: 650px;
height: 16px;
margin-top: 10px;
background: url("images/news_top.png") no-repeat;
}

#hautm
{

width: 650px;
height: 10px;
background: url("images/news_middle.png") repeat-y;
}

#hautb
{
width: 650px;
height: 16px;
background: url("images/news_bottom.png") no-repeat;
}

/*---------index----------*/
h1
{
font-size: 20px;
}


#flash 
{ background: url(../images/flash/background.png) no-repeat;
 width: 630px;
 height: 258px;
 position: relative;
 }
	#flash .frame 
	{
	background: url(../images/flash/frame.png) no-repeat;
	width: 532px;
	height: 242px;
	position: absolute;
	top:0;
	left:0;
	/*z-index: 2000;*/
	margin-top: 8px;

	}
	/*#flash #select { background: none; width: 27px; height: 29px; position: absolute; top: 0; left: 0; margin: 5px 0 0 -10px; }
	#flash #navigator a:hover #select { background: url(../images/theme/flash/select.png) no-repeat; }
	#flash .selectBtn {  }
	#flash #navigator a:focus .select { background: url(../images/theme/flash/select.png) no-repeat; }*/
  
  #new
  {
  width: 650px;
  height: 740px;
  overflow: auto;

  }
  
#new a
{
text-decoration: none;

}
  
#new #btn_news
{
margin-top: 15px;
margin-left: 490px;
}
  
#hautnew
{
width: 650px;
height: 16px;
background: url("images/news_top.png") no-repeat;
}

#corpsnew
{

width: 650px;
height: 106px;
background: url("images/news_middle.png") repeat-y;

}

#corpsnew #leftnews
{
float: left;
width: 105px;
height: 120px;
margin-top: -4px;
margin-left: 12px;

}

#corpsnew #leftnews p
{
margin-top: -5px;
margin-left: 10px;
}

#corpsnew #rightnews
{
float: right;
width: 520px;
height: 100px;
margin-right: 10px;
overflow: auto;

}

#corpsnew #rightnews h1
{
margin-top: -5px;

}

#corpsnew #rightnews p
{
margin-top: -8px;

}
#corpsnew img
{
border: 2px outset #000000;
width: 100px;
height: 100px;

}

#basnew
{
width: 650px;
height: 16px;
background: url("images/news_bottom.png") no-repeat;
}

#corps-c #btn_news
{
border: none;
}
/*---------connection---------------*/
#connection
{
display: block;
width: 300px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

/*---------inscription--------------*/

#inscription
{
display: block;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

.inscription input, .inscription select
 
{
background: url('images/btn.png') ;
color: #ffffff;
border-radius: 10px;
margin-top: -2px;
}

.inscription option
{
background-color: #4e9cbd;
border-top: 1px solid #00ff18;
border-radius: 10px;
}


.inscription .trr
{
width: 356px;
}

.inscription input:hover
{
border-color: #fffc1f;
}

.inscription .text
{
text-align: right;
}

.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	width:84px;	
	padding:2px;
}

#force
{
background: url('images/btn.png') ;
color: #ffffff;
border-radius: 10px;
border: 2px inset;
}


.red
{
	color:#FFFFFF;
	text-align:center;
	width:84px;	
	padding:2px;
	background-color:#FF6F6F;
    border-top: 2px inset;
	border-bottom: 2px inset;
	border-radius: 10px;

}

.yellow
{
	color:#FFFFFF;
	text-align:center;
	width:84px;	
	padding:2px;
	background-color:#FDB14D;
    border-top: 2px inset;
	border-bottom: 2px inset;
	border-radius: 10px;
}	

.green
{
	color:#FFFFFF;
	text-align:center;
	width:84px;	
	padding:2px;
	background-color:#A0DA54;
    border-top: 2px inset;
	border-bottom: 2px inset;
    border-radius: 10px;	
}

.o1, .o2, .o3, .o4, .o5, .o6, .o7
{
color: red;
display: none;
}

/*------------news---------------*/

  #newp2
  {
  margin-top: 10px;
  width: 650px;
  height: 940px;
  overflow: auto;
  }

  #newp2 a
{
text-decoration: none;
}

#hautnewp2  
{
width: 630px;
height: 16px;
background: url("images/news_topp2.png") no-repeat;
}

#corpsnewp2
{

width: 630px;
height: 106px;
background: url("images/news_middlep2.png") repeat-y;
}

#corpsnewp2 #leftnewsp2
{
float: left;
width: 105px;
height: 120px;
margin-top: -4px;
margin-left: 12px;

}

#corpsnewp2 #leftnewsp2 p
{
margin-top: -5px;
margin-left: 10px;
}

#corpsnewp2 #rightnewsp2
{
float: right;
width: 500px;
height: 100px;
margin-right: 10px;
overflow: auto;

}

#corpsnewp2 #rightnewsp2 h1
{
margin-top: -5px;

}

#corpsnewp2 #rightnewsp2 p
{
margin-top: -22px;

}
#corpsnewp2 img
{
border: 2px outset #000000;
width: 100px;
height: 100px;

}

#basnewp2
{
width: 630px;
height: 16px;
background: url("images/news_bottomp2.png") no-repeat;
}

#info
{
position: relative;
margin-left: 390px;
top: -10px;
}

/*------boutique--------*/

#hautbou
{
width: 630px;
height: 16px;
background: url("images/news_topp2.png") no-repeat;
}

#corpsbou
{
width: 647px;
height: 910px;
margin-top: 10px;
overflow: auto;

}

#basbou
{
width: 630px;
height: 16px;
background: url("images/news_bottomp2.png") no-repeat;
}

#indexboutique
{
width: 100%;
height: 506px;
margin-top: 20px;


}

.btn_boutique
{
display: block;
width: 100%;
height: 46px;
text-decoration: none;
color: #07a4ed;
background: url("images/btn_boutique-right.png");

}



.btn_boutique:hover
{
display: block;
width: 100%;
height: 46px;
text-decoration: none;
color: #000000;
background: url("images/btn_boutique-right-hover.png");
}

.text_btn_boutique
{
position: relative;
margin-left: 30%;
top: 10px;
}



#corps_boutique
{
width: 300px;
height: 180px;
float: left;
margin-left: 10px;
margin-top: 20px;
}

#objet-haut
{
width: 300px;
height: 16px;
background: url("images/objet-haut.png");
}

#objet-corps
{
width: 300px;
height: 148px;
background: url("images/objet-corps.png") repeat-y;
}

#objet-bas
{
width: 300px;
height: 16px;
background: url("images/objet-bas.png");
}

#img_objet
{
width: 100px;
height: 100px;
margin-top: 0px;
margin-left: 10px;
}

#img_objet a img
{
border: none;
}

#level_objet
{
width: 100px;
height: 18px;
margin-top: 2px;
margin-left: 10px;
border: 1px outset #000000;
}

#prix_objet
{
width: 100px;
height: 19px;
margin-top: 5px;
margin-left: 10px;
border: 1px outset #000000;
}

#titre_objet
{
width: 170px;
height: 20px;
margin-top: -150px;
margin-right: 10px;
border: 1px outset #000000;
text-align: center;
float: right;
}

#descr_objet
{
width: 170px;
height: 98px;
margin-top: -125px;
margin-right: 10px;
border: 1px outset #000000;
float: right;
overflow: auto;
}

#ajout_objet
{
width: 170px;
height: 19px;
margin-top: -21px;
margin-right: 10px;
border: 1px outset #000000;
text-align: center;
float: right;
}

#ajout_objet a
{
text-decoration: none;
}

/*-------panier----------*/

  #panier
  {
  width: 650px;
  height: auto;
  overflow: auto;

  }
  
  
#hautpanier
{
width: 650px;
height: 16px;
background: url("images/news_top.png") no-repeat;
}

#corpspanier
{

width: 650px;
height: auto;
background: url("images/news_middle.png") repeat-y;

}

#corpspanier form
{
margin-left: 50px;
}


#baspanier
{
width: 650px;
height: 16px;
background: url("images/news_bottom.png") no-repeat;
}

/*---boutique verif----*/
.block-verif
{
height: 100%;
right: 100%;
text-align: center;
}

.text-verif
{

}

.text-verif a
{
color: #00734F;
text-decoration: none;
}

.text-verif a:hover
{
color: #4D006C;
text-decoration: underline;
}

#blockdemig
{
text-align: center;
height: 150px;
width: 320px;
float: left;
}

#blockdemim
{
background-color: black;
height: 150px;
width: 3px;
float: left;
}

#blockdemid
{
text-align: center;
height: 150px;
width: 320px;
float: right;
}

#veriff
{
margin-top: 20px;
margin-left: -55px;
}

.panchper
{
height: 100%;
width: 310px;
overflow: auto;
}

.persob
{
height: 45px;
width: 290px;
margin-top: 10px;
border: 1px outset #000000;
background-color: #EFFBFF;
text-align: left;
}

.persob:hover
{
background-color: #FCDE8E;
}
.imgpersob
{
border: 1px outset #000000;
float: left; 
margin-top: 5px;
margin-left: 5px;
background-color: #EFF0FF;
}

.text-persob
{
float: left;
margin-left: 10px;
color: #00734F;

}