/* $Id: Custom.css,v 1.1 2006-07-25 15:56:46 thierry Exp $ */

/**
 * This file is designed to contain all on-site modifications and
 * possible adjustments.
 * Please, avoid as much as possible to modify existing .css files. Just
 * use this file to override existing definitions.
 */
 
/* main */



body, td {
    font-family: Arial,sans-serif;
    font-size: 10px;
}
form {
    margin: 0;
    padding: 0;
}
img {
    border: medium none;
}
.nolink, .nolink:hover, .nolink:visited {
    cursor: default;
    text-decoration: none;
}
#header, #footer {
    clear: both;
    margin-bottom: 0.5em;
    padding: 2px 2px 0;
}
#container {
    /*margin-top: 0.5em;*/
    width: 100%;
}
#main {
    margin-left: 0px;
    /*padding: 0.5em;*/
}
#leftnav {
    float: left;
    margin-left: 0px;
    width: 250px;
}
#header #header-content {
    float: left;
}
#header #tools-area {
    float: right;
    width: 220px;
}
#header #MainMenu {
    clear: both;
}
#header p {
    margin: 0;
}
#header h1 {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 0;
}
#tools-area, #locale-chooser {
    margin: 0;
}
#TreePathDisplayed {
}
#CurrentGroupDisplayed {
}
#CurrentTemplateDisplayed {
}
#SubGroupDisplayed {
}
#footer p {
    font-size: 8pt;
    margin: 0;
}
.RankSelector {
}
.RankSelectorText {
    display: none;
}
.RankOn, .RankOff {
    background-position: center center;
    background-repeat: no-repeat;
    padding-right: 10px;
}
.RankOn {
    background-image: url("../images/rank_on.gif");
}
.RankOff {
    background-image: url("../images/rank_off.gif");
}
#path-descriptor {
    margin-left: 3em;
}
#path-descriptor p {
    margin-bottom: 0;
    margin-top: 0;
}
.TreeFolderSeparator {
    padding-left: 1em;
}
#path-descriptor .TreeFolderSeparator {
    padding-left: 1em;
}
#path-descriptor .TreeFolderContinuator {
    padding-left: 0.25em;
}
#path-descriptor .SubGroup {
    float: left;
}
#path-descriptor .spacer {
    clear: right;
}
#path-descriptor form#subgroup-chooser {
    display: inline;
}
#path-descriptor ul#subgroup-list {
    display: inline;
    margin: 0;
}
#locale-chooser ul {
    font-size: 8pt;
    margin: 0 0 3px;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}
#locale-chooser li {
    display: inline;
    list-style-type: none;
}
#locale-chooser a {
    color: #FFFFFF;
    padding: 0 2px;
}
#locale-chooser a:link, #locale-chooser a:visited {
    background-color: #3D77CB;
    color: #FFFFFF;
    text-decoration: none;
}
#locale-chooser a:hover {
    color: #000000;
    text-decoration: none;
}
#ListOfTemplates {
}
#ListOfTemplates ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
}
#TopTemplates ul, #TopRankedTemplates ul, #visited-templates ul {
    list-style-type: decimal;
    margin-bottom: 0px;
    margin-top: 0px;
	width:215px;
	padding-left:25px;
	position:relative;
	top:-10px;
}

#SeenTemplates{ width:235px;

}
#SeenTemplates ul {
    list-style-image: url("../images/SeenTemplate.gif");
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
}
#SeenTemplates {
}
#RelatedTemplates { display:block; visibility:visible; font-size:12px;color:#626364;}
#RelatedTemplates .ArticleTitle {font-weight:normal; display:block;font-size:14px !important;color:#626364;padding:10px 0 5px 0; margin-bottom:10px;text-transform:uppercase; 
					/*width:755px; */
					/*border-bottom:#626364 dotted 1px;*/
					padding-left:10px;
					width:auto;
				    font-weight:bold;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; } 
