/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
a{ text-decoration:none;}

body{ background:#fff url(/hab/body03-t.png) top center repeat-x; font-family:Georgia,Times,'Times New Roman',serif; font-size:12px;}
/* BRANDING */
/*body#home, body#price, body#login, body#faq{ background:#e25066 url(/branding-rojo.png) top center no-repeat; font-family:Georgia,Times,'Times New Roman',serif; font-size:12px;}*/
h1{ color:#3b3b3b; font-size:36px; letter-spacing:-1px;}
h1 span, h2 span{ color:#a9a9a9;}

em { font-style: italic; }

strong{ font-weight:bold;}
textarea.area,
input.text{ background:url(/hab/input-bg.gif) top center repeat-x; border:1px solid #bababa; color:#5d90a9; font-family:Georgia,Times,'Times New Roman',serif; font-size:14px;}
form.flow{ /*border-bottom:1px solid #d6d6d6;*/ font-size:16px; line-height:20px; margin-bottom:40px; padding:20px 0;}
form.flow a{ color:#5d90a9;}
form.flow a {
color:#5D90A9;
/*font-size:11px;*/
}
form.flow p{ line-height:25px; padding:5px 0;}
form.flow p .clear{ clear:left; display:block;}
form.flow p input.text{ float:left; padding:2px; width:340px;}
form.flow p select.large{ float:left; padding:2px; width:340px;}
form.flow p.submit{ clear:both; padding:10px 0; text-align:center;}
form.flow p.empty{ padding-left:200px; padding-top: 0px;}
form.flow label{ color:#6c6c6c; float:left; font-style:italic; padding-right:10px; text-align:right; width:190px;}
form.flow label.small{ font-size: 12px; line-height: 18px; }
form.flow label.radio{ color:#5d90a9; cursor:pointer; float:none; text-align:left; width:auto;}
form.flow label .more{ color:#9e9e9e; display:block; font-size:12px;}
form.flow .element{ float:left; width:440px;}
form.flow textarea{ padding:2px; width:340px;}
form.flow .info{ color:#9e9e9e; font-size:13px; font-style:italic;}
form.flow p.deadline input.text{ width:80px;}
form.flow p.deadline a{ margin-left:5px;}
form.flow p.deadline a img{ vertical-align:text-top;}
form.flow p.duo label{ width:80px;}
form.flow p.duo label.first{ width:190px;}
form.flow p.duo .element{ width:150px;}
form.flow p.duo .element input{ width:100px;}
form.flow div.clear{ clear:both;}
form.flow p.submittrio{ background:url(/hab/submittrio.png) top center repeat-x; border-top:1px solid #d9d9d9; clear:both; text-align:center; padding:5px 0 0 0; position:relative; top:10px;}
form.flow.wide label{ width:260px;}

.ds-r{ background:url(/hab/ds-r.png) repeat-y; height:100%; position:absolute; right:-12px; top:2px; width:10px;}
.ds-b{ background:url(/hab/ds-b.png) repeat-x; bottom:-12px; height:10px; position:absolute; right:-2px; width:100%;}
.ds-br{ background:url(/hab/ds-br.png) repeat-x; bottom:-12px; height:10px; position:absolute; right:-12px; width:10px;}
.wrapper{ margin:0 auto; position:relative; width:980px;}
/*.entry{ margin:0 auto; position:relative; width:980px; font-size:15px;}*/
.title{ background:url(/hab/title.png) bottom center repeat-x; margin-bottom:20px; padding:20px;}
.title a{ color:#912a0c;}
.title .avatar{ display:block; float:left; margin-right:10px;}
.title .avatar img{ border:2px solid #e4d5b9;}
.title h2{ color:#3b3b3b; font-size:24px; letter-spacing:-.05em;}
.title h2 span{ color:#696969; font-size:14px;}
.tools{ background:url(/hab/tools02.png) top center repeat-x; border-top:1px solid #d9d9d9; line-height:30px; padding:10px;}
.tools h3{ color:#759cb0; float:left; font-size:18px; letter-spacing:-1px; margin-right:10px;}
.tools .actions{ float:left;}
.tools .actions ul{ font-family:Arial,Verdana,sans-serif; float:left;}
.tools .actions ul li{ display:inline;}
.tools .actions ul li a{ background:center left no-repeat; color:#606060; font-weight:bold; margin-right:10px; padding:5px 5px 5px 20px;}
.tools .actions ul li.edit a{ background-image:url(/hab/icon-edit.gif);}
.tools .actions ul li.pdf a{ background-image:url(/hab/icon-pdf.gif);}
.tools .actions ul li.rss a{ background-image:url(/hab/icon-feed.gif);}
.tools .actions ul li.hide a{ background-image:url(/hab/icon-hide.gif); padding-left:25px;}
.tools .alert{ float:left; line-height:30px; width:240px;}
.tools .alert select{ height:20px; width:140px;}
.tools .alert .button{ position:relative; top:5px;}
.megabloc .wrapper{ background:url(/hab/megabloc.png) top center repeat-x; border-top:1px solid #d0d0d0; padding:40px 50px; width:860px;}
/*.megabloc .entry{ background:url(/hab/megabloc.png) top center repeat-x; border-top:1px solid #d0d0d0; padding:40px 50px; width:860px;}*/

/* BRANDING */
/*#home .megabloc .wrapper { background-color: #fff; }*/
/*.megabloc .col{ float:left; width:410px;}*/
.megabloc .col{ float:left; width:430px;}
.megabloc .col1{ margin-right:40px;}
/*.megabloc h2, h2{ color:#3b3b3b; font-size:22px; letter-spacing:-.5px; line-height:30px; margin-bottom: 5px;}
.megabloc h3, h3{ color:#757575; font-size:18px; letter-spacing:-.5px; line-height:20px; margin-bottom:10px;}*/
.megabloc h2{ color:#3b3b3b; font-size:22px; letter-spacing:-.5px; line-height:30px;}
.megabloc h3{ color:#757575; font-size:18px; letter-spacing:-.5px; line-height:20px; margin-bottom:10px;}
.testimony{ background:top left no-repeat; height:120px; position:relative; width:420px;}
.testimony h4{ color:#c36128; font-size:18px; letter-spacing:-.5px; position:absolute; top:18px;}
.testimony h4 a {
   color:#C36128;
}
.testimony h4 a:hover {
   color:#8db4c7;
}
.testimony blockquote{ color:#242424; font-size:14px; letter-spacing:-.5px; line-height:16px; position:absolute; top:45px; width:280px;}
.testimony img{ position:absolute; top:0px;}
.testimony.left{ background:url(/hab/testimony-left.png);}
.testimony.left h4{ left:25px;}
.testimony.left blockquote{ left:48px;}
.testimony.left img{ right:10px;}
.testimony.right{ background:url(/hab/testimony-right.png);}
.testimony.right h4{ left:82px;}
.testimony.right blockquote{ left:104px;}
.testimony.right img{ left:10px;}
.testimony h4 {
}
.testimony.left img {
right:10px;
}

.testimony img {
position:absolute;
top:0;
}

.principal{ float:left; padding-left:30px; width:680px;}
.principal h1{ background:url(/hab/title.png) bottom center repeat-x; padding-bottom:10px; position:relative;}
.principal h1 span{ color:#a9a9a9;}
.principal h1 strong{ color:#a2671b; font-weight:normal;}
.principal h1 .btn{ position:absolute; right:0;}
.principal h2{  background:url(/hab/title.png) bottom center repeat-x; color:#912a0c; font-size:30px; line-height:35px; padding-bottom:10px;}
.principal h2 span{ color:#696969; font-size:14px;}
.principal form h3{ color:#434343; font-size:16px; line-height:35px; padding-bottom:10px; padding-top: 20px;}

.vimeoBadge {
-x-system-font:none;
font-family:verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left: 0;
margin-top: 0;
padding:0;
}


.vimeoBadge .clip {
line-height:0;
margin-bottom:15px;
margin-left:0;
margin-right:0;
padding:0;
}

.side{ float:left; padding-left:20px; width:200px;}
.search{ background:url(/hab/top-gradient.png) top center repeat-x; color:#a9a9a9; line-height:25px;}
.search form{ /*background:url(/hab/search-border-right) top right repeat-y;*/ float:left; margin:10px; width:310px;border-bottom:0px; font-size:12px; line-height:20px; margin-bottom:0px; padding:0px;}
.search form label{ font-style:italic; padding-right:10px; float: none; color: #A9A9A9;}
.search label{ font-style:italic; padding-right:10px; float: none; color: #A9A9A9;}
.search form input.text{ color: black; font-family: Verdana,sans-serif; font-size:11px;}
.search form .button{ margin-left:5px; position:relative; top:0px; vertical-align:top;}
.tags{ font-style:italic;}
.tags a{ color:#97371b; font-style:normal;}

#tag_toggle	{ margin-right: 7px; float: left; }
.tags div { width: 620px; float: left; overflow: hidden; }

/*Added by Romain*/
.search_results{ color:#a9a9a9; line-height:25px;}
.search_results span.label{ float:left; margin:10px; width:310px;border-bottom:0px; font-size:12px; line-height:20px; margin-top:0px; padding:0px;}
.search_results span label{ font-style:italic; padding-right:10px; float: none; color: #A9A9A9;}
.search_results .tags a{ background:center left no-repeat; color:#606060; padding:5px 5px 5px 16px;}
.search_results .tags a.reset{ background-image: url(/img/shortcut-icon-delete-12.png);}
.search_results .tags a.add_shortcut{ background-image: url(/img/shortcut-icon-save-12.png);}

/*End added by romain*/


.tabs{ background:url(/hab/tabs.png) top center repeat-x; height:40px; line-height:40px; margin-bottom:10px;}
.tabs a{ background:url(/hab/tab-border.png) top left no-repeat; color:#797979; display:block; float:left; font-size:16px; height:40px; line-height:40px; text-align:center; width:170px;}
#upshot_tabs .tabs a{width: 200px;}
.tabs .first a{ background:none;}
.tabs .next a{ background-image:url(/hab/tab-next.png);}
.tabs .active a{ background:url(/hab/tab-on.png) top left repeat-x; color:#a2671b;}
.tabs .all a{ color:#a2671b;}
.tabs .received a{ color:#80b880;}
.tabs .sent a{ color:#ccb795;}
.tabs .updated a{ color:#97b5c5;}
.tabs li{ display:inline;}

.filelist li{ border-bottom:1px solid #efefef; display:block; padding:10px; position:relative;}
.filelist li.alt{ background:#fdfdfd;}
.filelist li .thumb{ float:left; position:relative; top:5px; width:60px;}
.filelist li .thumb a img{ border:2px solid red;}
.filelist li .rest{ color:#a9a9a9; font-size:12px; font-style:italic; letter-spacing:-.5px; line-height:12px;}
.filelist li .rest h3{ color:#3b3b3b; font-size:16px; font-style:normal; letter-spacing:-1px; line-height:24px;}
/*.filelist li .rest{ color:#a9a9a9; float:right; font-size:12px; font-style:italic; letter-spacing:-.5px; line-height:12px; width:600px;}
.filelist li .rest h3{ color:#3b3b3b; font-size:16px; font-style:normal; letter-spacing:-1px; line-height:20px; padding-right:60px;}
.filelist li .clear{ clear:both;}*/
.filelist li .rest h3 span{ color:red;}
.filelist li .rest span{ font-style:normal;}
.filelist li .rest .date{ color:#9f9160;}
.filelist li .rest .author,
.filelist li .rest .shared{ color:#79a0b2;}
.filelist li .rest .desc span{ color:#676767;}
.filelist li .rest .comments{ background:url(/hab/icon-hide.gif) bottom right no-repeat; color:#91abb8; font-size:24px; font-style:normal; padding:5px 25px 5px 0; position:absolute; right:10px; top:12px;}
.filelist li .rest .shortcutit a { color:#606060; background:center left no-repeat; background-image: url(/img/shortcut-icon-save-12.png); color:#606060; padding:5px 5px 5px 16px; position:absolute; right:10px; bottom:6px;}
/*.filelist li .rest .shortcutit a:hover { color:#79A0B2;}*/
.filelist li.received .thumb a img{ border-color:#80b880;}
.filelist li.received h3 span{ color:#80b880;}
.filelist li.sent .thumb a img{ border-color:#ccb795;}
.filelist li.sent h3 span{ color:#ccb795;}
.filelist li.updated .thumb a img{ border-color:#97b5c5;}
.filelist li.updated h3 span{ color:#97b5c5;}
.shortcuts{ background:url(/hab/shortcuts.png) top left repeat-y; width:200px; margin-bottom:15px;}
.shortcuts .top{ background:url(/hab/shortcuts-top.png) top left no-repeat;}
.shortcuts .bottom{ background:url(/hab/shortcuts-bottom.png) bottom left no-repeat; padding-bottom:20px;}
.shortcuts h3{ color:#b09a8d; font-size:18px; font-style:italic; padding:5px;}
.shortcuts .box{ background:url(/hab/shortcut-box.png) top left no-repeat; height:66px; position:relative;}
.shortcuts .box .thumb{ left:10px; position:absolute; top:9px;}
.shortcuts .box .text{ left:62px; position:absolute; top:1px;}
.shortcuts .box .toolbox{ position:absolute; right:8px; top:7px;}
.shortcuts .box .toolbox a{ position:absolute; right:0;}
.shortcuts .box .toolbox .move{ top:0px;}
.shortcuts .box .toolbox .zoom{ top:18px;}
.shortcuts .box .toolbox .delete{ top:36px;}
.shortcuts .box h4{ color:#91abb8; font-size:14px; line-height:24px;}
.shortcuts .box .comments a{ color:#8b8b8b; font-style:italic;}
.faqlist .bloc{ border-bottom:1px solid #d6d6d6;}
.faqlist .bloc h2{ color:#5d90a9; font-size:18px; line-height:20px;}
/*.faqlist .bloc h2 a{ color:#5d90a9; display:block; padding:20px; position:relative;}
.faqlist .bloc.on h2 a .toggle,
.faqlist .bloc h2 a:hover .toggle{ background-position:0px -17px;}
.faqlist .bloc h2 a .toggle.open{ background-position:0px -17px;}
.faqlist .bloc h2 a .toggle{ cursor:pointer; position:absolute; right:20px; top:20px;}*/
.faqlist .bloc .text { }
.faqlist .bloc .text p {padding:10px 20px 20px 20px; color:#6c6c6c; font-size:14px; line-height:16px;}
.faqlist .bloc h2 p{ color:#5d90a9; display:block; padding:20px; padding-right: 30px; position:relative; cursor: pointer;}
.faqlist .bloc.on h2 a .toggle,
.faqlist .bloc h2 p:hover .toggle{ background-position:0px -17px;}
.faqlist .bloc h2.open p .toggle{ background-position:0px -17px;}
.faqlist .bloc h2 p .toggle{ cursor:pointer; position:absolute; right:20px; top:20px;}
.toggle{ background:url(/hab/toggle.png) top left no-repeat; display:block; height:17px; overflow:hidden; width:17px;}
.myplan{ background:url(/hab/myplan.png) top left repeat-y; color:#6c6c6c; font-size:14px; line-height:16px; margin-bottom:10px; width:200px;}
.myplan .top{ background:url(/hab/myplan-top.png) top left no-repeat;}
.myplan .bottom{ background:url(/hab/myplan-bottom.png) bottom left no-repeat; padding:5px 0 20px 0;}
.myplan h3{ color:#757575; font-size:18px; font-style:italic; padding:5px;}
.myplan p{ margin-bottom:5px; padding:0 5px; text-align:center;}
.myplan .box{ background:url(/hab/myplan-box.png) top left no-repeat; height:85px; margin-bottom:5px; position:relative; text-align:center;}
.myplan .box h4{ color:#3b3b3b; font-family:Arial,sans-serif; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:24px; padding:20px 0 5px 0;}
.myplan .box h4 span{ border-bottom:1px solid #f3f3f3;}
.myplan .box h5{ color:#91abb8;}
.myplan .box .comments a{ color:#8b8b8b; font-style:italic;}
.offer{ color:#3b3b3b; font-size:14px; letter-spacing:-.05em; text-align:center;}
.offer .bloc{ margin-bottom:10px;}
.offer h4{ font-weight:bold;}
.offer h5{ color:#686868; margin-bottom:5px;}
.offer a{ color:#4783a1;}
.profile{ color:#3b3b3b; font-size:14px; line-height:20px; margin-bottom:20px; padding-bottom:10px;}
.profile table{ margin-bottom:5px; width:100%;}
.profile table td,
.profile table th{ padding:2px;}
.profile table th{ color:#aeaeae; font-style:italic;}
.profile table th.b{ color:#aeaeae; font-style:italic; font-weight: bold;}
.profile table th img{ vertical-align:bottom;}
.profile p span{ color:#aeaeae; font-style:italic;}
.required,
.warning{ color:#bb0400;}

.lightbox{ background:#fff; border:2px solid #9a9a9a; padding:2px; position:absolute; width:400px; z-index:9999;}
.lightbox .head{ background:#f8f6f3 url(/hab/lightbox-head.png) top center repeat-x; padding:5px 10px; position:relative;}
.lightbox .head h2{ color:#3b3b3b; font-size:18px; letter-spacing:-1px;}
.lightbox .head a{ position:absolute; right:10px; top:10px;}
.lightbox .body{ background:#f2ece7 url(/hab/lightbox-body.png) top center repeat-x; padding:10px; position:relative;}
.lightbox .body a{ color:#91abb8;}
.lightbox .body .bloc{ background:#fafafa url(/hab/lightbox-bloc.png) top center repeat-x; border:1px solid #d7c2ad; color:#3b3b3b; margin-bottom:5px; padding:5px;}
.lightbox .body .bloc .text{ float:left; position:relative;/*ie6*/ width:315px;}
.lightbox .body .bloc .thumb{ float:left; position:relative;/*ie6*/ width:50px;}
.lightbox .body .bloc span,
.lightbox .body .bloc .text .info{ color:#909090;}
.lightbox .body .bloc .clear{ clear:left;}
.lightbox .arrow{ background:url(/hab/lightbox-arrow.png) top left no-repeat; height:24px; position:absolute; right:-17px; top:16px; width:19px; z-index:100;}
/*.pricing{ background:url(/hab/pricing.png) top left no-repeat; margin-bottom:40px; position:relative; width:880px;}*/
.pricing{ background:url(/hab/pricing-v1.png) top left no-repeat; margin-bottom:40px; position:relative; width:910px;}
.pricing .try{ font-size:18px; position:absolute; right:40px; text-align:center; top:130px; width:140px;}
.pricing .try a{ color:#368236; font-weight:bold;}
.pricing table td,
.pricing table th{ font-size:18px; font-weight:bold; text-align:center; width:231px;}
.pricing table .first{ font-weight:normal; text-align:right; width:144px; color:#494949;}
.pricing table .green{ color:#368236;}
.pricing table.features thead th{ color:#fff; font-size:26px; font-weight:bold; height:80px;}
.pricing table.features tbody td,
.pricing table.features tbody th{ height:30px;}
.pricing table.features tbody tr.buttons{ height:44px;}
.pricing table.features tbody tr.buttons td{ padding-top:6px;}
.pricing table.features tbody tr.free_trial th { height: 20px;}
.pricing table.features tbody tr.free_trial td{ font-size:13px;color:#888; font-weight:normal;height:20px;}
.pricing div.free_plan{ margin-top:40px; height: 50px;}
.pricing div.free_plan p {text-align: center;font-size:16px;color:#888;}
.pricing div.free_plan div.shadow {background:url(/hab/form-shadow.png) center center no-repeat; height: 30px; width: 960px;}
.pricing div.free_plan p .orange{ font-size:16px; color:#ae4816; text-decoration:underline;}
.pricing div.free_plan p .green{ font-size:16px;font-weight:bold; color:#368236;}
.pricing div.pricing_explanations { margin-top:20px; margin-left: 10px; font-size:16px; height:280px; line-height:20px; padding:40px 0 50px 0; position:relative; text-align:center;}
.pricing div.pricing_explanations ul{ position:absolute; top:40px; width:960px;}
.pricing div.pricing_explanations ul li{ display:block; float:left; height:160px; margin:0 50px 20px 0; overflow:hidden; position:relative; text-align:left; width:260px;}
.pricing div.pricing_explanations ul.en li{ height:140px; }
.pricing div.pricing_explanations ul li p span{ color:#7b9794; font-size:18px; }
.pricing div.pricing_explanations ul li p{ color:#666;}

.plans h1 .dark { color: #3b3b3b; position: relative; top: -12px; }

/*.pricing table.period{ color:#df871f; font-family:Arial,sans-serif; height:105px; margin-bottom:17px;}
.pricing table.period .first{ font-family:Georgia,serif;}
.pricing table.period thead th{ height:15px;}
.pricing table.period tbody td,
.pricing table.period tbody th{ height:30px;}
.pricing table.period tbody td span,
.pricing table.period tbody th span{ color:#b2b2b2; font-size:14px; font-weight:normal;}*/

.grid{ font-size:14px; width:100%;}
.grid thead{ background:#eee; color:#912A0C; font-size:16px;}

table.grid {width: 900px;}
table.grid .icon {width:16px;}
table.grid .check {width:16px;}

/*.grid{ font-size:16px; width:100%;}*/
.grid td,
.grid th{ border:1px solid #ddd; padding:10px;}
/*.grid thead{ background:#eee; color:#912A0C; font-size:20px;}*/
.grid thead th{ border:1px solid #ddd; font-weight:bold;}
.grid tr.alt{ background:#f5f5f5;}
.grid tr.grey{
	color: #aaa;
}
table.grid .dates{width: 220px;}
table.grid .owner_name {color: #c66ecc;font-size:16px;}
table.grid .customer_name {color: #5AB661;font-size:16px;}
table.grid .validated {color: #DF8615;font-size:16px;}

.order{ font-size:16px; line-height:24px; padding:20px 0;}
.order ul{ margin-left:40px; list-style-type:disc;}
.order ul span{ color:#368236; font-weight:bold;}

/*css pour le header*/
#header{ background:url(/hab/header-full.png) top center no-repeat; font-family:Arial,Verdana,sans-serif; height:104px; margin-bottom:20px;}
#header .wrapper { height:104px;}
/*#header .entry { height:104px;}*/
#logo{ left:25px; position:absolute;}
#nav{ position:absolute; right:10px; top:0px;}
#nav li{ display:inline;}
#nav li a{ background:url(/hab/nav-border02.png) center left no-repeat; color:#313131; display:block; float:left; font-size:18px; font-weight:bold; height:89px; letter-spacing:-1px; line-height:89px; padding:0 20px; text-align:center;}
#nav li a *{ cursor:pointer;/*ie6*/}
#nav li a:hover{ color:#96b4c8 !important;}
#nav li.login a{ padding:0;}
#nav li.login a strong{ background:url(/hab/nav-login.png) top center no-repeat; display:block; float:left; padding:0 25px;}
#nav li a span{ border-bottom:2px solid #64bd64; padding-bottom:2px;}
#nav li.first a{ background:none;}
#nav li.add a{ margin-top: 10px;}
#nav li.add a{ padding-top: 17px;}
#home #nav li.add a{ padding-top: 17px;}
#nav li.red a{ color:#912a0c;}
#nav li.yellow a{ color:#a2671b;}
#nav li.site a.lang img{ line-height:89px; vertical-align:middle; position:relative; top:32px;}
#nav li.app a.lang img{ line-height:89px; vertical-align:middle; top:32px;}
#flashes{ color:#fff; font-family:Arial,Verdana,sans-serif; font-size:16px; font-weight:bold; height:20px; left:0; letter-spacing:-1px; line-height:20px;position:absolute; text-align:center; top:98px; width:100%;}
#flashes p{ background:url(/hab/black-50.png); display:inline; padding:8px 20px;}
#flashes p.flash_notice span{ color:#64bd64;}
#flashes p.flash_warning span{ color:#ffc000;}
#flashes p.flash_error span{ color:#f00;}
/* BRANDING */
/*body#home #main, body#price #main, body#login #main, body#faq #main{ margin-top: 185px;}*/
#main{ background:url(/hab/main-shadow02.png) top center no-repeat;}
#main .wrapper{ background:#fff url(/hab/main.png) top center repeat-x; border:2px solid #fff; padding: 28px 28px 10px 28px; width:900px;}
/*css du corps de la homepage*/
/*#main .entry{ background:#fff url(/hab/main.png) top center repeat-x; border:2px solid #fff; padding: 28px 28px 10px 28px; width:900px;}*/
#main .content{ float:left; width:900px;}
#main .description{ color:#696969; font-size:16px; line-height:22px/*24*/; margin-bottom:20px; text-align:justify;}
#main .description .thumb{ float:left; margin:4px 10px 4px 0;}
#main .description .thumb img{ border:2px solid #e4d5b9;}
#main .tools{ background:url(/hab/tools02.png) top center repeat-x; border-top:1px solid #d9d9d9; clear:both; line-height:30px; padding:10px;}
#main .tools h3{ color:#759cb0; float:left; font-size:18px; letter-spacing:-1px; margin-right:10px;}
#main .tools .actions{ width:640px;}
#main .infos{ float:left; font-size:14px; /*margin-left:50px;*/ /*padding-bottom:20px;*/ width:100%;}
#main .infos .grid{ /*margin-left:50px;*/}
#main .infos form.flow{ font-size:16px; line-height:20px; padding:0px; margin-bottom:10px;}
#main .infos form.flow p{ padding:0px;}
#main .infos form.flow .tags{ width: 680px;}
#main .infos form.flow .submit{ width: 680px;}
#main .infos .disclaimer{ color:#757575; font-size:14px; line-height:20px; padding:10px 20px;}
#main .infos h2{margin-top:20px; background:url(/hab/title.png) bottom center repeat-x; color:#912a0c; font-size:24px; line-height:35px; padding-bottom:10px;}
#main .infos h3{ color:#91abb8; font-size:14px;}
#main .infos a{ color:#434343;}
#main .infos .profile{ margin-bottom:10px;}
/*#main .infos a{ color:#434343; font-size:13px;}
#main .infos ul li { font-size:11px; color:#888;}
#main .infos ul { margin-bottom:10px;}
#main .infos .profile{ margin-bottom:0;}*/
#main .infos .profile .avatar{ float:left; margin:2px 5px 0 2px;}
#main .infos .profile .name{ font-size:16px; line-height:16px;}
#main .infos .profile .date{ color:#8b8b8b; font-size:12px; font-style:italic;}
#picture{ background:#fff; border-top:1px solid #f0f0f0; text-align:center;}

#image{ margin:0 auto; position:relative;}
#image .area{ border:3px solid; margin:0 auto; position:absolute;}
#image .area a.click{ border:1px solid #fff; display:block; height:100%; width:100%;}
/*#image .area a.click{ border:1px solid #fff; display:block; height:100%; position:relative; width:100%;}*/
/*#image .area a.click .resize{ bottom:0; position:absolute; right:0;}*/
#image .area .comments{ position:absolute; text-align:left; width:220px;}
#image .area .comment{ background:#fff url(/hab/comment.png) top center repeat-x; border:2px solid #fff; margin-bottom:2px; opacity:0.95; padding:10px; position:relative; width:200px;}
#image .area .comment .arrow{ background:url(/hab/comment-arrow.png) top left no-repeat; height:24px; left:-16px; position:absolute; top:5px; width:16px;}
#image .area .comment .close{ position:absolute; right:0px; top:5px;}
#image .area .comment .profile{ margin-bottom:5px; padding:0;}
#image .area .comment .profile .avatar{ float:left; margin-right:5px;}
#image .area .comment .profile .name{ font-size:16px; line-height:16px;}
#image .area .comment .profile .date{ color:#8b8b8b; font-size:12px; font-style:italic;}
#image .area .comment .text{ color:#454545; font-size:12px; line-height:14px; text-align:justify;}
#image .area .comment .reply{ text-align:right;}
#image .area .comment .reply a{ background:url(/hab/icon-reply.png) center left no-repeat; color:#628a9f; font-family:Arial,Verdana,sans-serif; font-weight:bold; padding-left:20px;}
#image .area .comment.respond{ position:relative;}
#image .area .comment.respond .delete{ float:right;}
#image .area .comment.respond .delete a{ background:url(/img/icon-delete.gif) center right no-repeat; color:#f00; font-family:Arial,Verdana,sans-serif; font-weight: bold; padding-right:20px;}
#image .area .comment.respond .reply{ text-align:center;}
#image .area .comment.respond .text{ border-bottom:0; font-size:12px; margin-bottom:5px; padding:0;}
#image .area .comment.respond .text textarea{ background:url(/hab/submittrio.png) top center repeat-x; border:1px solid #bababa; font-family:Georgia,Times,'Times New Roman',serif; width:193px; height: 42px;}
#image .area .comment.alt{ margin-left:15px; width:185px;}

#wall{ background:#fff; border-top:1px solid #f0f0f0; padding:40px 0;}
#wall form{ background:url(/hab/tools02.png) top left repeat-x; border-top:1px solid #d9d9d9; border-bottom:0; padding:10px; margin-bottom:0;}
#wall form .validate {float:left;}
#wall form textarea{ width:650px; margin-left: 15px;}
#wall form .btn{ margin-left: 255px;margin-top: 6px;}
/*#wall form textarea{ width:700px;}
#wall form .btn{ margin-left: 405px;}*/
#wall #commentlist{ margin-left: 10px;}

#wall #walllist{ margin-left: 10px;}
#walllist{ position:relative; width:930px;}
#walllist li{ background:url(/hab/tools02.png) top left repeat-x; border-top:1px solid #d9d9d9; display:block; padding:10px;}
#walllist li .ticket{ color:#91abb8; font-family:Arial,Verdana,sans-serif; font-size:11px; position:absolute; right:0px; text-align:right; top:0px;}
#walllist li .thumb{ float:left; width:74px;}
#walllist li .thumb img{ border:2px solid;}
#walllist li .content{ float:left; position:relative; width:830px;}
#walllist li .content .author{ color:#8b8b8b; font-size:14px; margin-bottom:5px;}
#walllist li .content .author a{ font-size:16px; line-height:16px;}
#walllist li .content .author a img{ vertical-align:bottom;}
#walllist li .content .author span{ font-style:italic;}
#walllist li .content .text{ color:#696969; font-size:16px; line-height:22px;}

#comments{ background:#fff; border-top:2px solid #f0f0f0; padding:40px 0;}
#commentlist{ position:relative; width:930px;}
#commentlist li{ background:url(/hab/tools02.png) top left repeat-x; border-top:1px solid #d9d9d9; display:block; padding:10px;}
#commentlist li .ticket{ color:#91abb8; font-family:Arial,Verdana,sans-serif; font-size:11px; position:absolute; right:0px; text-align:right; top:0px;}
#commentlist li .thumb{ float:left; width:74px;}
#commentlist li .thumb img{ border:2px solid;}
#commentlist li .content{ float:left; position:relative; width:830px;}
#commentlist li .content .author{ color:#8b8b8b; font-size:14px; margin-bottom:5px;}
#commentlist li .content .author a{ font-size:16px; line-height:16px;}
#commentlist li .content .author a img{ vertical-align:bottom;}
#commentlist li .content .author span{ font-style:italic;}
#commentlist li .content .text{ color:#696969; font-size:16px; line-height:22px;}
#commentlist li .answers li{ background:none; border-top:1px solid #eaeaea; display:block; margin-top:10px; padding:10px 20px;}
#comments .actions{ width:720px;}

/*image du footer*/
#footer{ background:#261710 url(/hab/footer.png) top center repeat-x; border-top:3px solid #757575; color:#e3e3e3; line-height:16px; margin-top:0px; width:100%;}
#footer img{ border:none;;}
#footer a{ color:#759cb0;}
#footer a:hover {
color:#EEE;
}

/*#footer .wrapper{ padding:20px 0;}*/
/*#footer .videos{ float:left; width:140px;}*/
/*#footer .text{ float:left; width:500px;}
#footer .text p{ margin-bottom:10px;}*/
#footer .wrapper {
padding:20px 60px 0;
width:860px;
}
/*#footer .entry{ padding:20px 0;}*/
#footer .videos{ float:left; width:140px;}
/*#footer .text{ float:left; width:500px;}
#footer .text p{ margin-bottom:10px;}*/
#footer .text { float:left; width:520px; }
#footer .text p.first { border-bottom:1px solid #4E2F1B; margin-bottom:10px; padding-bottom:10px; }
#footer .text .blog .post { border-bottom:1px solid #4E2F1B; margin-bottom:10px; padding-bottom:10px; }

#footer .text p span{ color:#c2c2c2; display:block; font-size:11px;}
#footer .text p.first{ padding-bottom:10px;}
#footer .text ul.column{ float:left; margin-right:20px; width:120px;}
#footer .text .blog{ float:left; width:360px;}
#footer .text .blog h4{ font-size:16px; line-height:20px;}
#footer .text .blog h5{ color:#c2c2c2; font-size:14px; font-style:italic; line-height:18px;}
#footer .text .blog img{ width: 360px; }
#footer .text ul{ float:left; width:140px;}
#footer .logos{ position:absolute; right:61px; top:0;}
#footer .clear{ clear:both;}

#footer .text p.icons a{ margin-right: 50px;}

/*#home #main .wrapper{ padding-right:18px; width:910px;}*/
#home #main .wrapper{ padding-right:18px; width:910px; min-height:300px;}
#home #main .pitch{ float:left; width:440px;}
/*#home #main .pitch p{letter-spacing:-1px; margin-bottom:10px; margin-left:20px; width:410px;}*/
#home #main .pitch p{letter-spacing:-1px; margin-bottom:10px; margin-left:2px; margin-top: 17px; width:410px;}
/*#home #main .pitch p.first{ color:#bf5619; font-size:18px; letter-spacing:-0.5px; line-height:22px;}*/
#home #main .pitch p.first{ color:#c36128; font-size:18px; letter-spacing:-0.5px; line-height:22px;}
.pitch p.first{ color:#bf5619; font-size:18px; letter-spacing:-0.5px; line-height:22px;}
/*#home #main .pitch p.second{ color:#757575; font-size:15px; letter-spacing:-0.5px; line-height:18px;}*/
.pitch p.second{ color:#757575; font-size:15px; letter-spacing:-0.5px; line-height:18px;}
#home #main .pitch div.second{ color:#757575; font-size:15px; letter-spacing:-0.5px; line-height:18px; margin-left: 28px;}
#home #main .pitch div.second ul {list-style-image: url(/hab/home-arrow.png);}
#home #main .pitch p.button{ text-align:center;}
#home #main .screenshot{ float:left; width:450px;}
/*#home #main .screenshot_fr{ background:url(/hab/hp-screenshots_fr.png) top left no-repeat; float:left; padding-top:310px; width:450px;}*/
#home #main .screenshot p { color:#434343; font-size:14px; letter-spacing:-.5px; line-height:18px; padding-left:70px;}
#home #main .screenshot p span { color:#91abb8;}

/*#home #main.demo .pitch h1 { margin: 20px 0px 20px 0px; }
#home #main.demo .screenshot p { font-size:24px; text-align: center; padding-left: 30px; margin-top: 5px; }*/
#home .demo { padding-right: 18px; text-align: center; }
#home .demo .button { margin-top: 20px; margin-bottom: 10px;}
#home .demo .first { margin-top: 20px; margin-bottom: 10px; font-size: 18px; color:#434343;}
#home .demo .first span { color:#91abb8; }

#home h1{ margin-bottom:20px; text-align:center;}
#home h1 span.not_span{ color:#3b3b3b;}

#dashboard #main .wrapper{ padding:0px; width:956px;}
#dashboard #main .principal .search .tags{ background:url(/hab/search-border.png) top left repeat-y; float:left; padding:10px;}
#dashboard #main .principal .search_with_results .tags{ background:url(/hab/search-border.png) top left repeat-y; float:left; padding:10px 10px 0px 10px;}
#dashboard #main .principal .search_results .tags{ background:url(/hab/search-border.png) top left repeat-y; float:left; padding-left:10px; padding:0px 10px 10px 10px;}

.offer .bloc form input.text{ color: black; font-family: Verdana,sans-serif; font-size:11px; width: 130px;}
.offer .bloc form { float:left; margin:10px; width:170px;border-bottom:0px; font-size:12px; line-height:20px; margin-bottom:0px; padding:0px;}
.offer .bloc form .button{ margin-left:5px; position:relative; top:0px; vertical-align:top;}

#faq #main .wrapper{ padding:0px; width:956px;}
#faq .principal h2{  background:none;}
#faq .principal h2.toggler{	padding: 0px; }
.toggler { cursor:pointer;}

#account #main .wrapper{ padding:0px; width:956px;}
#branding #main .wrapper{ padding:0px; width:956px;}

#upload #main .wrapper{ padding:0px; width:956px;}
#upload #main .disclaimer{ color:#757575; font-size:14px; line-height:20px; padding:20px;}
#upload #main .disclaimer{ color:#757575; font-size:14px; line-height:20px; padding:20px;}

/*#price h1{ margin-bottom:20px; text-align:center;}
#price h1 span.not_span{ color:#3b3b3b;}
#price form.flow{ margin-bottom:0; padding-top:0;}
#price form.wide .submit{ background:url(/hab/form-shadow.png) top center no-repeat; padding-top:40px;}
#price form.wide .submit.new{ background:none; padding-top:40px;}
#price form.wide .plan{ background:url(/hab/pricing-shadow.png) bottom center no-repeat; font-size:18px; height:140px; line-height:30px; padding:40px 0 50px 0; position:relative; text-align:center;}
#price form.wide .plan ul{ left:166px; position:absolute; top:40px; width:720px;}
#price form.wide .plan ul li{ background:url(/hab/pricing-radio.png) top left no-repeat; display:block; float:left; height:37px; margin:0 30px 10px 0; overflow:hidden; position:relative; text-align:left; width:200px;}
#price form.wide .plan h3{ color:#4d7b4d; float:left; font-style:normal; height:37px; line-height:37px; padding:47px 10px 0 0; text-align:right; width:200px;}
#price form.wide .plan ul li.empty{ background:none;}
#price form.wide .plan ul li.on{ background-position:bottom left;}
#price form.wide .plan ul li label{ cursor:pointer; float:none; font-style:normal; left:10px; padding:0; position:absolute; text-align:left; top:3px; width:210px;}
#price form.wide .plan ul li label strong{ color:#df871f; font-family:Arial,Verdana,sans-serif;}
#price form.wide .plan ul li label del{ color:#b2b2b2; font-family:Arial,Verdana,sans-serif; font-size:14px;}
#price form.wide .plan ul li label input{ position:absolute; right:21px; top:9px;}
#price form.wide .plan .clear{ clear:both;}*/
#price h1{ margin-bottom:20px; text-align:center;}
#price h1 span.not_span{ color:#3b3b3b;}
#price form.flow{ margin-bottom:0; padding-top:0;}
#price form.wide .submit{ background:url(/hab/form-shadow.png) top center no-repeat; padding-top:40px;}
#price form.wide .submit.new{ background:none; padding-top:40px;}
#price form.wide .plan{ background:url(/hab/pricing-shadow.png) bottom center no-repeat; font-size:18px; height:140px; line-height:30px; padding:40px 0 50px 0; position:relative; text-align:center;}
#price form.wide .plan ul{ left:166px; position:absolute; top:40px; width:720px;}
#price form.wide .plan ul li{ background:url(/hab/pricing-radio.png) top left no-repeat; display:block; float:left; height:37px; margin:0 30px 10px 0; overflow:hidden; position:relative; text-align:left; width:200px;}
#price form.wide .plan h3{ color:#4d7b4d; float:left; font-style:normal; height:37px; line-height:37px; padding:47px 10px 0 0; text-align:right; width:200px;}
/*#price form.wide .plan ul{ float:right; width:660px;}
#price form.wide .plan ul li{ background:url(/hab/pricing-radio.png) top left no-repeat; display:block; float:left; height:37px; margin:0 10px 10px 0; overflow:hidden; position:relative; text-align:left; width:210px;}*/
#price form.wide .plan ul li.empty{ background:none;}
#price form.wide .plan ul li.empty{ background:none;}
#price form.wide .plan ul li.on{ background-position:bottom left;}
#price form.wide .plan ul li label{ cursor:pointer; float:none; font-style:normal; left:10px; padding:0; position:absolute; text-align:left; top:3px; width:210px;}
#price form.wide .plan ul li label strong{ color:#df871f; font-family:Arial,Verdana,sans-serif;}
#price form.wide .plan ul li label del{ color:#b2b2b2; font-family:Arial,Verdana,sans-serif; font-size:14px;}
#price form.wide .plan ul li label input{ position:absolute; right:21px; top:9px;}
#price form.wide .plan .clear{ clear:both;}

#upshot .content h1{ border-bottom:1px dotted #ddd; margin-bottom:5px; padding-bottom:3px;}
#upshot #main .arrows{padding-bottom: 20px;}

#login .principal{ float:none; width:auto;}

#payment h1{ border-bottom:1px dotted #ddd; margin-bottom:5px; padding-bottom:3px;}

.h {
	display: none !important;
}

#form-coupon-code {padding-top: 10px;}
input.disabled{ background:#eee; color:#aaa; cursor:not-allowed;}
textarea.disabled{ background:#eee; color:#aaa; cursor:not-allowed;}

#branding .principal { width: 896px; }
#branding #main .wrapper.pad28{ padding: 28px; width: 900px;}

#branding form.flow ul{ margin-left:200px; width:450px;}
#branding form.flow ul li{ background:url(/hab/pricing-radio.png) top left no-repeat; display:block; float:left; height:37px; margin:0 15px 10px 0; overflow:hidden; text-align:left; width:210px;}
#branding form.flow ul li.large{ background:url(/hab/branding-radio.png) top left no-repeat; display:block; float:left; height:74px; margin:0 15px 10px 0; overflow:hidden; text-align:left; width:210px;}

#branding form.flow ul li.on{ background-position:bottom left;}

#branding form.flow ul li img{ float:left; margin: 3px 0 0 23px;}
#branding form.flow ul li.large img{ margin: 0 0 0 10px;}

#branding form.flow ul li label{ float: left; margin-top: 8px; width: 200px;}
#branding form.flow ul li.large label{ float: left; margin-top: 16px; width: 200px;}

#branding form.flow ul li label span{ font-size: 12px }

#branding form h2{ margin-bottom: 20px; }

#branding .small{ font-size: 12px; font-style:italic; margin-top: -10px; color:#6C6C6C; }

#branding #branding_preview{ width: 896px; overflow: auto; }

#branding .clear{ clear:both;}

/* Dashboard information box */
.information h4{ color:#3b3b3b; font-family:Arial,sans-serif; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:24px; padding:20px 0 5px 0;}
.information h4 span{ border-bottom:1px solid #f3f3f3;}
.information h5{ color:#91abb8;}
.information a{ color:#4783A1; font-style:italic;}
.information p{ /*font-size: 13px;*/ color:#676767; }

.information{ background:url(/hab/info-top-large.png) top left repeat-y; margin-bottom: 20px; }
.information .bottom{ background:url(/hab/info-bottom-large.png) bottom left no-repeat; padding: 10px 12px; min-height: 31px;}

.principal .information{ background:url(/hab/info-top.png) top left repeat-y; }
.principal .information .bottom{ background:url(/hab/info-bottom.png) bottom left no-repeat; }
/*.information{ background:url(/hab/info-top.png) top left repeat-y; margin-bottom: 20px;}
.information .bottom{ background:url(/hab/info-bottom.png) bottom left no-repeat; padding: 10px 12px; min-height: 31px; width: 656px;}*/

.information .nix_handle{ margin: -2px 6px 0 0; cursor: pointer;}

.nix_handle{ float: right; }

/* Rails Errors */
.fieldWithErrors {
  padding: 1px;
  background-color: #df871f;
  display: table;
}

#errorExplanation {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  border: 0px solid red;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  background-color: #bf5619;
	font-size: 16px;
  color: #fff;
  font-size: 16px;
  line-height: 35px;
}

#errorExplanation p {
  margin-bottom: 0;
  padding: 5px 5px 5px 25px;
  font-size: 16px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: none;
  color: #6C6C6C;
  margin-left: 35px;
}

/*  */
#users .infos {
	margin-bottom: 20px;
}
#users .infos h2{margin-top:10px; background:url(/hab/title.png) bottom center repeat-x; color:#912a0c; font-size:24px; line-height:35px; padding-bottom:10px;}

#files .infos h2{margin-top:10px; background:url(/hab/title.png) bottom center repeat-x; color:#912a0c; font-size:24px; line-height:35px; padding-bottom:10px;}

/*css de la partie megabloc de la page*/
/*#main #megabloc.megabloc div.wrapper{ background:url(/hab/megabloc.png) top center repeat-x;border:0px; border-top:1px solid #d0d0d0; padding: 40px 50px 40px 10px; width:900px; margin-left:-30px;}*/
.main2 {padding-bottom: 10px; margin-left: 7px; margin-top: 10px; width: 906px;}
.main2.en { background: url("/img/en/hp-big-screenshot_en.png") no-repeat scroll 0 0 transparent; }
.main2.fr { background: url("/img/fr/hp-big-screenshot_fr.png") no-repeat scroll 0 0 transparent; }
.main2 .pitch {margin-top: 20px;}
#home #main .main2 .screenshot { text-align: center; padding-top: 300px;}
#home #main .main2 .screenshot p { color:#434343; font-size:17px; line-height:24px; padding-left: 0px;}
#home #main .main2 .screenshot p span { color: #c36128;}
#home #main .main2 .pitch p.first {margin-bottom: 18px;}
#home #main .main2 .pitch p.button {margin-top: 40px; margin-left: -7px; margin-bottom: 0px;}
#home #main .main2 .screenshot p.button {margin-top: 11px; margin-bottom: 0px;}
#home #main .main2 .pitch div.second {font-size: 16px;}

.megabloc .col1{ margin-top: 10px; }
.megabloc .col1 div.iphone{ height: 300px; background: url("/img/home-iphone.png") no-repeat scroll 0 0 transparent; padding-left: 235px; width: 216px; }
.megabloc .col1 div.iphone h3 {font-size: 18px; color: #c36128;  letter-spacing: -0.5;}
.megabloc .col1 div.iphone p {font-size: 16px; color: #757575; padding-bottom: 20px;  letter-spacing: -0.5;}
.megabloc .col1 div.iphone p span {font-size: 14px; color: #242424;  letter-spacing: -0.5;}
.megabloc .col2 {margin-left: 23px; width: 407px; margin-top: 10px; }

/*Forum Styles*/
/*css pour les champs du forum(alignement,couleur,font,etc)*/
/*#main .wrapper h2.adva_title{font-size: 24px;}*/
/*#main .wrapper h2 span.meta {font-size: 14px;}*/
/*#main .wrapper .flow{font-size:16px; line-height:20px; margin-bottom:40px; padding:20px 0; margin-left:75px;}
#main .wrapper .flow label {color:#6C6C6C; float:left; font-style:italic; padding-right:10px; text-align:right; width:190px;}
#main .wrapper .flow textarea {padding:2px; width:340px;}
#main .wrapper .flow input {float:left; padding:2px; width:340px;}
#main .wrapper .flow p {line-height:25px; padding:5px 0;}
#main .wrapper #topic_sticky {color:#5D90A9;cursor:pointer;float:none;text-align:left;width:auto;}
#main .wrapper #topic_locked {color:#5D90A9;cursor:pointer;float:none;text-align:left;width:auto;}
#main .wrapper .flow input#submit {margin-left:200px;}
#main .wrapper h2.adva_title {color:#3B3B3B; font-size:24px; letter-spacing:-0.05em; margin-bottom: 20px;}
#main .wrapper .submit {margin-left:200px;}
#main .wrapper .flow{font-size:15px;}*/

.forums { color: #434343; }

.forums .forum-header h2, .forums .topic-header h2 { color:#3B3B3B; font-size:36px; letter-spacing:-1px; margin-top: 25px; }
.forums .forum-header h2 span, .forums .topic-header h2 span { color:#A9A9A9; }
.forums .forum-header h3, .forums .topic-header h3 .meta { color: #434343; font-size:14px; margin-left: 2px; }
.forums .topic-header h3 .meta { margin-left: 0px; }
.forums .forum-header img, .forums .topic-header img { float: left; }
.forums .forum-header div, .forums .topic-header div { float: left; }

.forums .topic-header h2 { font-size:18px; }
.forums .topic-header h3 { color:#7B9794; font-size:36px; letter-spacing:-1px; margin: 7px 0 0 2px; }

.forums a { color: #C36128; }
.forums a:hover { color: #7B9794; }

.forums .button, .forums .button:visited {
	font-size:12px;
	line-height:1;
	font-weight: bold;
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	background: #58a958;
	border: 0px;
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	color:#FFFFFF;
	font-family:Arial,Verdana,sans-serif;
	cursor:pointer;
	display:inline-block;
	padding:7px 10px 6px;
	position:relative;
	text-decoration:none;
	letter-spacing: 0px;
}

.forums .small, .forums .small:visited { top:  -3px; font-size:10px; padding:4px 6px 3px; letter-spacing: 1px; 
font-weight: normal; margin-left: 10px; }

.forums p.util a.small { margin-top: 20px; }
.forums p.util a.first { margin-left: 00px; }

.forums a.delete, .forums a.delete:visited { background-color: #912A0C; }

.forums .topic-title { color:#3B3B3B; font-size:24px; letter-spacing:-1px; }

.forums .topic h3 a { font-size: 14px; }

.forums table.list th {	border-bottom: 1px solid #999; }

.forums table.list td {	padding: 10px; border-bottom: 1px solid #ddd; }
.forums table.list td.count { font-size: 12px; }

.forums td.topic { background: url(/images/icons/comment.gif) no-repeat 9px 50%; }

.forums tr.odd { background-color: #f9f9f9; }
.forums #posts td.meta { width: 180px; }

.forums #posts p.author { color:#3B3B3B; font-size:13px; margin: -6px 0 3px; }
.forums #posts p.role { font-family:Arial,Verdana,sans-serif; font-size:11px; margin-top: 5px; }

.forums #posts .body .meta { float:left; margin-top:-5px; margin-bottom: 10px; font-family:Arial,Verdana,sans-serif; font-size:11px; }

.forums .bottom #pagination, .forums .bottom .navigation { font-size:14px; line-height:30px; margin:0 20px; padding:0 10px; border-bottom: 1px dashed #ddd; text-align: center;}
.forums .bottom .navigation { border-bottom: 0px; }
.forums .bottom .navigation .previous { float: left; }
.forums .bottom .navigation .next { float: right; }

#main .forums .megabloc .wrapper{ background:url(/hab/megabloc.png) top center repeat-x;border:0px; border-top:1px solid #d0d0d0; padding: 20px 0 0 20px !important; width:890px !important; margin-left:0px;}
.forums .bottom #post_form { margin-top: 5px; }

/*css pour les boards*/
#main .wrapper #boards td{ width: 180px; }
#main .wrapper #boards td.topic{width: 700px;}
#main .wrapper #boards td.topic p{font-size: 12px; color:#9F9F9F;}
/*#main .wrapper #boards td.count {font-size:14px;}*/

/*css pour la liste des topics*/
#main .wrapper #topics thead tr{font-size: 10px;}
#main .wrapper #topics thead tr th{font-size: 14px;}
#main .wrapper #topics td{width: 180px;
						  border-bottom:1px solid #CCCCCC;
						  padding-bottom:10px;
						  padding-top:10px;	
						}
#main .wrapper #topics td.topic{width: 500px;}



/*css pour les topics
.entryclearing{ border-bottom:1px solid #CCCCCC; padding: 12px 20px; }
.entryclearing .body{ margin-left:300px;}
.entryclearing .util{ padding-top:60px;}
.entryclearing .meta{ float:left;
					  clear:both;
					  border-right:1px solid #CCCCCC;
					  padding-right:30px;
					  width:150px;
			}
			

.clearing2{ margin-bottom:50px; }*/


#megabloc.megabloc .col .testimony h4 a {
   color:#C36128;
}
#megabloc.megabloc .col .testimony h4 a:hover {
   color:#8db4c7;
}

.css1 { font-size: 10px; }
.css2 { font-size: 12px; }
.css3 { font-size: 14px; }
.css4 { font-size: 16px; }

input.btn { background:none; border:none; cursor:pointer; font-weight:bold; text-align:center;}
#nav{ position:absolute; right:10px; top:0px;}
/*#nav li input.btn{ background:url(/hab/nav-border02.png) center left no-repeat; color:#313131; display:block; float:left; font-size:18px; font-weight:bold; height:89px; letter-spacing:-1px; line-height:89px; padding:0 20px; text-align:center;}*/
#nav li input.btn{ background:url(/hab/nav-border02.png) center left no-repeat; color:#313131; display:block; float:left; font-size:18px; font-weight:bold; height:89px; letter-spacing:-1px; line-height:89px; padding:0 20px 2px 20px; text-align:center;}
/*#nav li a *{ cursor:pointer;/*ie6*/}*/
#nav li input:hover{ color:#96b4c8 !important;}
/*#nav.en {width: 643px;}
#nav.fr {width: 698px;}*/
/*#nav.en {width: 720px;}*/

/*Vimeo Styles*/

/*.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }*/
.vimeoBadge img { border: 0; }
.vimeoBadge .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color:#3A75C4; text-decoration:none; cursor:pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; margin:15px 0px 0px 0px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; }

/* Fancy Upload Styles */
/**
* FancyUpload Showcase
*
* @license		MIT License
* @author		Harald Kirschner <mail [at] digitarald [dot] de>
* @copyright	Authors
*/
/* Basic layout */
 
/*h4 {
	margin-top: 1.25em;
}*/
 
/*a {
	padding: 1px;
}
 
a:hover, a.hover {
	color: red;
}*/
 
/* demo elements */
 
#image-preview {
/*  float: left;*/
  position: relative;
	width: 340px;
	height: 180px;
	border: 2px solid #eee;
	background-position: 1px 1px;
	background-repeat: no-repeat;
	margin: 5px 0px;
}
 
#image-preview a {
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
}

		/**
* FancyUpload Showcase
*
* @license		MIT License
* @author		Harald Kirschner <mail [at] digitarald [dot] de>
* @copyright	Authors
*/
/*a.hover {
	color: red;
}*/

#demo-list {
	padding: 0;
	list-style: none;
}

#demo-list .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(/img/icons/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
#demo-list .file-invalid span {
	background-color: #ffc4bf;
	padding: 1px;
}

#demo-list .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(/assets/attach.png) no-repeat 1px 50%;
}

#demo-list .file span,
#demo-list .file a {
	padding: 0 4px;
}

#demo-list .file .file-size {
	color: #666;
}

#demo-list .file .file-error {
	color: #8a1f11;
}

#demo-list .file .file-progress {
	width: 125px;
	height: 12px;
/*  vertical-align: middle;*/
	background-image: url(/assets/progress-bar/progress.gif);
}

		/**
* FancyUpload Showcase
*
* @license		MIT License
* @author		Harald Kirschner <mail [at] digitarald [dot] de>
* @copyright	Authors
*/
a.hover {
	color: red;
}

#file-list {
	padding: 0;
	list-style: none;
}

#file-list .file-invalid {
	cursor: pointer;
	color: #514721;
	padding-left: 48px;
	line-height: 24px;
	background: url(/img/icons/error.png) no-repeat 24px 5px;
	margin-bottom: 1px;
}
#file-list .file-invalid span {
	background-color: #ffc4bf;
	padding: 1px;
}

#file-list .file {
	line-height: 2em;
	padding-left: 22px;
	background: url(/assets/attach.png) no-repeat 1px 50%;
}

#file-list .file span,
#file-list .file a {
	padding: 0 4px;
}

#file-list .file .file-size {
	color: #666;
}

#file-list .file .file-error {
	color: #8a1f11;
}

#file-list .file .file-progress {
	width: 125px;
	height: 12px;
/*  vertical-align: middle;*/
	background-image: url(/assets/progress-bar/progress.gif);
}

.yhtei-small { position: relative; top: 5px; }

.free-explanation { font-size: 14px; color: #242424; width: 850px; margin: 5px auto 10px; }
.free-explanation div.border { border-left: 3px solid #C36128; }
.free-explanation div.border div.border { border-left: 5px solid #759CB0; padding-left: 6px; }
.free-explanation ul { list-style-image:url("/img/home-arrow.png"); color:#757575; padding-left: 40px; margin: 5px 0; }
.free-explanation li { margin: 3px 0; }
.free-explanation p { margin: 5px 0; line-height: 20px;}
.free-explanation h3 { margin: 10px 0 6px 0; }
.free-explanation h2 { margin: 12px 0 7px 0; }

#free-click { cursor: pointer; background:url(/hab/free-arrow-blue.png) left bottom no-repeat; padding-left: 30px; width:950px; margin-left:-30px; }
#free-slider { background:url(/hab/free-row-orange.png) left center repeat-y; padding-left: 30px; width:950px; margin-left:-30px; }

#main form.flow #megabloc.megabloc .wrapper { padding-left: 30px; padding-top: 10px;}

span.small { font-size: 10px; }
span.orange { color:#C36128; }
span.big { font-size:25px; }

#main #megabloc.megabloc div.wrapper{ background:url(/hab/megabloc.png) top center repeat-x;border:0px; border-top:1px solid #d0d0d0; padding: 40px 50px 40px 10px; width:900px; margin-left:-30px;}
.main2 {padding-bottom: 10px;}
/*#main #megabloc.megabloc .col1{ margin-left: 40px; }*/

#free-slider #facebook_connect, #free-slider #free_profile_form { float: left; }
#facebook_connect { width: 280px; padding: 30px 0 0 50px; text-align: center; }
#free-slider #free_profile_form label { width:  170px; }

div.basic_fields { margin-bottom: 15px; }

#pic_url_field { padding: 0 0 5px 0; margin: 0 -80px 0 80px; }
#pic_url_field .text { width: 260px; }

#profile p.small, #free-slider p.small { color: #6C6C6C; font-size: 11px; padding-left: 5px; }
#profile p.small img, #free-slider p.small img { position: relative; top: 3px; }

#profile_tabs #facebook_connect { font-size: 14px; margin-top: 15px; padding: 0px; }
#profile_tabs #facebook_connect img {  margin-top: 15px; }
#profile_tabs #facebook_connect { margin-left: auto; margin-right: auto; }


#nav li:hover input.btn{ color:#96b4c8 !important;}
/*#nav.en {width: 643px;}
#nav.fr {width: 698px;}*/

#home .pitch h1 {
        text-align:left;
} 

#tour-video {
	background:url(/hab/tour-video-back.png) center left no-repeat;
	width: 839px;
	height: 354px;
	margin-left: 15px;
	margin-top: 30px;
}
#embed-video {
	padding: 19px 0 0 162px;
}
.signup-more {
	margin-top: 30px;
}
.signup-more .left {float: left; width: 460px; height: 71px; text-align: right;}
.signup-more .right {float: left; width: 300px; height: 71px; text-align: center; color:#3b3b3b; font-size:24px; letter-spacing:-1px; padding-top: 5px;}
.signup-more .right span{ color:#a9a9a9;}}

.shadow {background:url(/hab/form-shadow.png) center center no-repeat; height: 30px; width: 960px;}
.shadow_here {background:url(/img/en/shadow_right_here.png) center center no-repeat; height: 52px; width: 960px;}

#main div.explanations { margin-left: 10px; font-size:14px; height:400px; line-height:18px; padding:40px 0 0 0; position:relative; text-align:center;}
#main div.explanations ul{ position:absolute; top:40px; width:960px;}
#main div.explanations ul li{ display:block; float:left; height:140px; margin:0 50px 0 0; overflow:hidden; position:relative; text-align:left; width:430px;}
#main div.explanations ul.en li{ height:140px; }
#main div.explanations ul li p{ color:#666; margin-bottom: 4px;}
#main div.explanations ul li p span{ color:#7b9794; font-size:18px; }

#main div.explanations ul li div.img {width: 178px; height: 150px; float: left;}
#main div.explanations ul li div.text {width: 230px; margin-left: 10px; float: left;}

#main div.more_infos {text-align: right; margin: 10px 0 30px 0;}

#main #megabloc.tour div.wrapper{ background:url(/hab/megabloc.png) top center repeat-x;border:0px; border-top:1px solid #d0d0d0; padding: 15px 10px 40px 10px; width:940px; margin-left:-30px; min-height: 100px;}
#main #megabloc.tour div.wrapper div {float:left;}
#main #megabloc.tour div.wrapper div.image {width: 280px;}
#main #megabloc.tour div.wrapper div.text {width: 465px;font-size:22px;letter-spacing:-1px; padding-top: 10px; line-height: 30px; color: #3b3b3b;}
#main #megabloc.tour div.wrapper div.text span{ color:#7b9794; font-size:16px; }
#main #megabloc.tour div.wrapper div.button {width: 190px;}

/* ADVA Styles */
/* @group Adva */
/* @group common.css /w Roles */

/* FLASH */
.flash {
	height: 27px;
	margin: -26px 0 18px 0;
	line-height: 25px;
	text-align: center;
}
#flash_notice {
	background-color: #ff3;
}
#flash_error {
	background-color: #f93;
}

/* ROLES */
.visible_for {
	display: none;
}
.anonymous {
	display: auto;
}

/* LISTS */
table.list {
	width: 100%;
	/*margin-bottom: 27px;*/
	border-collapse: collapse;
}
table.list th {
	padding: 9px 10px 9px 10px;
	text-align: left;
	border-bottom: 1px solid #888;
}
table.list td {
	padding: 9px 10px 8px 10px;
	border-bottom: 1px solid #aaa;
}
/* DIFF */
.diff_delete {
background-color: #f44;
}
.diff_add {
background-color: #8f4;
}
/* @end */

/* @group forum.css */

td.topic {
	padding-left: 36px !important;
	background: url(/images/icons/comment.gif) no-repeat 9px 10px;
}
td.locked {
	background: url(/images/icons/icon_padlock.gif) no-repeat 9px 10px;
}

/* POSTS FORM */

/*#post_form {
	padding-left: 170px;
	padding-bottom: 9px;
	margin-bottom: 26px;
	border-bottom: 1px solid #bbb;
}*/
#post_user {
	float: right;
	margin-top: 3px;
}
#post_form label {
	display: block;
	float: left;
	width: 100px;
}
#post_form input {
	width: 180px;
}
#post_form textarea {
	height: 150px;
	width: 99%;
}
/* @end */
/* @end */