/* style="border: 1px solid #fff;" firebrick4  	#8B1A1A*/
/* main nav exacte #7C0000 */
.navboit #nav				{ margin: 0; position: relative; display: block ; float: right; height: 31px; font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; }
.navboit #nav ul				{ margin: 0px; padding: 0; list-style-type: none; width: auto; }
.navboit #nav ul li			{ display: block; float: left; margin: 0 0 0 1px; text-align: center; }
.navboit #nav ul li a		{ background: transparent url(blou.png) -770px -1px no-repeat; 
							display: block; width: 184px; float: left; color: #fff; text-decoration: none; padding: 12px 0 0 0; height: 19px; }
.navboit #nav ul li a:hover 	{ color: #f9f9f9; background: transparent url(blou.png) -770px -34px no-repeat;}

.espace                                  { margin-top: 182px;}
/* topbar-links */


.blehboit #bleh				{  position: relative; display: block ; float: right; /*height: 31px; */font: bold 12px Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase; }
.blehboit #bleh ul				{  margin:0;padding: 0; list-style-type: none; width: auto; }
.blehboit #bleh ul li			{ font-size: 1.0em; display: block; float: right; margin: 0 0 0 1px; text-align: center; }
.blehboit #bleh ul li a		{  background: transparent url(blou.png) -794px -40px no-repeat; 
							display: block; width: 160px;  color: #fff; text-decoration: none; padding: 5px 0 0 0; height: 19px; }
.blehboit #bleh ul li a:hover 	{ color: #f9f9f9; background: transparent url(blou.png) -794px -7px no-repeat;}





#announcements			{ height: 30px; overflow: hidden; width: 300px; }

.top-space				{ height: 10px; }