#RelatedTemplates ul {
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 0;
}
h1.title {
    border-bottom: 1px solid black;
    font-size: 14pt;
    font-weight: bold;
    margin: 0 0 0.5em;
}
h2.title {
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
}
table#ListOfRequests td.request-ticket {
    width: 7em;
}
table#ListOfRequests td.request-text {
}
table#ListOfRequests td.request-creation-date {
    width: 12em;
}
table#ListOfRequests td.request-state {
    width: 7em;
}
table#ListOfSearchedTemplates td.template-name {
    border-left: 1px solid #E6E6E6;
}
table#ListOfSearchedTemplates td.template-name .search-summary {
    /*font-style: italic;*/ font-size:12px;
}
table#ListOfSearchedTemplates td.template-result-rank {
    border-right: 1px solid #E6E6E6;
    text-align: right;
    width: 2em;
}
.highlight {
    color: #000000;
    font-weight: bold;
}
table#ListOfBestTemplates td.template-name {
    border-left: 1px solid #E6E6E6;
}
table#ListOfBestTemplates td.template-result-rank {
    border-right: 1px solid #E6E6E6;
    text-align: right;
    width: 2em;
}
td.match-value {
    border-left: 1px solid #E6E6E6;
    text-align: right;
    width: 6em;
}
.TemplateGroupName {
}
.TemplateGroupName a, .TemplateGroupName a:visited, .TemplateGroupName a:active {
    color: #000000;
    text-decoration: none;
}
.TemplateGroupName a:hover {
    background-color: #3E79BF;
    color: #FFFFFF;
}
.TemplateGroupBox {
    float: left;
    margin: 0.5em;
    width: 100%;
}
.SubGroupBoxesContainer {
    margin-top: 1em;
    table-layout: fixed;
}
.SubGroupBoxesContainer td {
    vertical-align: top;
}
.TemplateGroupBoxTitle {
    border-bottom: 1px solid #3D77CB;
}
.TemplateGroupBoxBody {
}
.TemplateGroupBoxBodySubGroups {
    padding: 0.2em;
}
.TemplateGroupBoxBodyTemplates {
    padding: 0.2em;
}
.TemplateGroupBoxBody ul {
    list-style-type: none;
    margin: 0.5em;
    /*padding-left: 1.5em;*/
}
.TemplateName {
    color: #000000;
    text-decoration: none;
}
.TemplateName a, .TemplateName a:visited, .TemplateName a:active {
    color: #000000;
    text-decoration: none;
}
.TemplateName a:hover {
    background-color: #3E79BF;
    color: #FFFFFF;
}
.TemplateContent {
}
.TemplatePath {
}
.TicketNumber {
}
.TicketNumber a, .TicketNumber a:visited, .TicketNumber a:active {
    color: #000000;
    text-decoration: none;
}
.TicketNumber a:hover {
    background-color: #3E79BF;
    color: #FFFFFF;
}
#requestInfo {
    border: 1px solid black;
}
div.event {
    background-color: #AACDF2;
    border: 1px solid #000000;
    margin-bottom: 0.5em;
}
div.event div.eventDate {
    float: left;
}
div.event div.eventKind {
    float: right;
}
div.event div.eventMessage {
    background-color: #FFFFFF;
    border-top: 1px solid #000000;
    clear: both;
}
#request #QuestionDate.PropertyValue, #request #LastAnswerDate.PropertyValue {
    background-color: #E6E6E6;
    color: #0033A7;
    font-weight: bold;
    text-align: right;
}
#RequestHistory th#EventKind {
    width: 8em;
}
#RequestHistory th#EventDate {
    width: 10em;
}
#RequestHistory td.EventKind {
    color: #444444;
    font-weight: bold;
}
#RequestHistory td.EventDate {
    color: #0033A7;
    font-weight: bold;
    text-align: right;
}
div#ErrorList.Article div.ArticleTitle {
    color: #FF0000;
}
div#ErrorList.Article div.ArticleBody {
    color: #FF0000;
}
table#ConnectionFields {
    display: inline;
}
table#TemplateGroupShortcuts {
    table-layout: fixed;
    width: 100%;
}
table#TemplateGroupShortcuts td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#TemplateInfo { /*display:block;*/}
table#TemplateInformation {
    width: 100%;
}
table#TemplateInformation td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#HomePage img {
    margin-left: 4em;
    margin-right: 1em;
    vertical-align: middle;
}
#HomePage p {
    color: #0033A7;
    font-weight: bold;
}
#HomePage a:link, #HomePage a:visited, #HomePage a:active, #HomePage a:hover {
    color: #0033A7;
    text-decoration: none;
}
#StandalonePage img {
    margin-left: 4em;
    margin-right: 1em;
    vertical-align: middle;
}
#StandalonePage p {
    color: #0033A7;
    font-weight: bold;
}
#StandalonePage a:link, #StandalonePage a:visited, #StandalonePage a:active, #StandalonePage a:hover {
    color: #0033A7;
    text-decoration: none;
}
#TemplateProperties p {
    margin-bottom: 0.5em;
    margin-top: 0;
}
#UserQuestion {
    border: 1px solid #B6B6B6;
    margin: 0;
    padding: 0 1em;
}
#UserQuestion pre {
    font-family: Arial;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
#TemplateFieldsList {
}
#TemplateAttachmentsList { display:block; visibility:visible;}
/*#TemplateAttachmentsList .ArticleTitle { font-size:12px;color:#626364;}*/
#TemplateAttachmentsList .ArticleTitle {font-weight:normal; display:block;font-size:14px !important;color:#626364;padding:10px 0 5px 0; margin-bottom:10px;text-transform:uppercase; 
					/*width:755px; */
					/*border-bottom:#626364 dotted 1px;*/
					padding-left:10px;
					width:auto;
				    font-weight:bold;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; }
					
#TemplateAttachmentsList .ArticleBody .PropertyList .PropertyValue {font-size:12px;color:#626364;}
#TemplateAttachmentsList .ArticleBody .PropertyList .PropertyName {font-size:12px;}
					 
#TemplateAttachmentsList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#TemplateAttachmentsList li {
    margin-bottom: 1em;
    padding: 0;
}
.TextField {
    font-family: Arial;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}
