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;
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
button {cursor:pointer;}

body {background:#fff url(body.bg.gif) repeat-x top; text-align:center;font-family:Verdana, sans-serif;}
#site {text-align:left; background:white; min-width:992px; max-width:1012px; border:3px double #ddd; margin:5px auto; padding:20px 0;}


/* Classes */
.rouge {background:#b50000 url(rouge.bg.gif) repeat-x top;color:white; border:1px solid #a80000; text-shadow:#a80000 2px 2px 2px;}
.bleu {background:#0000b5 url(bleu.bg.gif) repeat-x top;color:white; border:1px solid #000094; text-shadow:#000094 2px 2px 2px;}
.bleu a, .rouge a {color:white;} 
.gris {background:#eee; color:#666;}
.warning {background:#fff9cb; padding:5px; text-align:center; font-size:10px; margin-top:10px; border:1px solid #f7e976;}
.hidden {display:none;}
.clear {clear:both}
.next {float:right;}
.previous {float:left;}
.next,.previous {color:#ccc;}
.enabled {color:#0000ff;}

.tag {position:absolute; background:white; opacity:0.6; padding:3px;}
/* Chatbox */
.message {padding:5px 2px; border-bottom:3px double #eee;}
.date {color:gray; text-align:right; font-size:9px; font-style:italic; padding-top:4px; padding-bottom:2px;}
.read_next {color:#0000cc; text-align:right; font-size:9px; font-style:italic; padding-bottom:3px; padding-top:3px;}
#chatbox_message, #comment {width:98%; max-width:98%; height:100px; border:1px solid #ccc; margin:1%;}
#add_message {padding:2px 4px; float:right; margin:1%;}

/* Recherche */
#searchform {padding:10px 5px;}
#searchform .submit {width:16px; text-indent:-9999px; background:url(search.gif) no-repeat; height:16px;}
#searchform .text {border:1px solid #ddd; width:125px; margin-right:5px;}
#searchform .text:focus {border:1px solid gray;}

#most_clicked .box {text-align:center;}
#most_clicked img {margin:5px auto;}
#most_clicked h4.gris:before {content:"..."}
#most_clicked h4.gris {text-transform:lowercase; text-align: right; padding-right:4px;}

#most_clicked_bottom div {height:180px;}
#most_clicked_bottom img {margin:4px auto; display:block;}


/* Commentaires */
#commentaires {margin:10px 20px;display:none;}

.place_tag {background:black; color:white; text-align:center; height:16px; position:absolute; font-size:10px; padding:3px 10px; top:0px; left:0px; text-align:right;}

/* Classes link */
.link_red {color:red;}  /* ancien link8 */
.link_blue {color:#0000cc;} /* ancien link0 */
.link_white {color:#FFFFFF;}
.usinfo a {color:#0000cc;}
.hierarchie {color:black !important; margin:2px 20px;}
.hierarchie li {margin:5px; list-style:square;}
.hierarchie .txt1 {color:red;}
.book_previous{text-align:left; float:left; padding:1px;}
.book_next{text-align:right; padding:1px;}

table.gallery_cat{margin:5px; width:100%;}
td.gallery_cat{padding-bottom:15px; margin:10px; text-align:center; vertical-align:bottom;}

/* System message vert:97FFB2  rouge:FB9D9D gris:E0E0E0  gris claire: F2F2F2 jaune:F4FF97*/
.error_msg {border:1px solid #ccc; color:#000000; padding: 10px; background:#FB9D9D; width:350px; margin-left: 163px; margin-top: 20px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}
.info_msg {border:1px solid #ccc; color:#000000; padding:10px; background:#F2F2F2; width:350px; margin-left: 163px; margin-top: 20px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}
.confirm_msg {border:1px solid #ccc; color:#000000; padding: 10px; background:#97FFB2; width:350px; margin-left: 163px; margin-top: 20px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}

.object{text-align:left; margin:10px;}
.rights{text-align:left; float:left; margin-left: 2px;}
.add_cat{text-align:right; margin-right: 2px;}
.quota{text-align:right;}

.label_manage{border:1px solid #ccc; background:#F2F2F2; width:200px; font-size:10px; overflow:hidden; padding:5px; text-align:center; margin-top:4px; margin-bottom:12px;}

.social_title{border:1px solid #ccc; background:#F2F2F2; font-size:10px; font-weight:bold; overflow:hidden; padding:5px; text-align:left; margin-top:1px; margin-bottom: 4px;}
.social_subtitle{border:1px solid #ccc; background:#F2F2F2; font-size:10px; font-weight:bold; overflow:hidden; padding:5px; text-align:left; margin-top:20px; margin-bottom: 12px;}
table.social_images{border-spacing: 2px; width:100%;}
td.social_images{border:1px solid #ccc; text-align: center; vertical-align: middle; width: 150px; height: 150px; padding:5px;}

.add_object{border:1px solid #ccc; background:#F2F2F2; font-size:10px; overflow:hidden; padding:5px; text-align:left; margin-top:4px; margin-bottom:12px;}
.error_msg_center {border:1px solid #ccc; color:#000000; padding: 10px; background:#FB9D9D; width:350px; margin-left: 0px; margin-top: 4px; margin-bottom:12px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}
.info_msg_center {border:1px solid #ccc; color:#000000; padding: 10px; background:#F2F2F2; width:350px; margin-left: 0px; margin-top: 4px; margin-bottom:12px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}
.confirm_msg_center {border:1px solid #ccc; color:#000000; padding: 10px; background:#97FFB2; width:300px; margin-left: 0px; margin-top: 4px; margin-bottom:12px; text-align:center; font-size: 10px; font-family:Verdana, sans-serif;}

.form_error{border:1px solid #ccc; background:#FB9D9D; text-align:center; padding:2px; margin:1px;}

input.form_submit{border:1px solid #ccc; background:#F2F2F2; font-size:10px; padding:1px; text-align:center; margin-left:5px;}
input.form_object{border: 1px solid #000094; margin: 1px; width: 250px; height: 12px; font-size: 10px;}

.login_field{}
.login_memo{text-align:left; float:left;}
.login_button{text-align:right; margin-right:2px;}

/*.txt12 {color:gray; font-size:10px; padding-left:10px;}*/
/*
table.last_gallery {padding:2px; margin:0px; background:#ffffff;}
td.last_gallery {padding:2px;}
td.last_gallery_img {padding:2px; margin:20px; background:gray}
td.last_gallery_text {vertical-align:top;}
.last_gallery_text {background:yellow; margin:10px}
.last_gallery_img{background:red; padding:10px; vertical-align:center; text-align:center;}
*/
.box_last_news{border:1px solid #ccc; background:white; font-size:10px; overflow:hidden; padding:0px; margin-bottom:1px}

.last_cat_breadcrumbs{background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom: 3px;}
.last_cat_title{background:#FFFFFF; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom: 3px;}

.last_cat_img{background:#F2F2F2; float:left; padding:6px;}
.last_cat_img_plus_1{background:#F2F2F2; float:left; padding:6px;}
.last_cat_img_plus_2{background:#F2F2F2; margin-left:166px; padding:6px;}
.last_cat_txt{background:#FFFFFF; margin-left:166px; padding:6px;}
.last_cat_line_1{background:#FFFFFF; height:112px; margin-bottom: 2px;}
.last_cat_line_2{background:#FFFFFF; height:112px;}

.cat_concerned{background:#F2F2F2; padding:11px;}

.advertising_rectangle{text-align:center;}
.advertising_square{background:#F2F2F2; margin:2px; padding:17px; text-align:center;}
.advertising_pp{background:#F2F2F2; margin:2px; padding:17px; text-align:center;}

.home_module_space{background:#FFFFFF; padding-bottom:2px;}

.centre_gauche_bis, .centre_droite_bis {width:332px; margin-top:1px; margin-bottom:1px; border:1px solid #ddd; overflow:auto;}
.centre_gauche_bis {float:left;}
.centre_droite_bis {float:right;}

.friends_group_list{line-height: 19px; vertical-align: middle; padding:0px; margin:0px;}
.img_manage{vertical-align: middle; padding-bottom:3px; margin-right:2px; margin-left:2px;}

input.form{border: 1px solid #000094; margin: 1px; width: 200px; height: 12px; font-size: 10px;}
input.form_user_pass{border: 1px solid #000094; margin: 1px; width: 148px; height: 15px; font-size: 10px;}
select.form{border: 1px solid #000094; margin: 1px; text-align: right; font-size:10px;}
select.form_left{border: 1px solid #000094; margin: 1px;text-align: left; font-size:10px;}
textarea.form{border: 1px solid #000094;}
td.align_top{vertical-align: top;}
td.align_right{text-align: right;}
td.align_center{vertical-align: middle;}
td.list_object{vertical-align: middle; padding: 2px;}
td.list_manage{text-align: center; vertical-align: middle; padding: 2px;}
td.align_center_right{text-align: right; vertical-align: middle;}

li.draw_cat_1{list-style: disc;}
li.draw_cat_2{list-style: circle;}
li.draw_cat_3{list-style: square;}

/* Structure site */
#header {height:90px;}
ul.nav {background:#d9d9d9 url(nav.bg.gif) repeat-x top;margin:10px 1px 0 1px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;
	border-bottom:1px solid #c7c7c7; position: relative;height:32px; z-index:100;}
	.nav li {float: left;font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; position: relative;
	line-height:32px; font-size:12px; font-weight:bold; overflow:visible;cursor:pointer;  white-space: nowrap;}
	.nav li .current,.nav .current:hover  {background:#aeaeae url(nav.current.bg.gif) top left no-repeat; 
	border-right:1px solid white;  margin-right:-1px; text-shadow:#fff 1px 1px 5px;}
	.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {display: block; color:gray; padding: 0 12px;text-decoration:none;}
	.nav a:hover {background:url(nav.hover.bg.gif) no-repeat center top; color:black !important;}
	.nav li ul {width:150px;}
	.nav li ul a {background:#aeaeae url(nav.li.bg.gif); color:black !important; width:130px; font-size:11px; line-height:26px;}
	.nav li ul a:hover {background:gray; color:white !important;}
	.nav ul {position: absolute;top: 32px;opacity:0.95;left: 0px;display:none;border-bottom:1px solid gray;border-right:1px solid #e2e2e2;}
object {z-index:10;position:relative;}
#lang {height:13px; position:relative; float:right; top:8px; right:8px; z-index:1000; line-height:11px;font-size:11px;}
#lang a img {border:1px solid transparent;}
#lang a:hover img {border:1px solid white;}
#logo { background:url(logo.jpg) no-repeat center -20px; margin-top:-20px; } /* à centrer */
#logo { height:100px; float:left; width: 250px; margin:-10px 0 0 0;}
#logo a {display:block; height:100%; width:80%; margin:0 10%;}
#logo span {text-indent:-9999px;display:none;}
.box, .object{border:1px solid #ccc; background:white; font-size:10px; overflow:hidden; padding:0px;}
.box_stat{border:1px solid #ccc; background:white; font-size:10px; padding:1px; margin:10px; width:200px; text-align:center; margin-left: 238px;}
.box_feed{border:1px solid #ccc; background:white; font-size:10px; padding:10px; margin:10px; width:240px; text-align:center; margin-left: 50px;}
.box .box  {border-color:#eee;}
.commands {text-align:center; padding:5px;}
.diapo {display:none;}
#content {margin:1px;}
#gauche {margin-right:848px;}
	#gauche .box, #droite .box {margin-bottom:1px;}
#centre {float:left; width:684px; overflow:hidden;}
	.centre_gauche, .centre_droite {width:338px; border:1px solid #ddd; overflow:auto;}
	.centre_gauche {float:left;}
	.centre_droite {float:right;}
#droite {float:right; width:162px;}
#droite_et_centre {float:right; width:847px;}
.leaderboard {height:92px; width:730px; float: right; margin:-4px 8px 0 0; padding:0px 0 0 0;}
.leaderboard img {border:1px solid #b2b2b2; padding:1px;}
#footer {border-top:1px solid #ddd; padding-top:10px;}
.add_bigimg_to_cart {display:block; cursor:pointer;}

#caddie {background:white url(cart.jpg) no-repeat center center; cursor:pointer; width:150px; height:100px; color:white; opacity:0.5; text-align:center; margin:4px;}
#caddie:hover {opacity:0.8;}

#display_thumbnails {margin-top:1px;}
#display_thumbnails .thumbnail {border:1px solid #eee; display:block; text-align:center;
	 margin:2px 2px 1px 2px; overflow:hidden;float:left; width:162px; height:161px; position:relative;}
.thumbnail .add_to_cart {position:absolute; display:none; bottom:5px; right:5px; width:16px; height:16px; background:transparent url(cart16.gif) no-repeat;}	
.thumbnail .mobile {position:absolute; bottom:5px; left:5px; width:0px; height:0px; background:transparent url(mobile16.gif) no-repeat; display:none;}	
.thumbnail:hover .add_to_cart, .thumbnail:hover .mobile {display:block;opacity:0.5;}

.thumbnail .add_to_cart:hover, .thumbnail .mobile:hover {opacity:1.0 !important;}

#display_thumbnails .thumbnail:hover {border:1px solid #ccc;}

.gauche {text-align:left;}

#photo {position:relative; z-index:50; margin:20px 0;}
#photo .wrap {position:relative;}
#photo .wrap img {opacity:0;}

#tag_someone, #tag_helptext {margin:10px;}
#tag_someone {display:none;}
#tag_helptext, #cookie_warning.warning {display:none;}
.no_photo {font-weight:bold; color:#ff0000}

b, strong {font-weight:bold;}
i, em {font-style:italic;}
a {color:#0000cc; padding:1px;}
a:hover {text-decoration:underline;}
a.current {background:#0000cc;color:white;}

h2 {font-family:'Trebuchet MS', Verdana, sans-serif; font-weight:bold; font-size:16px; text-transform:uppercase; 
line-height:28px; padding:3px 10px 0 10px; text-align:center;}
h2 .loading {background:transparent url(loading.gif) no-repeat center center; height:28px; float:right; display:block; width:16px;}
h3 {font-size:13px; font-weight:bold; line-height:23px; padding:5px 10px;}
h4,link_white {font-weight:bold; font-size:9px; text-transform:uppercase; line-height:18px; text-align:center;-moz-border-radius:2px;}
h5 {font-weight:bold;}
#diapo_timeout {height:2px;background:#ddd; opacity:0.3;}
#timer {float:left; height:2px; background:gray;}

		#before {float:left; margin-left:15px;}
		#after {float:right; margin-right:15px;}
		#before a, #after a {font-size:1.1em; padding:0 5px; border:1px solid #eee; margin:0 2px;}
		#before a:hover, #after a:hover {border:1px solid #ccc; text-decoration:none;}
		
/* Coins arrondis */
h2,.nav, #site, .box {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}