.cat_boit				{ float: left; position: relative; margin: 15px 15px 0px 10px; padding: 0; }
.video_boit				{ float: left; position: relative; margin: 4px 0px 15px 5px; width:182px; height:205px; /*border: 1px solid #fff;*/ }
.video_boit img			{ border: 1px solid #777;}
.video_boit img:hover	{ border: 1px solid #fff; }   /*#fff <- #ff9900*/

.video_boit_browse			{ float: left; position: relative; margin: 10px 0 0 6px; padding: 0; }
.video_boit_browse img		{ border: 1px solid #777; }
.video_boit_browse img:hover	{ border: 1px solid #ff9900; }

.video_boit_short			{ float: left; height: 145px; margin: 10px 25px 20px 13px; }
.video_boit_short img		{ border: 1px solid #777; }
.video_boit_short img:hover	{ border: 1px solid #ff9900; }

.video_boit_webmasters			{ float: left; margin: 10px 15px 10px 7px; width: 160px; height: 240px; padding: 0; }
.video_boit_webmasters img		{ border: 1px solid #777; }
.video_boit_webmasters img:hover	{ border: 1px solid #ff9900; }

.boit-left				{ float: left; color: #999; font-size: 10px; text-align: left; }
.boit-right				{ float: right; color: #999; font-size: 10px; text-align: right; }


.video-wrapper			{ margin-left: 0; }
.video-menu-wrapper		{ margin: 0 20px 0 0; }

.attach-video-wrapper		{ margin: 0 100px 0 160px; }
.attach-video-wrapper-reply	{ margin: 0 120px 0 10px; }

.video-menu				{ margin: 10px 10px 5px 0; padding: 5px; }
.video-menu-left		{ float: left; margin: 0; padding: 0; width: 275px; } /* specify width for linux */
.video-menu-right		{ float: right; margin: 0 10px 0 0; padding: 0; }
.video-menu-right a		{ color: #999; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; padding: 0; }

.video-actions			{ margin: 5px 20px 0 0; padding: 5px; text-align: center; }
.video-actions a		{ margin: 0; padding: 0; font-size: 14px; font-weight: bold; }

.video-info				{ margin: 5px 20px 0 0; padding: 5px; background-color: #111; border: 1px solid #222; }
.video-info-left		{ float: left; margin: 0; padding: 0; width: 33%; }
.video-info-mid			{ float: left; margin: 0; padding: 0; text-align: center; width: 30%; }
.video-info-right		{ float: right; margin: 0 3px 0 0; padding: 0; text-align: right; }
.video-info-left-bottom	{ float: left; margin: 0; width: 400px; padding: 0; }
.video-info-right-bottom{ float: right; margin: 0 3px 0 0; padding: 0; text-align: right; }

/* premium */

.sub-video-menu			{ margin: 0px 0px 5px 0; padding: 5px; }
.sub-video-menu-left	{ float: left; margin: 0; padding: 0; width: 275px; } /* specify width for linux */
.sub-video-menu-right	{ float: right; margin: 0 0px 0 0; padding: 0; color: #fff; font-size: 14px; font-weight: bold; }
.sub-video-menu-right a	{ color: #999; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; padding: 0; }
.ratethis                   	{ float: left; margin: 0 0px 0 0; padding: 0; color: #fff; font-size: 14px; font-weight: bold; }
.video-actions-wrap		{ margin: 5px 20px 0 0; padding: 0; text-align: center; border: 1px solid #555; }
.video-actions-boit		{ margin: 4px 20px 0; padding: 0; text-align: center; }
.video-actions-boit a	{ color: #999; font-size: 14px; font-weight: bold; }
.video-actions-show		{ margin: 0; }

.video-actions-panel-wrap	{ margin: 0; padding: 0; }
.video-actions-panel-left	{ float: left; margin: 0 0 0 10px; padding: 0; text-align: left; }
.video-actions-panel-right	{ float: right; margin: 0 10px 0 0; padding: 0; text-align: left; }

.video-controls			{ margin: 5px 20px 0 0; padding: 0; background-color: #111; border: 1px solid #222; }
.video-controls-left	{ float: left; margin: 5px; padding: 0; }
.video-controls-right	{ float: right; margin: 5px; padding: 0; text-align: right; text-align: right; }
.video-controls-right a	{ color: #888; }

.vid-information		{ margin: 5px 0px 0 0; padding: 5px; background-color: #0a0a0a; border: 1px solid #222; }
.vid-information-left	{ float: left; margin: 0; padding: 0; width: 450px; }
.vid-information-right	{ float: right; margin: 0 3px 0 0; padding: 0; text-align: right; }

/* end premium */

.rater-message			{ margin: 0 0 0 5px; color: #999; font-size: 14px; font-weight: bold; }
.star					{ background-repeat: no-repeat; height: 20px; width: 25px; float: left; cursor: pointer; }
.etoi_full				{ background: transparent url(blou.png) no-repeat scroll -243px -5px; }
.etoi_empty				{ background: transparent url(blou.png) no-repeat scroll -215px -5px; }
.etoi_half				{ background: transparent url(blou.png) no-repeat scroll -272px -5px; }
.etoi_full_small		{ float: left; margin-right: 2px; background: transparent url(blou.png) no-repeat scroll -228px -29px; 
						width: 10px; height: 12px; }
.etoi_empty_small		{ float: left; margin-right: 2px; background: transparent url(blou.png) no-repeat scroll -212px -29px; 
						width: 10px; height: 12px; }
.etoi_half_small		{ float: left; background: transparent url(blou.png) no-repeat scroll -246px -29px; width: 10px; height: 12px; }
.etoi_bling		{ float: left; margin-right: 2px; background: url(etoibling.png) no-repeat scroll -0px -0px; width: 26px; height: 24px; }/*{ float: left; margin-right: 2px; background: url(icon.JPG) no-repeat scroll -925px -476px; width: 26px; height: 24px; }*/
						
						
.favorites-message		{ color: #00ff00; text-align:center; }
.espace                                  { margin-top: 182px;}
/* topbar-links */
.boit-align-right		{ display: block; }
ul.topbar-links			{ float: right; list-style-type: none; margin: 0; padding: 0; }
ul.topbar-links li		{ float: left; margin: 0 0 0 15px; }
.imgmap_mail			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -347px -28px; 
						width: 20px; height: 18px; margin: 3px 0 0 3px; }
.imgmap_requests		{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -367px -29px; 
						width: 20px; height: 18px; margin: 0 0 0 3px; }
.imgmap_feeds			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -323px -28px; 
						width: 20px; height: 18px; margin: 0 0 0 3px; }
.imgmap_speed_dial		{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -302px -27px; 
						width: 20px; height: 18px; margin: 0 0 0 3px; }
.upload-button			{ background: transparent url(blou.png) no-repeat scroll -372px -3px; 
						display: block; width: 75px; height: 24px; margin: 5px 5px 0 0; }

.searchbar				{ background: transparent url(blou.png) no-repeat scroll 0px -115px; }
.searchbar-left			{ float: left; width: 300px; }
.searchbar-mid			{ float: right; margin-left:0px;margin-top:68px;width: 650px; }/*{ float: left; margin-left:420px;margin-top:68px;width: 500px; }*/
.searchbar-right		{ float: right; }

/* related videos */
.navboitrel #navrel				{ margin: 0; position: relative; display: block; height: 21px; font: normal 12px Arial, Verdana, Helvetica, sans-serif; }
.navboitrel #navrel ul			{ margin: 0px; padding: 0; list-style-type: none; width: auto; }
.navboitrel #navrel ul li		{ display: block; float: left; margin: 0 1px 0 0; text-align: center; }
.navboitrel #navrel ul li a		{ background: transparent url(blou.png) -770px -9px no-repeat;
								display: block; width: 184px; float: left; color: #ddd; text-decoration: none; padding: 3px 0 0 0; height: 21px; }
.navboitrel #navrel ul li a:hover{ color: #f9f9f9; background: transparent url(blou.png) -770px -42px no-repeat;}

.related-wrapper		{ margin: 0; padding: 0; }
.related-left			{ width: 36px; float: left; text-align: left; margin: 0; padding: 0; }
.related-mid			{ width: 880px; float: left; margin: 0; padding: 0; }
.related-right			{ width: 25px; float: left; text-align: right; margin: 0; padding: 0; }

a img.related-left-button		{ background: transparent url(blou.png) no-repeat scroll -964px -3px; margin: 90px 0 0 0; }
a:hover img.related-left-button	{ background: transparent url(blou.png) no-repeat scroll -984px -3px; }
a img.related-right-button		{ background: transparent url(blou.png) no-repeat scroll -1004px -3px; margin: 90px 0 0 0; }
a:hover img.related-right-button{ background: transparent url(blou.png) no-repeat scroll -1024px -3px; }

/* add to icons */
.addtos					{ margin: 5px; padding: 5px 0 0; border-top: 1px dotted #333; }
.addto					{ float: left; margin: 0 0 0 10px; padding: 0; }
.addto_blink			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -117px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_delicious		{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -99px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_digg				{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -81px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_furl				{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -136px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_google			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -63px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_simpy			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -45px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_spurl			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -27px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }
.addto_yahoo			{ display: block; float: left; background: transparent url(blou.png) no-repeat scroll -9px -92px; 
						width: 18px; height: 16px; margin: 0; cursor: pointer; }




/* photos */
.album-boit				{ float: left; margin: 10px 20px 10px 10px; width: 116px; height: 205px; position: relative; }
.album-boit img			{ border: 1px solid #777; }
.album-boit img:hover	{ border: 1px solid #ff9900; }
.album-row				{ margin-bottom: 20px; }
.photo-boit				{ float: left; margin: 0 10px 10px; }
.photo-boit img			{ border: 1px solid #777; }
.photo-boit img:hover	{ border: 1px solid #ff9900; }
.photo-menu				{ margin: 5px; padding: 5px; background-color: #000; border: 1px solid #222; }
.photo-menu-left		{ float: left; margin: 0; padding: 0; }
.photo-menu-right		{ float: right; margin: 0; padding: 0; }
.photo-menu-right a		{ color: #999; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; padding: 0; }
.caption-boit			{ width: 400px; }

/* slideshow */
.slideshow-controls		{ background-color: #222; margin: 0; padding: 10px; }
.start-stop				{ float: left; margin-right: 10px; }
.slider					{ float: left; margin-right: 10px; }
.slider-speed			{ float: left; }
.photo-wrapper			{ margin-top: 20px; }
.slider-knob			{ width: 20px; height: 20px; }
.knob					{ background: #F98E00 url(blou.png) no-repeat scroll -175px -8px; }
.slider-boit				{ width: 200px; height: 20px; background-color: #000; border: 1px solid #a76400; }



/* search/create/login/user prefs */
.advanced-search		{ float: left; margin: 8px 0 0 5px; padding: 0; font-size: 10px; color: #999; }
.advanced-search a		{ color: #999; } 
.advanced-search a:hover{ color: #ff9900; }

ul.prefs-nav			{ margin: 0 0 0 4px; padding: 0; }
ul.prefs-nav li			{ display: block; float: left; padding: 5px; margin: 0 15px 0 0; cursor: pointer; border-left: 1px solid #222; 
						border-top: 1px solid #222; border-right: 1px solid #222; }
ul.prefs-nav li a:hover	{ color: #fff; }




#cropper					{ text-align: center; display: block; visibility: visible; }
#cropper-container-border	{ padding-bottom: 10px; }
#cropper-container			{ position: relative; }
#cropper-mover				{ position: absolute; cursor: move; border: 1px solid #990000; background-position: -1px -1px; }
#cropper-resizer			{ height: 10px; width: 10px; background: #fff; position: absolute; cursor: nw-resize; background-image: url(../../images/resize_NW_SE.gif); }
#thumb_preview				{ display: none; visibility: hidden; text-align: center; }
#preview_holder				{ border: 1px solid #000; }
#cropper-animation			{ display: none; visibility: hidden; width: 200px; text-align: center; }
#cropper-black-border		{ border: 2px solid #000; }
.cropped-avatar				{ margin: 0 10px; }




/* profile */
.typedash                   { float:left;background-color: #000; overflow: hidden; padding-left: 28px; }
.typecat			{ float:left;background-color: #000; margin-bottom: 0px;border: 1px solid #222; overflow: hidden; padding-bottom: 6px;width: 757px;}
.typeboit			{ float:left;background-color: #000; margin-bottom: 0px; border: 1px solid #222; overflow: hidden; padding-bottom: 10px;} /* used across whole site */
.typepub			{ float:left; background-color: #000; width: 162px; margin-bottom: 10px; border: 1px solid #222; overflow: hidden; padding-bottom: 10px;}
.typeboit-narrow		{ background-color: #000; border: 1px solid #222; margin: 10px 20px 10px; } /* extra margin for share, flag, embed containers */
.sideadvert-site		{ background-color: #000; margin-bottom: 10px; border: 1px solid #222; margin: 0 0 0 760px; height: 1650px; }
.sideadvert-browse		{ background-color: #000; margin-bottom: 10px; border: 1px solid #222; margin: 26px 0 0 0px; height: 1805px; width: 160px; float:right; }/* 906*/
.sideadvert-home		{ background-color: #000; margin-bottom: 10px; border: 1px solid #222; margin: 0 0 0 760px; height: 1650px; }
.sideadvert-livegirls	{ width: 160px; float: right; padding: 0; text-align: center; } /* for live girls page side ad */
.sideadvert-browse2		{ background-color: #000; margin-bottom: 10px; border: 1px solid #222; margin: 0px 0 0 785px; height: 865px; width: 160px; }
.sideadvert-browse3		{ background-color: #000; margin-bottom: 10px; border: 1px solid #222; margin: 26px 0 0 785px; height: 2381px; width: 160px; }


.typeboit-left			{ float: left; margin: 0; padding: 0; }
.typeboit-right			{ float: right; margin: 0; padding: 0; }
.typeboit-content-center	{ padding: 0px 10px; margin: 0px; clear: both; }
.typeboit img { width :180px ; height:135px ;}

.upload-boit-left		{ float: left; margin: 20px 0 20px 70px; padding: 0; }
.upload-boit-right		{ float: right; margin: 20px 70px 20px 0; padding: 0; }


.link-bar				{ background-color: #0a0a0a; height: 18px; border-bottom: 1px solid #222; margin: 0 0 5px; padding: 0; }/*1px dotted #333;*/
.link-barnb				{ background-color: #0a0a0a; height: 18px; margin: 0 0 5px; padding: 0; } /* no bottom border - used in edit profile */
.link-bar-bottom		{ background-color: #222; height: 18px; margin: 0; padding: 0; border-bottom: 1px solid #333; } /* for blog controls */
.link-bar-bottomnb		{ background-color: #222; height: 18px; margin: 0; padding: 0; }
.bar-left				{ float: left; font-size: 11px; color: #fff;; padding: 0 10px; } /*#999*/
.bar-right				{ float: right; font-size: 11px; color: #999; padding: 0 10px; }

ul.quick-links			{ margin: 0 0 0 10px; padding: 0; }
ul.quick-links li		{ float: left; width: 140px; margin: 4px 0; padding: 0; }

.typeavatar			{ float: left; width: 110px; margin: 7px 0 0 10px; padding: 0; }
ul.typeinfo			{ float: left; width: 160px; margin: 3px 5px 10px 0; padding: 0; }
ul.typeinfo li		{ margin: 0 0 5px; padding: 0; color: #d2d2d2; }

ul.typemoreinfo		{ margin-top: 10px; padding: 0; }
ul.typemoreinfo li	{ margin: 0 0 5px; padding: 0; color: #d2d2d2; }

.comment-boit			{ background-color: #000; border: 1px solid #333; margin: 0 10px 10px; } /* <p> styled in typography.css */
.comment-avatar-boit		{ float: left; margin: 10px; }
.comment-info-boit		{ border: 1px solid #333; background-color: #222; margin: 10px 10px 5px 85px; padding: 3px 10px; }
.comment-text-boit		{ margin: 5px 5px 5px 85px; padding: 3px 10px; color: #f1f1f1; overflow: hidden; }
.comment-controllers-boit{ margin: 5px 10px 0 85px; border-top: 1px dotted #444; padding: 3px 10px; font-size: 11px; }

.add-comment-wrapper	{ margin: 0; padding: 0; width: 500px; }
.add-comment-left		{ float: left; width: 165px; padding: 5px 0; }
.add-comment-mid		{ float: left; width: 165px; padding: 0; }
.add-comment-right		{ float: left; width: 165px; padding: 5px 0; }

.user-boit				{ float: left; height: 160px; width: 110px; margin: 10px 10px 20px; }
.user-boit img			{ border: 1px solid #777; }
.user-boit img:hover		{ border: 1px solid #ff9900; }

.add-photo-row			{ margin: 10px 10px 20px; background-color: #333; }

.drag-n-drop			{ margin: 0 10px; border-bottom: 1px dotted #555; }
.drag-n-drop-lower		{ margin: 0 10px; }

.recent-sub-orderby		{ margin: 5px 0 2px 10px; } /* for subscriptions nav */

.feedback-msg			{ color: #ff0000; }


.draggable				{ float: left; margin: 10px; cursor: move; position: relative; }
.droppable				{ border: 1px dotted #555; padding: 5px; }
.drop_area				{ float: left; margin: 5px; }


.video_attach_panel		{ width: 130px; height: 130px; margin: 10px 12px 0 10px; float: left; border: 1px solid #000; }
.video_attach_boit		{ background-color: #000; border: 1px solid #222; }
ul.video-attach-nav		{ margin: 0; padding: 0; }
ul.video-attach-nav li	{ float: left; margin-right: 10px; padding: 0; cursor: pointer; }


.feed-boit				{ margin: 5px 10px 0 10px; padding: 0; border-bottom: 1px solid #222; }
.feed-img				{ float: left; margin-right: 5px; }
.feed-date				{ float: left; margin-right: 5px; }
.feed-text				{ float: left; }


ul.community-nav		{ margin: 10px 0; padding: 0; }
ul.community-nav li		{ margin: 0; padding: 0 0 3px 10px; }
img.videos-community	{ background: transparent url(blou.png) no-repeat scroll -305px -51px; margin-right: 5px; }
img.photos-community	{ background: transparent url(blou.png) no-repeat scroll -324px -50px; margin-right: 5px; }
img.members-community	{ background: transparent url(blou.png) no-repeat scroll -344px -51px; margin-right: 5px; }
img.blogs-community		{ background: transparent url(blou.png) no-repeat scroll -362px -51px; margin-right: 5px; }


.message-boit			{ padding: 5px; margin: 5px; border-bottom: 1px solid #222; }
.message-boit-avatar		{ float: left; width: 80px; }
.message-boit-username	{ float: left; text-align: right; width: 100px; margin-right: 15px; }
.message-boit-message	{ float: left; width: 460px; }
.message-boit-delete		{ float: left; width: 40px; }
.message-boit-unread		{ background-color: #333; }

.reply-boit				{ margin-left: 110px; }

a img.reply				{ background: transparent url(blou.png) no-repeat scroll -742px -78px; }

a.message-preview-link		{ color: #fff; }
a:hover.message-preview-link{ color: #FF9900; }




.format_button			{ font-size: 14px; cursor: pointer; margin: 0 4px; padding: 2px; color: #FFF; border: none; display: block; float: left; }
.spacer					{ float: left; margin: 8px 5px 0; width: 1px; height: 10px; border-left: 1px solid #666; }
.blog_formatting		{ margin: 10px 0 10px 145px; }
.colourPicker			{ width: 15px; height: 15px; cursor: pointer; float: left; margin-left: 5px; }
.object_pane			{ float: left; cursor: pointer; margin: 2px; }
.blog-header-wrap		{ margin: 5px 0 0; }
.blog-content-wrap		{ margin: 0 10px 5px; padding-bottom: 10px; }




a img.share				{ background: transparent url(blou.png) no-repeat scroll -479px -3px; }
a:hover img.share		{ background: transparent url(blou.png) no-repeat scroll -479px -24px; }
a img.favorite			{ background: transparent url(blou.png) no-repeat scroll -505px -5px; }
a:hover img.favorite	{ background: transparent url(blou.png) no-repeat scroll -505px -27px; }
a img.flag				{ background: transparent url(blou.png) no-repeat scroll -528px -3px; }
a:hover img.flag		{ background: transparent url(blou.png) no-repeat scroll -528px -25px; }
a img.embed				{ background: transparent url(blou.png) no-repeat scroll -557px -3px; }
a:hover img.embed		{ background: transparent url(blou.png) no-repeat scroll -557px -25px; }
a img.playlist			{ background: transparent url(blou.png) no-repeat scroll -480px -46px; }
a:hover img.playlist	{ background: transparent url(blou.png) no-repeat scroll -480px -67px; }




.next-prev-bar			{ margin: 5px 10px; padding: 5px; border: 1px solid #333; background-color: #000; text-align: center;margin-top:15px; }




.footer					{ text-align: center; }
.footer a				{ color: #000; }




.flv-player				{ width: 608px; height: 490px; border: 1px solid #333; }
/*-------------------------------------------------------------------------------------------------------------------------------------------------------
*/



/*.etoi_half_small		{ float: left; background: transparent url(blou.png) no-repeat scroll -246px -29px; width: 10px; height: 12px; }*/

.accueil { float: left; background: transparent url(first.jpg) no-repeat scroll -173px -128px; width: 101px; height: 39px; }
.societe { float: left; background: transparent url(first.jpg) no-repeat scroll -274px -128px; width: 101px; height: 39px; }
.service { float: left; background: transparent url(first.jpg) no-repeat scroll -375px -128px; width: 101px; height: 39px; }
.projet { float: left; background: transparent url(first.jpg) no-repeat scroll -476px -128px; width: 101px; height: 39px; }
.contact{ float: left; background: transparent url(first.jpg) no-repeat scroll -577px -128px; width: 101px; height: 39px; }

.accueil:hover { float: left; background: transparent url(third.jpg) no-repeat scroll -173px -128px; width: 101px; height: 39px; }
.societe:hover{ float: left; background: transparent url(third.jpg) no-repeat scroll -274px -128px; width: 101px; height: 39px; }
.service:hover{ float: left; background: transparent url(third.jpg) no-repeat scroll -375px -128px; width: 101px; height: 39px; }
.projet:hover{ float: left; background: transparent url(third.jpg) no-repeat scroll -476px -128px; width: 101px; height: 39px; }
.contact:hover{ float: left; background: transparent url(third.jpg) no-repeat scroll -577px -128px; width: 101px; height: 39px; }

.accueilin { float: left; background: transparent url(third.jpg) no-repeat scroll -173px -128px; width: 101px; height: 39px; }
.societein{ float: left; background: transparent url(third.jpg) no-repeat scroll -274px -128px; width: 101px; height: 39px; }
.servicein { float: left; background: transparent url(third.jpg) no-repeat scroll -375px -128px; width: 101px; height: 39px; }
.projetin { float: left; background: transparent url(third.jpg) no-repeat scroll -476px -128px; width: 101px; height: 39px; }
.contactin { float: left; background: transparent url(third.jpg) no-repeat scroll -577px -128px; width: 101px; height: 39px; }

.gros { float: left; background: transparent url(five.jpg) no-repeat scroll -0px -212px; width: 205px; height: 57px; }
.sec { float: left; background: transparent url(five.jpg) no-repeat scroll -0px -268px; width: 205px; height: 57px; }
.reno{ float: left; background: transparent url(five.jpg) no-repeat scroll -0px -325px; width: 205px; height: 57px; }
.amen{ float: left; background: transparent url(five.jpg) no-repeat scroll -0px -382px; width: 205px; height: 57px; }


.gros:hover  { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -212px; width: 205px; height: 57px; }
.sec:hover  { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -268px; width: 205px; height: 57px; }
.reno:hover { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -325px; width: 205px; height: 57px; }
.amen:hover { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -382px; width: 205px; height: 57px; }

.grosin { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -212px; width: 205px; height: 57px; }
.secin { float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -268px; width: 205px; height: 57px; }
.renoin{ float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -325px; width: 205px; height: 57px; }
.amenin{ float: left; background: transparent url(fived.jpg) no-repeat scroll -0px -382px; width: 205px; height: 57px; }


.point {color:#7C0000;}
.dot { padding:2px;border-bottom:dotted; border-color:#7C0000; border-width:1px;}
.repre {background-image: url(accueil5.jpg);overflow:hidden;float:left;height:300px;width:580px; }
.oeuvre {float:left; height:220px;width:205px; margin-top:4.1%; }
.central{overflow:auto;height:514px;width:56.9%;padding:2%; }
/* .central{overflow:auto;float:left;height:514px;width:585px;padding:2%; } */
.central2{background:#fff;overflow:hidden;height:425px;width:620px;padding:2%; color:#000; margin-left:50px;}
.central3{background:#fff;overflow:hidden;height:421px;width:660px;padding:2%; color:#000; margin-left:50px;}
.central4{background:#fff;overflow:hidden;height:444px;width:620px;padding:2%; color:#000; margin-left:50px;}
.central5{background:#fff;overflow:hidden;height:455px;width:620px;padding:2%; color:#000; margin-left:50px;}
.central6{background:#fff;overflow:hidden;height:415px;width:640px;padding:2%; color:#000; margin-left:50px;}
.haut { float:left;background-image: url(studioredi.png);background-repeat: no-repeat;height:50px;width:774px; margin:auto;  }
.max {width:774px;height:520px; margin:auto;background:#fff;padding-bottom:5px;float:left; } 
.container				{ padding-top:12.5%; background-image: url(first.jpg);background-repeat: no-repeat;height:700px;width: 1024px; margin: 0 auto;/* background-color: #000; */}
.brussels {  margin-top:0.5%;margin-left:6.5%;background:#fff; background-image: url(brusselsdi.png);background-repeat: no-repeat;height:9px;width:659px; float:left;}
.sti {margin-right:4px; width:60px;height:50px; background:#fff;background-image: url(stdi.png);background-repeat: no-repeat; float:right;}
.sti2 { width:60px;height:50px; background:#fff;background-image: url(stdi.png);background-repeat: no-repeat; float:right;}
.menu {font: bold 10px Arial, Verdana, Helvetica, sans-serif; padding-top:80px;float:left; height:579px;width:115px;line-height:2px; }
.total {height:590px;width:992px;margin:auto;} 
.zize {text-align:center;font-weight: bold; font-size:1.2em;float:right;height:360px;width:135px;margin:auto;} 
.zize a {color:#000;}
.zize a:focus {color:#000;}
.lang { color:#fff;font-weight: bold;font-size:0.9em; float:right;height:20px;width:60px;margin-top:30px;} 
.lang a:hover {color:#535353;}
.timeline { background:#000;color:#fff;font-weight: bold; float:left;height:22px;width:670px;margin:auto;} 
.timeline a:hover { border-bottom: 1px solid #fff;font-weight: bold;height:17px;width:60px;} 
.car { border-bottom: 1px solid #fff;font-weight: bold;height:17px;width:45px;}
.central2 li:hover { color:#000;} 
.grille { border-right: 1px solid #000;height:225px;width:300px;}
.grille2 { float:left;border-right: 1px solid #000;height:110px;width:200px;}
.grille3 { margin-left:70px;float:left;height:110px;width:150px;}
.grillemax {height:112px;width:500px;}

.promo { border-right: 1px solid #000;height:105px;width:300px;}
.liste { float:left;height:400px;width:300px;}
.prix { float:right;height:240px;width:200px;}
.prix2{ margin-top:45px;float:right;height:150px;width:200px;}
.vivi { float:left;height:368px;width:425px;margin-right:15px;}
.promoo {margin-left:90px;padding-top:1px;width:150px;height:150px;float:left;line-height:10px;padding-top:0px;}
.promo2 {width:135px;height:150px;float:left;line-height:2px;padding-top:1px;}
.promo3 {margin-left:90px;width:150px;height:115px;float:left;line-height:6px;}
.promo4{width:20px;height:115px;float:left;line-height:14px;}
.promo5 {margin-left:90px;width:150px;height:40px;float:left;line-height:6px;}
.promo6{width:20px;height:40px;float:left;line-height:14px;}
.choicee { float:left;height:177px;width:400px;border: 1px solid #fff;}
.choicee2 { float:left;height:135px;width:400px;border: 1px solid #fff;}
.choicee3 { float:left;height:79px;width:310px;border: 1px solid #fff;}
.datas {width:550px;height:17px; background:#000;margin:auto;border:1px solid #999;}
.datas2 {width:638px;height:17px; background:#000;margin:auto;border:1px solid #999;}
.centerd {width:370px;height:17px;margin:auto;}
.cased {float:left;color:#fff;width:120px;height:17px;border-left: 2px solid #999;text-align: center;}
.cased2 {float:left;color:#fff;width:120px;height:17px;border-left: 2px solid #999;text-align: center;}
.cased3 {float:left;color:#fff;width:120px;height:17px;border-left: 2px solid #999;border-right: 2px solid #999;text-align: center;}
.cased4 {float:left;color:#fff;width:76px;height:17px;border-left: 2px solid #999;text-align: center;}
.cased5 {float:left;color:#fff;width:76px;height:17px;text-align: center;}
.centercase {width:370px;height:16px;margin:auto;}
.centercase2 {border-bottom: 1px groove #999;width:625px;height:16px;margin:auto;}
.centercase4 {width:550px;height:358px;margin:auto;overflow:auto;}
.centercase5 {width:645px;height:358px;margin:auto;overflow:auto;}

.resp1 {float:left;width:121px;height:16px;text-align: center;}
.resp2 {float:left;width:78px;height:16px;text-align: center;}
.btop { width:69px;height:37px; background:#fff;background-image: url(beontop2.png);background-repeat: no-repeat; margin:auto;}
.ground { width:774px;height:56px; background:#fff;float:left;}


.menu li
{
    margin:0;
    text-align:left;
    display:block;
    padding:0;
color:#fff;
}

.menu li a
{
    white-space:nowrap;
    display:block;
    padding:0 16px;
    clear:both;
    height:20px;
    line-height:20px;
    color:#fff;
}


 li:hover 
{
    color:#535353;
}

 li:hover a
{
    color:#535353;
}



#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; width: 100%;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
div.case-1, div.case-2, div.case-3, div.case-4, div.case-5, 
div.case-6, div.case-7, div.case-8, div.case-9, div.case-10, 
div.case-11, div.case-12, div.case-13, div.case-14, div.case-15, 
div.case-16, div.case-17, div.case-18, div.case-19, div.case-20, 
div.case-21, div.case-22, div.case-23, div.case-24 { color: #000; float: left; margin-right: 10px; }

div.last				{ margin-right: 0; }
.case-1000				{float: left; width: 110px;margin:0; }
.case-1					{ width: 30px; }
.case-2					{ width: 70px; }
.case-3					{ float: left; width: 110px; }
.case-3-2                          { float: left; width: 128px; height: 2035px; border: 1px solid #222; margin-right: 5px; margin-top: 25px; /*border: 1px solid #fff;*/}
.case-4					{ width: 150px; }
.case-5					{ width: 190px; }
.case-6					{ width: 230px; }
.case-7					{ width: 270px; }
.case-8					{ width: 310px; }
.case-9					{ width: 350px; }
.case-10				{ width: 390px; }
.case-11				{ width: 430px; }
.case-12				{ width: 470px; }
.case-13				{ width: 510px; }
.case-14				{ width: 550px; }
.case-15				{ width: 590px; }
.case-16				{ width: 630px; }
.case-17				{ width: 670px; }
.case-18				{ width: 710px; }
.case-19				{ float: left; width: 773px; overflow: hidden ;/* margin-left:121px;*/}
.case-pubmain			{ margin: auto; /*margin: 0px auto;*/ width: 950px; overflow: hidden ;/* margin-left:121px;*/}
.case-20				{ width: 790px; }
.case-21				{ width: 830px; }
.case-22				{ width: 870px; }
.case-23				{ width: 910px; }
.case-24, div.case-24	{ width: 950px; margin: 0; }
.case-x				       { float: left; width: 770px;margin-right:15px; }
.case-s                              { float: left; width: 630px;/*margin-right:15px;*/ }
.case-v                             { float: left; width: 783px;/*margin-right:15px;*/ }
.case-19-2                        { float: left; width: 759px; }
.case-24-2, div.case-24-2	{ width: 1071px; margin: 0; }



div.border				{ padding-right: 4px; margin-right: 5px; border-right: 1px solid #222; }
div.colborder			{ padding-right: 14px; margin-right: 15px; border-right: 1px solid #222; }

.clearfix:after, .container:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .container				{ display: inline-block; }
* html .clearfix,
* html .container		{ height: 1%; }
.clearfix, .container	{ display: block; }

.clear					{ clear: both; margin: 0; padding: 0; }
.clear-right			{ clear: right; margin: 0; padding: 0; }  /* for invite/support links in header */

.center					{ text-align: center; }
.left					{ float: left; margin: 10px; }
.right					{ float: right; margin: 10px; }
.left-blogimg			{ float: left; margin: 5px 10px 5px 5px; }
.left-nomargin			{ float: left; margin: 0; }



/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

table					{ border-collapse: separate; border-spacing: 0; }
caption, th, td			{ text-align: left; font-weight: normal; }
table, td, th			{ vertical-align: middle; }

a img					{ border: none; }


/* Forms */
label					{ width: 140px; float: left; clear: both; text-align: right; margin: 6px; }
label	2				{ width: 220px; float: left; clear: both; text-align: right; margin: 6px; }
label.long				{ width: 220px; float: left; clear: both; text-align: right; margin: 6px; }
label.short				{ width: 20px; float: left; clear: both; text-align: right; margin: 6px; } /* for flagger radio buttons */
label.semishort			{ width: 28px; float: left; text-align: left; margin: 6px 6px 6px 0; } /* for embed form on webmasters page */
label.medium			{ width: 80px; float: left; clear: both; text-align: right; margin: 6px; } /* for community search filters */
fieldset				{ padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend					{ font-weight: bold; font-size:1.2em; }

.remove					{ margin: -10px 0 0 0; padding: 0; }

.input-text				{ margin: 0; padding: 6px 0; float: right; text-align: left; width: 175px; }

input.text, input.title,
textarea, select		{ margin:0.5em 0; border:1px solid #bbb; }

input.text:focus, input.title:focus,
textarea:focus, select:focus	{ border:1px solid #666; }

input.text, 
input.title					{ width: 140px; padding:1px; }
input.title					{ font-size:1.5em; }
input.text-readonly			{ width: 150px; padding: 1px; margin:0.5em 0; background-color: #999;  border:1px solid #999; } /* for profile edit page */
input.pref-checkboites		{ width: 30px; padding: 1px; margin:9px 0 0; } /* for user prefs checkboites */
textarea					{ width: 350px; height: 80px; padding: 5px; }
textarea.wall-comment		{ width: 500px; height: 100px; padding: 5px; margin: .5em; background-color: #f1f1f1; color: #000; border:1px solid #000; }
textarea.message-compose	{ width: 500px; height: 150px; }
textarea.share-flag-embed	{ width: 250px; height: 70px; }
textarea.report-user		{ width: 200px; height: 70px; }
/*.button			{ width: 80px; padding:0;padding-top: 6px; color: #fff; margin:0.5em 0; margin-top:10px; background-color: #333; cursor: pointer; }*/
/*.button:focus		{ border:1px solid #fff; }*/
input.button			{ width: 110px; padding:0; color: #fff; margin:0.5em 0; border:1px solid #999; background-color: #333; cursor: pointer; }
input.button2		{ width: 80px; padding:5px ;color: #999; margin: auto; border:1px solid #999; background-color: #333; cursor: pointer; }
input.button3		{ width: 160px; padding:5px ;color: #fff; margin: auto; border:1px solid #999; background-color: #333; cursor: pointer; }
input.button6     	{ width: 80px; height:28px; padding:4px ;color: #fff; margin: auto; border:1px solid #999; background-color: #333; cursor: pointer; }
.button4		{ float:right;width: 85px; padding:5px ; color: #fff;text-align:center; margin: auto; border:1px solid #999; background-color: #333; cursor: pointer;font-family: "verdana"; }
input.button:focus		{ border:1px solid #fff; }
input.button3:focus		{ border:1px solid #fff; }
.button4:focus		{ border:1px solid #fff; }
.button6:focus		{ border:1px solid #fff; }
#progress 				{display: none;}
/*input.edit-button		{ width: 157px; height: 37px; background: transparent url(blou.png) no-repeat scroll -596px -10px; border: 0; cursor: pointer; }
input.embed				{ width: 110px; padding: 1px; margin:0.5em 0;  border:1px solid #ff9900; background-color: #000; color: #999; font-size: 11px; } /* for webmasters page */


input.blog-title		{ width: 450px; padding: 1px; margin:0.5em 0;  border:1px solid #fff; }
textarea.blog-entry		{ width: 450px; height: 400px; padding: 1px; }

.upload-form-wrapper	{ margin-left: 5px; }
.upload-form-input		{ float: left; margin: 5px 10px 0 0; padding: 0; }
.upload-form-button		{ margin: 0; padding: 0; }



.error,
.notice, 
.success, .warning		{ padding: 5px; margin-bottom:1em; border: 2px solid #ddd; text-align: center; }

.error					{ background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice, .warning		{ background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success				{ background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a				{ color: #8a1f11; }
.notice a				{ color: #514721; }
.success a				{ color: #264409; }



h1,h2,h3,h4,h5,h6		{ font-weight: normal; color: #fff; } /* #ccc; */

h1						{ font-size: 1.4em; line-height: 1; margin: 0 10px 5px 0; font-weight: bold; text-transform: uppercase; } /* video titles */
h1.hp					{ margin: 0 0 0 12px; } /* more left margin to align with vid boites */
h1.blog					{ margin: 0 0 5px 8px; } /* more left margin to align with content */
h1.grad-bg				{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #fff; 
						background: #222 url(crabe.png) 0px -160px no-repeat; text-transform: uppercase; }
/*
.ma-bg				{  padding-left: 10px; padding-top: 40px; background: transparent url(crabeX.jpg) -242px -311px no-repeat ;width: 768px; height: 28px; }
*/

.ra-bg				{  margin:0; padding-left: 10px;  background: transparent url(crabexx.png) -369px -319px no-repeat ;width: 634px; height: 23px; padding-top: 37px; } /*height:24;*/
.ra-bg h1                           { color: #fff; font-size: 1.1em; line-height: 1; font-weight: bold;  text-transform: uppercase; }						


.ma-bg				{  padding-left: 10px;  background: transparent url(crabexx.png) -242px -319px no-repeat ;width: 770px; height: 23px; padding-top: 37px; } /*height:24;*/


.ma-bg h1                           { color: #fff; font-size: 1.1em; line-height: 1; font-weight: bold;   }						
h2						{ font-size: 1.5em; margin-bottom: 0.5em; text-transform: uppercase; } /* sidebar titles etc */
h3						{ font-size: 1.1em; line-height: 1; font-weight: bold; margin: 0; padding: 10px; color: #ccc; 
						background: #222 url(blou.png) 0px -160px no-repeat; text-transform: uppercase; } /* profile titles */
h4						{ font-size: 1.2em; margin: 0 0 1.25em 10px; font-weight: bold; line-height: 1.25; height: 1.25em; } /* 10px left margin */
h5						{ font-size: 1.2em; font-weight: normal; margin: 0 0 0 10px; padding-top: 5px; } /* not used yet */
h6						{ font-size: 1em; font-weight: bold; margin: 15px 0 0 10px; color: #b0b0b0; } /* not being used */

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img	{ margin: 0; }



p						{ margin: 0 0 1.5em; }
p.last					{ margin: 0; padding: 0; }
p.announcement			{ margin: 8px 0 5px 10px; color: #ddd; }
.typeboit p			{ padding: 0 10px 10px; color: #d2d2d2; }

.grey					{ color: #888; }
.grey a					{ color: #888; }
.grey a:hover			{ color: #ddd; }

a:focus, 				
a						{ color: #fff; text-decoration: none; outline: none; }  /*#fff  <-#ff9900 */
.visit                                    { color: #fff; }                  /*{ color: #ff9900; }*/





blockquote				{ margin: 1.5em; color: #666; font-style: italic; }
.bold					{ font-weight: bold; }
strong					{ font-weight: bold; }
em,dfn					{ font-style: italic; }
dfn						{ font-weight: bold; }
sup, sub				{ line-height: 0; } 



li ul, 
li ol					{ margin:0 1.5em; }
ul, ol					{ margin: 0 1.5em 1.5em 10px; }

ul.bullet				{ list-style-type: disc; margin-left: 25px; color: #d2d2d2; }

ul						{ list-style-type: none; }
ol						{ list-style-type: decimal; padding-left: 20px; color: #d2d2d2; }

dl						{ margin: 0 0 1.5em 0; }
dl dt					{ font-weight: bold; }
dd						{ margin-left: 1.5em;}




table					{ margin-bottom: 1.4em; }
th						{ font-weight: bold; border-bottom: 1px solid #444; }
th,td					{ padding: 4px 10px 4px 5px; }
td						{ color: #999; border-bottom: 1px solid #333; }
tr.even td				{ background: #E5ECF9; }
tfoot					{ font-style: italic; }
caption					{ background: #eee; }
					
					

.available				{ background-color: #ADADAD; height: 16px; margin: 10px 10px 3px; width: 16px; }
.booked					{ background-color: #F98E00; height: 16px; margin: 10px; width: 16px; }

.result-phrase strong	{ color: #fff; }

.blog-ad				{ margin-top: 400px; }

.category-boit			{ float: left; text-align: center; margin-top: 10px; margin-left: 3px; margin-right: 1px; }

.small					{ font-size: 11px; }
.xsmall					{ font-size: 9px; }
.large					{ font-size: 1.2em; font-weight: bold; margin: 0 0 10px; padding: 0; text-transform: uppercase; color: #888888; } /* 'views' on vid page */
.hide					{ display: none; }

.quiet					{ color: #666; }
.loud					{ color: #ffff00; font-size: 11px; font-weight: normal; }
.highlight				{ background:#ff0; }
.added					{ background:#060; color: #fff; }
.removed				{ background:#900; color: #fff; }
.blue					{ color: #2692bf; font-weight: bold; }

.first					{ margin-left:0; padding-left:0; }
.last					{ margin-right:0; padding-right:0; }
.top					{ margin-top:0; padding-top:0; }
.bottom					{ margin-bottom:0; padding-bottom:0; }

.cursor_hand			{ cursor: pointer; }
/*TRY */
div.multicolumn div.column, 
div.multicolumn div.lcolumn { 
	float: left; 
}

/*---------------------------------------------------------------------------------------------------------------------------------------------*/
#lightbox{
	background-color:#000;
	font-size: 15px;
	padding: 10px;
	color: #fff;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
/*div.multicolumn div.rcolumn { 
	float: right; 
}
.mainleftcolumn {
	width: 600px; 
	margin: 0 35px 0 0; 
}*/
.mainleftcolumn {
	width: 600px; 
	margin: 0 35px 0 0; 
}
#commentform div.clearfix { 
	margin: 0 0 15px 0; 
}
.recent                              {color: #FFF;}
.rate                                 {color: #FFF;}
.dure                                 {color: #FFF;}
.view                                 {color: #FFF;}
.Xbronze                            {background-image: url(minbronze20.png);background-repeat: no-repeat;width:20px;height:19px;}
.Xargent                            {background-image: url(minargent20.png);background-repeat: no-repeat;width:20px;height:19px;}
.Xor                                   {background-image: url(minor20.png);background-repeat: no-repeat;width:20px;height:19px;}
.griffe                            { background: transparent url(blob.png) -65px -239px no-repeat;
								display: block; width: 1071px; float: left; color: #ddd; text-decoration: none; padding: 3px 0 0 0; height: 182px; }
body					{ margin-top: 0px; font-size: 75%; line-height: 1.5; color: #fff; background: #000;/*background-image: url(bling.png);*/background-repeat: no-repeat; font-family: "Arial", Helvetica, Arial, sans-serif; }