#TemplateContactsList {
}
#TemplateContactsList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#TemplateContactsList li {
    margin-bottom: 1em;
    padding: 0;
}
table#SendEmailForm input, table#SendEmailForm textarea {
    width: 500px;
}
table#SendEmailForm textarea {
    height: 200px;
}
span#template-ranker-stars-head {
}
span#template-ranker-stars-tail {
}
#TemplateRankerStars {
    display: inline;
}
ul#TemplateRankerStarsList {
    list-style-type: none;
    margin: 0 0 5px;
    position: relative;
}
ul#TemplateRankerStarsList li {
    display: inline;
    margin-bottom: 5px;
    padding: 0;
}
ul#TemplateRankerStarsList li a {
    background: url("images/rank_off.gif") no-repeat scroll 0 0 transparent;
    color: white;
    text-decoration: none;
}
ul#TemplateRankerStarsList li a:hover {
    background: url("images/rank_on.gif") no-repeat scroll 0 0 transparent;
    color: white;
    text-decoration: none;
}
.light {
    color: gray;
}
div#template-backlink {
    padding-top: 20px;
}
.tooltip-loading {
    background-image: url("images/loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.tooltip-content {
    height: 300px;
}


/* RESET */ 
* {margin:0; padding:0; border:none;font-family: Arial, Helvetica, sans-serif;}


/* DEFAULT.CSS */
div.sectionConsultation, #sectionTemplate div.SectionBody, #TemplateInfo div.SectionBody, div.sectionSend div.SectionBody, #ErrorList, #askQuestionInDocument div.SectionBody, div.sectionShortcuts {padding:0;}

#SubGroupDisplayed .SubGroupBoxesContainer .TemplateGroupBox  .TemplateGroupBoxTitle span.TemplateGroupName { background:none; padding:0;clear:both; list-style-type:none; text-transform:uppercase;}

#SubGroupDisplayed .TemplateGroupName a, #SubGroupDisplayed .TemplateGroupName a:visited, #SubGroupDisplayed .TemplateGroupName a:active {color:#707070; font-size:13px;}

#SubGroupDisplayed .TemplateGroupBoxBodySubGroups li {list-style-type:none;}

.TemplateGroupBoxBody .TemplateGroupBoxBodySubGroups li { margin-bottom:15px;}


#template-group-page #container #main #TemplatePath #path-descriptor #SubGroupDisplayed span  { line-height:18px;}

div.sectionShortcuts #visited-templates, div.sectionShortcuts #top-templates, div.sectionShortcuts #top-ranked-templates {border:none;}
div.Article h1 {background:none; border:none;padding:0;margin:0 0 5px 0;}
#TemplateInfo div div.Article h2 {background:none; border:none;color:#333;font-size:14px;padding:0;}
#TemplateInfo div div.Article div.ArticleBody {padding:0; color:626364;}
div.SectionBody span.button {display:none; clear:both;}
span.pathSeparator {display:none;}
#searchBox span.searchBoxSearch a, #searchBox span.searchBoxOptions a {width:485px;}
#submit-request label, div.sectionSendVisible label {float:inherit;}
#submit-request span.FieldBody input, #submit-request span.FieldBody select {width:auto;}
#ErrorList h2 {background:none;border:none;padding:0;}
#ErrorList div {background:none;border:none;color:#cc0000 !important;padding:0;}
#login span.button {position:static; margin-bottom:15px; }
#ConnectionFields td input { margin-left:5px; width:220px; border:#CCC solid 1px;}
div.sectionAuthenticateLevel2 span.button {margin:0; float:inherit; clear:left;}
#RequestFieldsList dl dd {
clear:none;
float:left;
margin:0 0 0 5px;
padding:0;}
/* div.sectionShortcuts #top-templates, div.sectionShortcuts #top-ranked-templates, #TemplateProperties, #TemplateSubscription {display:none;}  */
#searchBox span.searchBoxSearch, #searchBox span.searchBoxOptions, #searchResultsCount a {
clear:both;
display:block;
float:right;
text-align:right;
width:100%;
}

/* moteur de recherche */ 
/*#searchBox {padding:10px 15px 20px 15px; 
			margin:10px 0 0 7px; 
			border:none;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;  
			background-color:#f9f9f9; 
			border:1px solid #ddd; 
			width:715px; height:75px;
		     }*/
			 
#searchBox {
background-color: white;
padding:15px 15px 10px 10px; 
margin:10px 0 0 0; 
background: #65b31c;
/*background: -moz-linear-gradient(top,#95D15C 0,#80C83C 50%,#79BF36 51%,#7BC337 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#95D15C),color-stop(50%,#80C83C),color-stop(51%,#79BF36),color-stop(100%,#7BC337));
background: -webkit-linear-gradient(top,#95D15C 0,#80C83C 50%,#79BF36 51%,#7BC337 100%);
background: -o-linear-gradient(top,#95D15C 0,#80C83C 50%,#79BF36 51%,#7BC337 100%);
background: -ms-linear-gradient(top,#95D15C 0,#80C83C 50%,#79BF36 51%,#7BC337 100%);
background: linear-gradient(top,#95D15C 0,#80C83C 50%,#79BF36 51%,#7BC337 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95D15C', endColorstr='#7BC337',GradientType=0 );*/
text-decoration: none;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;color: #505050;
-o-box-shadow: outset 0 0 1px 0 rgba(255,255,255,0.5),inset 0 1px 5px 0 #6f7273;
-moz-box-shadow: outset 0 0 1px 0 rgba(255,255,255,0.5),inset 0 1px 5px 0 #6f7273;
-webkit-box-shadow: outset 0 0 1px 0 rgba(255, 255, 255, 0.5),inset 0 1px 5px 0 #6F7273;
box-shadow: outset 0 0 1px 0 rgba(255, 255, 255, 0.5),inset 0 1px 5px 0 #6F7273;
width:935px; height:40px;
}

			 
			 
/*#searchBox h2 { color:#FFF;
				font-size:14px; 
				font-weight:bold; 
				margin:0; 
				margin:5px 0;
				}*/
				
#searchBox h2 { display:none;}
				
#searchBox input#search_query {
								color:#707070; 
								height:30px; 
								display:block; 
								width:835px; 
								border:#CCC solid 1px; 
								padding:1px 3px; 
								margin-top:0px; 
								margin-left:45px
								-moz-border-radius: 3px;
								-webkit-border-radius: 3px;
								border-radius: 3px;
								background-color:#ffffff; 
								border:1px solid #ddd; 
								
								}
#searchResultsCount a, #searchBox span.searchBoxOptions a {display:block; text-align:right; color:#4187de; margin-right:3px; text-decoration:underline; background:none; padding:0; width:210px}
#searchBox span.searchBoxOptions a:hover, #searchResultsCount a:hover{color:#333333; background:none;}

