html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset,
form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, *
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
.clearBoth { clear: both; }
iframe { border:0; margin:0; }
.center { text-align:center !important; }
.none { display:none; }
.novalid { border:1px solid #d10000 !important; background:#ffebec !important; }
.typeH2 { font:bold italic 14px georgia; }
.textRight { text-align:right; }
b, strong { font-weight:bold; }
i, em { font-style:italic; }
.font_9 { font-size:9px; }
.font_10 { font-size:10px; }
.font_14 { font-size:14px; }
.font_Treb { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
small { font-size:9px; }
.colorG { color:#666; }
.colorN { color:black; }
.colorR { color:#900 !important; }
body { background:#f1f1f1; font-size:11px; color:black; }
body,h1,h2,h3,h4,input,textarea,select,p,ul,li { color:black; font-size:12px; font-family:arial; }
a { text-decoration:none; }
a img { border:0; }
h2 { font:bold italic 12px georgia; }
h3 { font-weight:bold; }
p b { font-weight:bold; }
input,textarea,select { border:1px solid #646464; color:#646464; margin:1px 0; }
input.ok { border:1px solid #646464; background:#646464; color:white; font-weight:bold; }
input.ok:hover { border:1px solid #b01c29; background:#b01c29; color:white; }
#loadingMessage { display:none; z-index:50000; position:absolute; width:500px; top:0; left:50%; text-align:center; background:#f5f5f5; color:black; font-weight:bold; padding:7px; margin:200px -200px; opacity:1; filter:alpha(opacity=100); border:1px solid #333; }
#loadingMessage img { vertical-align:middle; width:19px; height:18px; }
#loadingMessage span.r { color:#ff5f15; }
#loadingMessage span.g { color:#60f147; }
#overlay { display:none; color:#FFFFFF; position:fixed; _position:absolute; padding:0px; background-color:#000000; opacity:.75; filter:alpha(opacity=75); width:100%; height:100%; top:0; left:0; z-index:12; }
#loadajax { display:none; background:#f0f0f0; height:670px; font:bold 10px verdana; color:#c1c1c1; margin:56px -490px; left:50%; position:absolute; text-align:center; width:980px; z-index:100; }
#loadajax iframe { background:white; border:4px solid #e6e6e6; }
#loadajax p.close { text-align:right; padding:0 4px 4px 0; margin:0; }
#loadajax p.close a { color:#343434; font-weight:bold; text-decoration:none; }
#loadajax p.close a:hover{ color:black; }
#loadajax .contenu { background:white; border:4px solid #e6e6e6; color:black; text-align:justify; padding:0 30px 30px 30px; }
#content { width:1004px; margin:0 auto; padding:0 0 5px 0; background:url(../../v2/img/bg_body.png) repeat-y top left; text-align:justify; }
#header { width:993px; height:162px; background:url(../../v2/img/bg_header.png) repeat-x; }
#header #bulle { position:absolute; width:226px; height:162px; margin-left: -16px; background:url(../../v2/img/bulle_header.png) no-repeat; }
#header #flash { position:absolute; margin:-15px 0 0 200px; z-index:103; }
#header h1 { margin:15px 0 0 30px; padding:0; }
#header h2 { float:right; color:#999; font:bold 12px arial; padding:5px 5px 10px 277px; }
#header h2 span img { border:1px solid #899a0b; margin:-5px 0 0 2px; }
.cadre { background:white; border:1px solid #dddddd; }
.sep { clear:both; height:10px; }
/* BARRE DE CONNEXION ET MENU MEMBRE ***************************************************************************************** */
#connex { float: right; width:800px; height:20px; margin-right:11px; background:#7a131c url(../../v2/img/bg_barre_connex.png) repeat-x top left; padding:5px; }
#connex p { display:inline; color:white; margin-left:20px; }
#connex input { vertical-align:middle; background:white; color:#b01c29; width:100px; border:1px solid #b01c29; }
#connex input.ok { color:white; background:#ffb911; font-weight:bold; width:30px; }
#connex input.annul { color:white; background:#ffb911; font-weight:bold; width:60px; }
#connex img { vertical-align:middle; }
#connex a { font-weight:bold; color:#c10000; font-size:9px; padding:0 25px 0 5px; }
#connex p.b a { display:block; background:#7b131d; padding:0 0 0 0; margin:2px 0 0 0; color:white; font-size:11px; text-decoration:none; }
#connex p.b a:hover { background:#c10000; }
#connex p.b { padding:0 0 0 0; text-align:center; margin-right:0; }
#mdp { display:none; }
#connex h2#title_mmemb { float:left; background:#000; color:#fff; width:123px; height:21px; margin-top:-4px; margin-right:12px; padding-top:6px; text-align:center; }
#connex p.deconnect { display:block; float: right; margin-top:2px; font-weight:bold; }
#connex p#menu_memb { display:block; float:left; margin-top:2px; text-align:center; font-weight:bold; }
#connex p.deconnect a,
#connex p#menu_memb a { padding:0 5px; font-size:11px; font-weight:bold; text-decoration:none; color:#FFF; }
/* COLONNE GAUCHE ************************************************************************************************************ */
#col_left { float:left; width: 183px; margin-top:-50; }
.cadre_left_top { width:200px; height:15px; margin-left:-6px; background:url(../img/bg_menu_top.png) no-repeat top left; }
.cadre_left_middle { width:200px; margin-left:-4px; background:url(../img/bg_menu_middle.png) repeat-y top left; }
.cadre_left_bottom { width:200px; height:28px; margin:-3px 0 15px -6px; background:url(../img/bg_menu_bottom.png) no-repeat top left; }
/* MENU ************************************************************************************************************ */
#menu { width:200px; }
#menu li { width:161px; text-align:left; margin-left:13px; text-transform:uppercase; list-style:none; border-bottom:1px solid #afe060; }
#menu li a { display:block; width:154px; padding:7px 0 3px 7px; font-weight:bold; font-size:10px; color:#FFF; text-decoration:none; }
#menu li a img { opacity:.30; filter:alpha(opacity=30); float:left; margin:-2px 5px 0 0; }
#menu li a:hover { background:#88c719; }
#menu li a:hover img { opacity:1; filter:alpha(opacity=1); }
/* LISTE ARTICLE DEBLOQUE ************************************************************************************************************ */
#listArtDeblck { width:165px; margin-left:11px; padding:10px 0; }
#listArtDeblck h2 { font-size:12px; color:#fff; padding:0 3px; margin:-8px 0 9px 0; }
#listArtDeblck p { clear: both; width:160px; margin:auto; color:#fff; border-bottom:1px solid #afe060; }
#listArtDeblck a { display:block; width:160px; height:28px; padding:5px 0 5px 0; font-weight:bold; font-size:10px; color:#ebebeb; text-decoration:none; text-transform:capitalize; }
#listArtDeblck p.noStyle{ margin:5px 0 0 0; padding:0; border:none; text-align:right; }
#listArtDeblck p.noStyle a{ display:inline; text-transform:none; font-size:12px; background:none; }
#listArtDeblck a:hover { color:#fff!important; background:#88c719; }
#listArtDeblck a img { float:left; opacity:.50; filter:alpha(opacity=50); border:1px solid #dddddd; margin:-2px 5px 0 5px; height:28px; width:28px; }
#listArtDeblck a:hover img{ opacity:1; filter:alpha(opacity=100); }
/* COLONNE DROITE *********************************************************************************************************** */
#col_right { float: right; width:775px; margin:0 25px 20px 0; }
/* ZONE DE TEXTE *********************************************************************************************************** */
.zonetexte h2 { margin:15px 0 10px 0; padding-left: 35px; background:url(../../v2/img/fleche.png) no-repeat top left; color:#b3cc00; font-size:20px; font-weight:normal; border-bottom: 1px dashed #ccc; }
/* SLIDE ANNONCES *********************************************************************************************************** */
div#slide_annonces {
position: relative;
width:805px;
height: 95px;
margin: 15px 0 5px -18px;
overflow:hidden;
}
div#slide_annonces ul {
position: relative;
height: 95px;
left:0;
margin:0;
padding:0 10px;
list-style:none;
overflow:hidden;
}
div#slide_annonces ul li {
float: left;
height:93px;
overflow:hidden;
}
div#slide_annonces ul li a {
color:#333;
text-decoration:none;
}
div#slide_annonces ul li p.box_imgSlide {
float: left;
width: 130px;
height: 120px;
margin-left: 15px;
}
div#slide_annonces ul li h2 { float:right; width:140px; height:20px; color: #aaa; font-size:14px; overflow:hidden; }
div#slide_annonces ul li h2 a { color:#999; }
div#slide_annonces ul li p.desc { width:140px; float:left; clear:right; overflow:hidden; }
/* CADRE ABONNEMENTS */
#compte_classic, #compte_gold { width:500px; margin:auto; margin-top:32px; border:1px solid #ccc; }
#compte_classic form, #compte_gold form { margin:0 13px; }
/* ONGLET FACTICE *************************************************************************************************** */
#compte_classic ul.onglet, #compte_gold ul.onglet {
margin-top:-19px;
margin-bottom:15px;
}
#compte_classic ul.onglet li.onglet_active, #compte_gold ul.onglet li.onglet_active {
display:inline;
margin-left:5px;
padding:5px 14px;
background:#fff;
border:1px solid #ccc;
border-bottom:none;
cursor:pointer;
}
#compte_classic ul.onglet li.onglet_inactive, #compte_gold ul.onglet li.onglet_inactive {
display:inline;
margin-left:5px;
padding:3px 14px;
background:#F1F1F1;
border:1px solid #ccc;
border-bottom:none;
cursor:pointer;
}
/* USERS ************************************************************************************************************* */
#users { margin:18px 0 0 0; padding:5px 10px 10px 10px; }
#users h2 { background:url(../../img/ico_users.png) no-repeat top left; padding:2px 0 8px 45px; color:#969696; }
#users p { color:#646464; padding:5px 0; margin:0; }
#users p img { opacity:.20; filter:alpha(opacity=20); float:right; border:1px solid #dddddd; margin:0 0 5px 5px; height:35px; width:35px; }
#users p a { color:#646464; text-decoration:none; }
#users p a:hover { color:black; }
#users p a:hover img { opacity:1; filter:alpha(opacity=100); }
#users .sep { background:url(../../img/bg_point.png) repeat-x top left; height:3px; overflow:hidden; margin:0px; }
#users p,#users .act{clear:both;border-top:1px dotted #ddd;padding-top:10px}
/* ONGLETS ************************************************************************************************************* */
.cadre_onglets { width:760px; border:1px solid #ccc; margin-top:30px; padding:5px; }
ul#ongl_admin { list-style:none; margin-bottom:8px; }
ul#ongl_admin li { float:left; height:10px; }
ul#ongl_admin li a { display:block; margin-top:-28px; margin-left:8px; text-align:center; border:1px solid #ccc; border-bottom:none; cursor:pointer; }
ul#ongl_admin li a.ongl_active { padding:5px 10px; background:#fff; color:#000; text-decoration:none; }
ul#ongl_admin li a.ongl_inactive{ padding:3px 10px; background:#f1f1f1; color:#000; text-decoration:none; }
/* AVIS ************************************************************************************************************** */
#avis { margin:10px 0 0 0; padding:5px; }
#avis h2 { background:url(../../img/ico_avis.png) no-repeat top left; padding:3px 0 8px 45px; color:#969696; }
#avis div.p { background:url(../../img/bg_avis_home.png) no-repeat bottom right; padding:0; margin:10px 0 0 0; height:127px; overflow:hidden; }
#avis div.p p { padding:5px; color:#646464; }
#avis div.p p img { float:left; vertical-align:top; margin:-5px 10px 0 0; }
#avis div.p p.bottom { text-align:right; font-weight:bold; padding:8px 5px 5px 0; }
#avis p.link { background:url(../../img/bg_avis_home.png) no-repeat bottom right; text-align:center; font-weight:bold; padding:5px 0; margin:5px 0 0 0; }
#avis p.link a { color:#646464; }
#avis p.link a:hover { color:#b01c29; }
#avissen { margin:0; padding:0; }
#avissen p label { width:95px; }
#avissen p textarea { width:605px; }
#avissen p input { width:305px; }
#avissen p input.ok { margin-left:200px; width:70px; }
.pannd { position:absolute; width:500px; height:410px; margin-top:10px; overflow:hidden; text-align:justify; }
.pannh { padding:0 0 0 4px; }
.pannh a { padding:1px 2px; font-weight:bold; background:#f0f0f0; color:#646464; text-decoration:none; }
.pannh.ok a { background:white; color:black; }
/* PROFIL ************************************************************************************************************ */
.zonetexte span.temoin { background:#f0f0f0; float:right; width:50px; margin-top:5px; text-align:right; height:10px; overflow:hidden; }
.zonetexte span.temoin span { background:#c10000; width:1%; display:block; float:left; }
img.profil { float:right; border:1px solid #999; padding:1px; background:white; margin:0 0 15px 20px; }
h2.profil { background:#f8fae9; padding-bottom:5px !important; padding-top:5px; margin-top:10px; text-align:center; }
.donsprofil .dons { float:right; margin-bottom:10px; }
.donsprofil p { font-size:11px; margin:0 !important; padding:0 !important; }
.donsprofil .dons .temoin { height:10px; width:130px; margin-top:0px; margin-bottom:0px; }
.donsprofil .dons .temoin span { height:20px; }
.prixprofil { font-weight:bold; float:right; margin:0 0 20px 20px; font-size:14px; }
.donsprofil form { background:red; margin:0 !important; padding:0 !important; }
.donsprofil form select { text-align:center; width:55px; }
.donsprofil form p { margin:0; padding:0; float:left; text-align:right; }
.donsprofil form .img { float:left; margin:3px 0 0 10px; border:0; }
p.centertt { text-align:center; background:#f0f0f0; font-size:10px; padding:2px !important; }
p.centertt a { color:#646464 !important; text-decoration:none; }
p.centertt a:hover { color:black !important; }
ul.linskshare { clear:right; display:inline; text-align:center; }
ul.linskshare li { float:right; list-style:none; padding-top:10px; }
ul.linskshare li b { float:right; display:block; padding-top:2px; font-size:11px; color:#dddddd; }
a.sharelink img { margin:0 0 10px 10px ; width:16px; height:16px; -moz-background-clip:border; -moz-background-origin:padding; -moz-background-inline-policy:continuous; }
#sharelinkedin img { background: transparent url(../../img/share.png) no-repeat scroll -1px -37px; }
#sharetwitter img { background: transparent url(../../img/share.png) no-repeat scroll -343px -54px; }
#shareviadeo img { background: transparent url(../../img/share.png) no-repeat scroll -37px -1px; }
#sharefacebook img { background: transparent url(../../img/share.png) no-repeat scroll -343px -1px; }
#sharedigg img { background: transparent url(../../img/share.png) no-repeat scroll -235px -1px; }
#sharegoogle img { background: transparent url(../../img/share.png) no-repeat scroll -90px -18px; }
#sharemail img { background: transparent url(../../img/share.png) no-repeat scroll -325px -1px; }
.pics { margin:0 auto; height:381px; width:780px; margin-top:5px; }
.pics img { height:381px; width:506px; }
.picssmall { margin:0 auto; height:269px; width:506px; margin-top:5px; }
.picssmall img { height:269px; width:506px; }
.picssmal { float:right; margin:0 0 20px 20px; height:200px; width:200px; margin-top:5px; }
.picssmal img { height:200px; width:200px; }
.zonetexte h3 { margin-top:00px; padding:2px 5px; color:#b3cc00; font-weight:bold; }
.zonetexte, .zonetexte p { padding:5px 0; font-weight:normal; font-family:Arial; font-size:12px; color:#646464; }
.zonetexte p.center { text-align:center !important; }
.zonetexte p b { font-weight:bold; }
.zonetexte p input { width:250px; }
.zonetexte .sep { background:url(../../img/bg_point.png) repeat-x bottom left; height:1px; margin:16px 0 15px 0; }
.zonetexte p label { display:block; float:left; width:150px; }
.zonetexte form { margin:0 0 0 30px; padding-top:4px; }
.zonetexte select { }
.zonetexte span.date1 { float:left; width:50px; }
.zonetexte span.date2 { float:left; width:50px; }
.zonetexte span.date3 { float:left; width:70px; }
.zonetexte span.date1 select{ width:45px !important; }
.zonetexte span.date2 select{ width:45px !important; }
.zonetexte span.date3 select{ width:65px !important; }
.zonetexte p.nomsg { text-align:center; padding:150px 0 0 0; }
.zonetexte p a { color:black; }
.zonetexte p a.grey { color:#666; }
.zonetexte p a:hover { color:#c10000; }
#inscription { padding-top:10px; margin:0 0 30px 35px; }
#inscription p input { width:270px; }
#inscription p select { width:270px; }
#inscription p.s input { width:20px; }
#inscription p textarea { width:420px !important; height:53px !important; }
#modprofil { margin:0 0 0 35px; }
#modprofil p input { width:270px; }
#modprofil p textarea { width:420px !important; height:53px !important; }
#add { margin:0 0 0 35px; }
#add p input { width:270px; }
#add p textarea { width:420px !important; height:200px !important; }
/* FOOTER ************************************************************************************************************ */
#footer { background:url(../../img/bg_content_foot.png) no-repeat top center; width:998px; margin:0 auto; text-align:right; }
#footer p { font-size:9px; color:#969696; padding:5px 5px 30px 5px; }
#footer p b { float:right; }
.lst thead tr{background:#B3CC00;font-weight:bold;color:#FFF;text-align:center}
.lst td{padding:3px;vertical-align:middle}
.lst .num{text-align:right}
.lst .act{text-align:center}
tr.r0{background:#F9FFCA}
tr.r1{background:#FCFFE6}
/* PAGINATION */
table#pagination {
margin: auto;
margin-top:20px;
}
table#pagination td {
vertical-align:top;
}
table#pagination a {
display: block;
width:25px;
height:25px;
padding-top: 5px;
text-align:center;
color:#fff;
text-decoration:none;
font-weight:bold;
margin-right:5px;
background:url("../img/bt_pagination.png") no-repeat top left;
}
table#pagination a.big {
width: 77px;
background:url("../img/bt_pagination_big.png") no-repeat top left;
}
table#pagination a.big:hover {
background:url("../img/bt_pagination_big_active.png") no-repeat top left;
}
table#pagination a.active {
background:url("../img/bt_pagination_active.png") no-repeat top left;
}
table#pagination a:hover {
background:url("../img/bt_pagination_active.png") no-repeat top left;
}
/*achats débloqués*/
.shrlnk {margin:0;padding:0 0 10px 0;border-bottom:1px dotted #CCC;text-align:right}
.shrlnk b{color:#DDDDDD;font-size:11px}
.shrlnk img{margin:0 0 0 10px;width:16px;height:16px;vertical-align:middle}
.dsn .pht{float:right;margin:0 0 10px 20px}
.pht img{margin:5px 0}
.pht em, .pht i,.pht small{display:block;text-align:center;font-style:normal}
.pht em{font-size:11px;color:#646464}
.pht i{position:relative;margin:auto;width:130px;height:10px;background:#CF2131}
.tag{clear:both;padding:10px 0;border-top:1px dotted #CCC;border-bottom:1px dotted #CCC}
.prf{clear:both;text-align:center;background:#f0f0f0;font-size:10px;padding:2px;margin-top:10px}
.prf a{color:#646464;text-decoration:none}
.prf a:hover{color:#000}
/*Liste des achats débloqués*/
.frrow{clear:both;padding:10px 0;border-top:1px dotted #CCC}/*frrow: funds released row*/
.frrow a{color:#646464;text-decoration:none}
.frrow a:hover{color:#000!important}
.frrow img{float:right;margin-bottom:5px}