#searchBox span.searchBoxSearch a { 
									position:absolute;left:863px;top:23px;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 13px;
									color: #ffffff;
									padding: 7px 5px;
									background: -moz-linear-gradient(top,#f5970a 0%,#ff6905);
									background: -webkit-gradient(linear, left top, left bottom, from(#f5970a),to(#ff6905));
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									border: 1px solid #ffffff;
									-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
									-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
									text-shadow:0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
									width:70px;
									text-decoration:none;
									text-align:center;
								
								    
									}
									
#searchBox span.searchBoxSearch a:hover {
	                                position:absolute;left:863px;;top:23px;
									font-family: Arial, Helvetica, sans-serif;
									font-size: 13px;
									color: #ffffff;
									padding: 7px 5px;
									background: -moz-linear-gradient(top,#ff6905 0%,#f5970a);
									background: -webkit-gradient(linear, left top, left bottom, from(#ff6905),to(#f5970a));
									border-radius: 5px;
									-moz-border-radius: 5px;
									-webkit-border-radius: 5px;
									border: 1px solid #ffffff;
									-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
									inset 0px 0px 2px rgba(255,255,255,1);
									-webkit-box-shadow:
									0px 1px 3px rgba(000,000,000,0.5),
									inset 0px 0px 2px rgba(255,255,255,1);
									text-shadow:
									0px -1px 0px rgba(000,000,000,0.4),
									0px 1px 0px rgba(255,255,255,0.3);
									width:70px;
									text-decoration:none;
									text-align:center;
									}

/* champ email */
#FieldBody_EMail input {border:#CCC solid 1px; padding:1px 3px; width:250px;}
#FieldBody_LastName input {border:#CCC solid 1px; padding:1px 3px; width:250px;}
#FieldBody_FirstName input {border:#CCC solid 1px; padding:1px 3px; width:250px;}
#FieldBody_SelfPass input {border:#CCC solid 1px; padding:1px 3px; width:250px;}
#Field_SelfPass, #Field_EMail, #Field_LastName, #Field_FirstName {margin-top:10px;}

/* resultats recherche */
#searchResultsCount {display:none;}
.sectionSearchResults { margin-top:45px; margin-left:10px;}

/* poser une question */
.sectionAskForm {}

/* articles les plus visités */
#top-templates h2 {color:#707070; 
					font-size:12px; 
					font-weight:bold;  
					padding:5px 0 5px 0; 
					margin-bottom:5px; 
					/*background:none; */
					width:235px; 
					text-transform:uppercase;
					/*border:none;*/
					/*border-bottom:1px dotted #707070; */
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd;  }
/* #top-templates {display:none;} */
#top-templates .ArticleBody a { color:#626364;}
#top-templates .ArticleBody a:hover { color:#4187de;text-decoration:underline;}
#top-templates .ArticleBody li {margin-bottom:15px;}


/* articles visités */
#visited-templates h2 {color:#707070;
						font-size:12px; 
						font-weight:bold; 
						/*border:none;*/ 
						/*border-bottom:1px dotted #707070;*/
						padding:5px 0 5px 0; 
						margin-bottom:5px;
						padding-left:5px; 
						/*background:none;*/ 
						width:235px; 
						text-transform:uppercase;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						background-color:#f9f9f9; 
						border:1px solid #ddd; }
						
#visited-templates { width:240px;}
						
#visited-templates .ArticleBody a { color:#626364;}
#visited-templates .ArticleBody a:hover { color:#4187de;text-decoration:underline;}
#visited-templates .ArticleBody li {margin-bottom:15px;}

/* articles ranked*/
#top-ranked-templates h2 {color:#707070; 
							font-size:12px; 
							font-weight:bold; 
							/*border:none;*/ 
							/*border-bottom:1px dotted #707070;*/
							padding:5px 0 5px 0; 
							margin-bottom:5px; 
							/*background:none;*/ 
							width:235px; 
							text-transform:uppercase;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
							border-radius: 3px;
							background-color:#f9f9f9; 
							border:1px solid #ddd; }
							
#top-ranked-templates .ArticleBody a { color:#626364;}
#top-ranked-templates .ArticleBody a:hover { color:#4187de;text-decoration:underline;}
#top-ranked-templates .ArticleBody li {margin-bottom:15px;}

/* LOGO */
#CompanyLogo{ visibility:hidden;}

/* LISTRANKING */
#TemplateRankerList li{ display:inline; background-color:none; padding:5px; border:1px solid #CCC; font-weight:bold;}

/* poser une question */
#TemplateAskQuestion, .ask { border-top:#CCC dotted 1px; margin-top:30px; display: none; font-size:12px;}
#TemplateAskQuestion h2, .ask h2 {font-size:14px; font-weight:bold; color:#626364; margin:10px 0 5px 0; }
.sectionAskForm .SectionBody #TemplatePath .SectionTitle {display:none;}
#FieldBody_RequestTopic {margin-bottom:15px; display:block; clear:both	}
#FieldBody_RequestTopic select {border: #CCC solid 1px;}

#sectionListBestTemplates .SectionTitle {display:none;}
#sectionYourQuestion .SectionTitle {font-size:16px;}
#sectionEscalate .SectionTitle {margin-top:20px;}

/* erreur formulaire */
#ErrorList {margin:0; }
#ErrorList h2 {color:#c00; font-weight:bold; text-transform:uppercase; font-size:12px; margin:0;}
div#ErrorList.Article div.ArticleBody {color:#626364;}


/* ARTICLE.CSS */
div.Article {margin-top:10px;margin-left:0;line-height:18px;margin-left:15px;}
#sectionTemplate .Article h1 .TemplateName {font-size:18px; color:#333; font-weight:bold;}

#sectionTemplate .Article h1 .TemplateName b { font-weight:normal; display:block;font-size:14px !important;color:#626364;padding:10px 0 5px 0; margin-bottom:10px;text-transform:uppercase; 
					/*width:755px; */
					/*border-bottom:#626364 dotted 1px;*/
					padding-left:10px;
					width:auto;
				    font-weight:bold;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; 
}
 
#main .sectionRankSuccess .Article h2 .TemplateName b {font-weight:normal; display:block;font-size:14px !important;color:#626364;padding:10px 0 5px 0; margin-bottom:10px;text-transform:uppercase; 
					/*width:755px; */
					/*border-bottom:#626364 dotted 1px;*/
					padding-left:10px;
					width:auto;
				    font-weight:bold;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; }
				
#main .sectionRankSuccess .ArticleBody span { font-size:12px;color:#626364;}
#main .sectionRankSuccess .ArticleBody .bullet-button { position:relative; top:10px;}					
.sectionRankSuccess {margin-top:37px;}
div.Article div.ArticleBody {padding-left:0;padding-top:10px; background-color: #FFFFFF; border:none; color:#626364;}
div.Article ol, div.Article ul{padding-left:35px;padding-top:10px;padding-bottom:15px;line-height:18px; color:#626364;}
div.Article li{padding-top:6px;padding-bottom:6px;color:#626364;}
div.Article a{color:#4187de; background:none;}

/* BUTTON.CSS */

/* bouton standard */
.button {padding-top:10px;} 
.button a {display : block !important; width:100px; height:20px; text-align : center; text-decoration : none;background:#fff url("images/ButtonOff.gif") no-repeat 0 0; font-weight:bold; line-height:20px; margin:0px 0 20px 0;}
.button a:hover {background:#fff url("images/ButtonOn.gif") no-repeat 0 0;}

.button a, .button a:link, .button a:visited, .button a:active {color : #fff;}


/* FIELD.CSS */
span.mandatoryFieldLabel {display:block; color:#666; font-size:11px; text-transform:uppercase;}
span.mandatoryFieldMarker {color : #c00; }
#FieldBody_Description textarea { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:500px; height:250px;border:#CCC solid 1px; padding:1px 3px;}
#AskCustomerPersonalInfo .FieldLabel, #CreateCustomerPersonalInfo .FieldLabel {display:block; color:#666; font-size:11px; text-transform:uppercase;}
#AskCustomerPersonalInfo .FieldLabel, #CreateCustomerPersonalInfo .FieldLabel {display:block; color:#666; font-size:11px; text-transform:uppercase;}



/* GENERICGRID.CSS */
table.GenericGrid {border-collapse: collapse;width: 100%;border:none}

/*background-color:#4187de;*/
border:medium none;
color:#FFFFFF;
font-size:13px;
padding:0 10px;
text-align:left;
}
table.GenericGrid tr.odd td { border:none; padding:5px 10px;}
/*table.GenericGrid tr.even td {background-color: #FFFFFF;}*/


/* MAIN.CSS */
#path-descriptor{ margin:0;}
#path-descriptor p {margin-top: 0;margin-bottom: 0;font-size:13px;}
#container {/*margin-top: 15px;*/width: 100%;}
#main {clear:both;width:685px;padding:0; float:left;}
#leftnav {width: 243px;float: left;}
#CurrentTemplateDisplayed{ display:block; padding:5px 0 10px 0; font-size:16px;}
#CurrentTemplateDisplayed b{font-size:16px; font-weight:normal;}
#ListOfTemplates .SectionTitle {	display:none;}
#ListOfTemplates .SectionBody {margin:15px 10px 10px 10px;}
#ListOfTemplates .SectionBody ul {padding:0; list-style-type:none; }


#ListOfTemplates .SectionBody ul li a {color:#626364; font-size:13px; text-decoration:none; display:block; padding-left:10px; font-weight:normal; }
#ListOfTemplates .SectionBody ul li a:hover {color:#4187de; background:none;}
	
#ListOfTemplates ul {list-style-type: none;margin-bottom: 0px;margin-top: 0px;}
#SeenTemplates ul {list-style-type: none;margin:0;padding:0 5px 0 10px;}
#SeenTemplates .TemplateName b a {font-weight:normal;}
table#ListOfSearchedTemplates th {display:none;}
table#ListOfSearchedTemplates td.template-name {border : none}
table#ListOfSearchedTemplates td.template-name a {font-size:13px; color:#9c0; text-decoration:underline; display:block; font-weight:normal; padding-top:5px;	}
table#ListOfSearchedTemplates td.template-name a:hover {background:none;}
table#ListOfSearchedTemplates td.template-name .search-summary {/*font-style : italic;*/ padding-bottom:10px; color:#626364;}
table#ListOfSearchedTemplates td.template-result-rank{display:none;}
table#ListOfSearchedTemplates td.match-value{display:none;}
.highlight{    font-weight: bold;    color: #000000;}

#ListOfTemplates .SectionBody {
	                 width:685px;
	                -moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; 
					padding-bottom:5px; padding-top:10px;
					margin:10px 0 0 7px;}

.TemplateGroupBox{  width:190px; 
					display:block; 
					float: left; 
					height:auto; 
					margin:5px; 
					/*padding:10px*/;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
					background-color:#f9f9f9; 
					border:1px solid #ddd; 
					padding-bottom:5px; padding-top:10px;
					/*min-height: 210px;*/
					}
					
				
.SubGroupBoxesContainer {  margin-top : 15px;  table-layout : fixed; }
.SubGroupBoxesContainer td { /*padding:0 0 5px 10px;*/ vertical-align:top; padding:0; margin:0; width:290px; }

#SubGroupDisplayed .SubGroupBoxesContainer a {color:#707070; font-size:13px; font-weight:normal; text-decoration:none; display:block; padding-left:15px;}
#SubGroupDisplayed .SubGroupBoxesContainer a:hover {color:#4187de; text-decoration:underline; background:none;}




.TemplateGroupBoxTitle {border: none;font-size:14px;list-style-type: none;}
.TemplateGroupBoxTitle  a{border: none;font-size:14px;list-style-type: none; font-weight:bold;}
.TemplateGroupBoxBodyTemplates { padding : 0.2em;	display:none;}
.TemplateName {text-decoration: none;color: #707070;}

.TemplateName a, .TemplateName a:visited, .TemplateName a:active {text-decoration: none;color: #707070; line-height:inherit; font-weight:normal;}

.TemplateName a:hover {color: #4187de; background:none;  }

table#SendEmailForm input, table#SendEmailForm textarea {   width : 500px}
table#SendEmailForm textarea {height: 200px}
.TicketNumber a:hover {background-color: #fff;color: #000;}
#RequestHistory th#EventKind {
width:100px;
}
#RequestHistory td.EventKind {
color:#444444;
font-size:10px;
font-weight:bold;
padding:5px 10px;
}
#RequestHistory td.EventDate {
color:#000000;
font-weight:bold;
text-align:left;
}


/* MAINMENU.CSS */
#MainMenu DIV {border:none; BACKGROUND-COLOR: #fff; visibility:hidden;}
#MainMenu * {border:none; display:block; position:inherit; margin:0; padding:0; visibility:hidden;}
#MainMenu span#menuselected {border:#4187de solid 1px; margin:0; padding:0; font-size:inherit; bottom:0; visibility:hidden;}
#MainMenu span span {margin:0; padding:0; visibility:hidden;}
#MainMenu span { border:none; height:auto; left:0; margin:0; padding:0; position:inherit; width:240px; visibility:hidden;}
/* header */
#header {padding:0;visibility:hidden; display:none; }
#header-content {display:none;visibility:hidden;}
#MainMenu {margin:0;visibility:hidden;}
/* menu onglets */
#MainMenu {height:40px; border-bottom:#4187de solid 1px; width:100%; font-weight:normal; background-color:#FFF;visibility:hidden;}
/* onglet inactif */
#menuselected span.menuTab {border:none !important;visibility:hidden;}
#MainMenu span.menuTab {border:none !important;visibility:hidden;}
#MainMenu .menuTab {display:block; float:left; height:39px; line-height:40px; font-size:14px; text-align:center; border:#4187de solid 1px; border-bottom:none; background-color:#f5f5f5;visibility:hidden;}
#MainMenu .menuTab a {color:#4187de; text-decoration:none; text-transform:uppercase; font-size:14px;visibility:hidden;}
#MainMenu .menuTab a:hover {text-decoration:underline;visibility:hidden;}
/* fermer un onglet*/
#MainMenu .menuTabCloser {display:none;visibility:hidden;visibility:hidden;}
/* onglet actif */
#MainMenu #menuselected .menuTab {border:#4187de solid 1px; border-bottom:none; background-color:#4187de;visibility:hidden;}
#MainMenu #menuselected .menuTab a {color:#fff; font-size:14px;visibility:hidden;}
#MainMenu SPAN#menuselected A:hover {  COLOR: #fff;visibility:hidden;}
#MainMenu A:hover {color: #4187de;visibility:hidden;}


/* SECTION.CSS */

div.Section {width: 100%;margin:0; padding:0;}
div.Section div.SectionTitle {margin:0; padding:0;border:none; visibility:hidden;}
div.Section div.SectionFooter {border:none;}
div.Section div.Section div.SectionTitle {border:none; background:none;}
div.Section div.SectionBody p {margin-top: 10px;}

/* titre questions réponses */
div.Section div.SectionTitle {display:none;}		 
div.Section img {display:none;}
div.Section div.Section div.SectionTitle {display:block;font-size: 22px !important;padding:0; margin-bottom:2px; }
/* titre poser une question */
div.sectionAskForm div.SectionTitle {border-bottom:1px dotted #4187de;color:#4187de;display:block;font-size:22px;padding:10px 0 5px 0; margin-bottom:10px; font-weight:normal;}
/* fil d'arianne*/
#CurrentGroupDisplayed .TemplateGroupName {padding-left:10px; background:#FFF url("http://i897.photobucket.com/albums/ac180/vivastreet/static_fr/ThemeBullet.gif") no-repeat left center;}
#CurrentGroupDisplayed .TemplateGroupName img {display:none;}



/*#CurrentGroupDisplayed .TemplateGroupName, #CurrentGroupDisplayed .TemplateGroupName a, #CurrentGroupDisplayed .TemplateGroupName a:visited, #CurrentGroupDisplayed .TemplateGroupName a:active {font-size:14px; color:#fb8700; text-decoration:none; text-transform:uppercase;font-weight:bold;}*/

#CurrentGroupDisplayed .TemplateGroupName, #CurrentGroupDisplayed .TemplateGroupName a, #CurrentGroupDisplayed .TemplateGroupName a:visited, #CurrentGroupDisplayed .TemplateGroupName a:active {display:none;}

#CurrentGroupDisplayed .TemplateGroupName a:hover {text-decoration:underline; background:none;}

#TreePathDisplayed .TemplateGroupName {padding-left:10px; background:#FFF url("http://i897.photobucket.com/albums/ac180/vivastreet/static_fr/ThemeBullet.gif") no-repeat left center;}
#TreePathDisplayed .TemplateGroupName img {display:none;}
#TreePathDisplayed .TemplateGroupName, #TreePathDisplayed .TemplateGroupName a, #TreePathDisplayed .TemplateGroupName a:visited, #TreePathDisplayed .TemplateGroupName a:active  {font-size:14px; color:#707070; text-decoration:none; text-transform:uppercase;font-weight:bold;}
#TreePathDisplayed .TemplateGroupName a:hover {text-decoration:underline; background:none;}




/* PropertyList.css */
table.PropertyList td.PropertyName {
background-color:#4187de;
border:1px solid #4187de;
color:#fff;
font-weight:bold;
width:10em;
list-style-type:none;
list-style:none;
}

table.PropertyList td {
font-size:10px;
padding:0 0.5em;
vertical-align:top;
}
.SectionBody  ul li {height:25px; }

/* RESETTING THE DEFAULT ANCHOR LINKS */
a, a:active, a:link, a:visited{color:#407ec8; font-size:12px}
a:hover{color:#F60; font-size:12px;}


/*#path-descriptor span.TemplateGroupName {
    background-image: url("../images/ThemeBullet.gif");
    background-position: 3px 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
*/

/*Form current theme*/
#template-group-page #container #main #restrict {padding-left:10px; padding-top:10px; font-size:12px; color:#626364;}
/*backlink*/
#template-group-page #container #main #template-backlink {padding-left:10px;}

#template-group-page #container #main #TemplatePath #path-descriptor #TreePathDisplayed span { padding-left:none;}
#template-group-page #container #main #TemplatePath #path-descriptor #TreePathDisplayed span .TemplateGroupName { padding-left:none;}
 
#template-group-page #container #main #TemplatePath #path-descriptor #SubGroupDisplayed span { background-image:none;}
#template-group-page #container #main #TemplatePath #path-descriptor #CurrentGroupDisplayed span { background-image:none; padding-left:10px;}
#template-group-page #container #main #TemplatePath #path-descriptor #TreePathDisplayed span { background-image:none; padding-left:none;}
#template-page #container #main #sectionTemplate #TemplatePath #path-descriptor #TreePathDisplayed span { background-image:none;}
#template-page #container #main #sectionTemplate #TemplatePath #path-descriptor #CurrentGroupDisplayed span { background-image:none;}
/* best ranked and most consulted*/

#top-templates #TopTemplates { width:375px; background:none;}
#top-ranked-templates #TopRankedTemplates { width:375px; background:none;}

div.sectionShortcuts #visited-templates, div.sectionShortcuts #top-templates, div.sectionShortcuts #top-ranked-templates h2 { background-image:none; padding-left:7px; color:#707070;}
div.sectionShortcuts #visited-templates, div.sectionShortcuts #top-templates, div.sectionShortcuts #top-templates h2 { background-image:none; padding-left:7px; color:#707070;}

/*third level*/
#template-page #container #main #sectionTemplate .Article .ArticleBody {font-size:12px; color:#626364;}

/*field*/
#template-page #container #main #TemplateFieldsList .ArticleTitleMiddle {font-size:14px; color:#626364; font-weight:bold;}
#template-page #container #main #TemplateFieldsList .ArticleBody .PropertyList .PropertyName {font-size:12px; color:#ffffff;}


/*Properties*/
#template-page #container #main #TemplateInfo #TemplateProperties h2 {font-size:14px; color:#626364; font-weight:bold;}
#template-page #container #main #TemplateInfo #TemplateProperties .ArticleBody {font-size:12px; color:#626364;}

/*titlebox*/
#template-group-page #container #main #TemplatePath #path-descriptor #SubGroupDisplayed .SubGroupBoxesContainer .TemplateGroupBox .TemplateGroupBoxTitle span.TemplateGroupName a{ font-weight:bold; font-size:12px;}

/*document already seen, Most viewed, Best ranked*/
/*#template-group-page #container #main #top-templates { position:absolute;left:800px; top:190px; width:235px;}
#template-group-page #container #main #visited-templates { position:absolute;left:800px; top:440px; width:235px;}
#template-group-page #container #main #top-ranked-templates { position:absolute;left:800px; top:600px; width:235px;}*/

/*display sidewrapper*/
/*#MenuWrapper { display: inline-block !important; background-color:#f9f9f9;height:850px;}*/
#MenuWrapper a{ font-size:14px; color:#626364; font-weight:bold;}
/*#Menuwrapper #main #TemplatePath{ display: block !important;}*/
/*.TemplateGroupBoxBody { display:none;}*/

/*welcome txt*/
#template-group-page #container #main #homepage-welcome-text { position: relative;
																left:220px;
																top:30px;
																font-size:13px; 
																color:#626364; 
																height:0;
																line-height:20px;
																width:485px;
													        
																}
						
.welcome-text-title {font-size:14px;
					font-weight:bold;
					/*text-transform:uppercase;*/
					
					}


#HelpHome a{font-size:14px; color:#fb8700; text-decoration:none; text-transform:uppercase;font-weight:bold; position: relative; top:92px; left:-230px;}
#HelpHome a:over { color:#3E79BF;}

#TreePathDisplayed{display:none;}
#ListOfTemplates{padding-top:15px;}
.Article {padding-top:10px;}

/*result links*/
#ListOfSearchedTemplates .odd .template-name .TemplateName b a{color:#4187de;}
#ListOfSearchedTemplates .even .template-name .TemplateName b a{color:#4187de;}

/*curent theme*/
#restrict{ display:none;}

/*top , visited, ranked div*/
.sectionShortcuts { height:auto;  float:right; display:inline-block; position:absolute; top:110px; left:690px; width:270px;} 

/*fields div*/
#TemplateFieldsList { display:none;}

.sectionSearchResults .SectionBody .button a{ height:36px; width:82px; padding-top:7px;} 
.sectionSearchResults .SectionBody { font-size:12px; color:#626364;}


/*No document found text*/
.Section .sectionSearchResults .SectionTitle {display:block; visibility:visible; padding-bottom:10px; font-size:14px; color:#626364; font-weight:bold;padding-left:3px;}

/*backlink text*/
#template-backlink {display:none;}
#main #sectionTemplate .SectionBody .Article #template-backlink {display:block;}



/*Contact button*/
#Contact { text-align:center;}
#Contact p{ padding-bottom:10px;text-align: left;}
#Contact {position: absolute;
				left:715px;
				top:122px;
				width:235px;
				font-size:12px; 
				color:#626364;
				line-height:18px;
				}

#Contact #contact-title {color:#707070;
						font-size:12px; 
						font-weight:bold; 
						padding:5px 0 5px 0; 
						margin-bottom:5px;
						padding-left:5px; 
						width:235px; 
						text-transform:uppercase;
						-moz-border-radius: 3px;
						-webkit-border-radius: 3px;
						border-radius: 3px;
						background-color:#f9f9f9; 
						border:1px solid #ddd;
						line-height:22px;
						text-align: left;}

#Contact a {font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #ffffff;
			padding: 7px 5px;
			background: -moz-linear-gradient(top,#f5970a 0%,#ff6905);
			background: -webkit-gradient(linear, left top, left bottom, from(#f5970a),to(#ff6905));
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid #ffffff;
			-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
			-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 2px rgba(255,255,255,1);
			text-shadow:0px -1px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
			width:100px;
			text-decoration:none;
			text-align:center;
			}
			
#Contact a:hover {
				  font-family: Arial, Helvetica, sans-serif;
				  font-size: 13px;
				  color: #ffffff;
				  padding: 7px 5px;
				  background: -moz-linear-gradient(top,#ff6905 0%,#f5970a);
				  background: -webkit-gradient(linear, left top, left bottom, from(#ff6905),to(#f5970a));
				  border-radius: 5px;
				  -moz-border-radius: 5px;
				  -webkit-border-radius: 5px;
				  border: 1px solid #ffffff;
				  -moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
				  inset 0px 0px 2px rgba(255,255,255,1);
				  -webkit-box-shadow:
				  0px 1px 3px rgba(000,000,000,0.5),
				  inset 0px 0px 2px rgba(255,255,255,1);
			      text-shadow:
				  0px -1px 0px rgba(000,000,000,0.4),
				  0px 1px 0px rgba(255,255,255,0.3);
				  width:100px;
				  text-decoration:none;
				  text-align:center;
				}			
						
#Contact a {width:100px; height:20px; text-align : center; text-decoration : none;background:#fff url("images/ContactButtonOff.gif") no-repeat 0 0; font-weight:bold; line-height:20px; margin:0px 0 20px 0;}
#Contact a:hover {background:#fff url("images/ContactButtonOn.gif") no-repeat 0 0;}

#template-group-page #footer {display: none;}
#template-page #footer p{display:none;}
#template-page #footer #Contact {display:block;}
#template-page #footer #Contact p{display:block; font-size:12px; color:626364;}
#search-templates-page #footer p{display:none;}
#search-templates-page #footer #Contact {display:block;}
#search-templates-page #footer #Contact p{display:block; font-size:12px; color:626364;}
#vote-success-page #footer p{display:none;}
#vote-success-page #footer #Contact {display:block;}
#vote-success-page #footer #Contact p{display:block;font-size:12px; color:626364;}



@media screen and (max-width: 900px) {

body, td {font-size:14px;}
#searchBox  {width:100%;padding:10px 10px 5px 5px;}  
#searchBox span.searchBoxSearch a, #searchBox span.searchBoxOptions a {margin-right:10px;}	
#searchBox input#search_query{width:73%;}
#leftnav{width:96%;}
#searchBox span.searchBoxSearch a{left: 76%;}
.sectionShortcuts {display:none;}
#Home{display:block;position:absolute;left:10px;top:20px;z-index:99;}
#HelpHome a {position:absolute;left:0px;top:45px;}
#main{width:100%;}
.SubGroupBoxesContainer{margin-top:5px;width: 100%;margin-right: 10px;}
.SubGroupBoxesContainer td{width:100%}
#ListOfTemplates .SectionBody, .TemplateGroupBox{width:96%;margin-right:10px;}
#SubGroupDisplayed .TemplateGroupName a {font-size:14px;padding:5px 10px;;}
#SubGroupDisplayed .TemplateGroupName a:visited, #SubGroupDisplayed .TemplateGroupName a:active {font-size:14px;text-decoration:none;font-weight:400;padding:5px}
#ListOfTemplates .SectionBody {margin-top:0;}
#ListOfTemplates .SectionBody ul li a {font-size:14px;}
.Article{margin-left:10px;margin-right:5px;}
#template-page #container #main #sectionTemplate .Article .ArticleBody{font-size:13px;}
#Contact{position: relative;left: 10px;width: 100%;font-size: 13px;}
#Contact #contact-title{width:96%;margin-bottom:10px;}
#Contact{top: 0px;}
#template-page #footer #Contact p{font-size:13px;}
.SectionBody ul li {padding-bottom:20px;} 
#footer p{display:none;}
a, a:active, a:link, a:visited{font-size:13px;}
div.Article div.ArticleBody {background-color:#ffffff;}
#searchBox{margin-top:0px;}
#searchBox span.searchBoxSearch a{top:10px;}
#sectionTemplate .Article h1 .TemplateName b{padding-right:10px;} 
#searchBox span.searchBoxSearch a{background: #ff7f04!important;border:1px solid #ff7f04;border-radius:.3em;-webkit-box-shadow:none;padding: 5px 5px;font-weight:normal;text-shadow:none;}
#Contact a {border:none;-webkit-box-shadow:none;  text-shadow:none;}
#Contact a:hover {border:none;-webkit-box-shadow:none;  text-shadow:none;}
#homepage-welcome-text {display:none;}
#ListOfSearchedTemplates .odd .template-name .TemplateName b a{padding-bottom: 15px;}
div.Article {margin-left:10px;}

}

@media screen and (max-width: 325px) {
#searchBox  {width:99%;}
#searchBox span.searchBoxSearch a{left: 72%;}
#searchBox input#search_query{width:68%;}
div.Article {margin-left:10px;}
}