/*
* Custom CSS pour DME
* dtang - 0312/09/2022
*/
/* couleurs :  vert : #A1D63D / rouge : #E2001A / bleu : #00aed9 / violet : #a599c7 */
/*****************************/
/* INITIALISATION DES STYLES */
/*****************************/
html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ }

/* Titres */
h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; line-height: 1.2; font-weight: bold; font-style: normal; }
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }
/* Listes */
ul, ol { margin: 0 0 0 0; padding: 0 0 0 0; }
/* Paragraphes */
p { margin: .75em 0; }
address { margin: .75em 0; font-style: normal; }
/* Liens */
a {  color: #516574; text-decoration: none; font-weight: normal; }
a:link { color: #516574; }
a:visited { color: #516574; }
a:hover, a:focus, a:active { color: #516574; background-color: transparent; text-decoration: underline; }
a img { border: none; }
/* Divers éléments de type en-ligne (8) */
em { font-style: italic; }
strong { font-weight: bold; }
/* Formulaires */
form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; outline: none; border: none; /* réinitialise les border */ }
.clearboth { clear:both;}
body, td {
font-family: 'Istok Web', sans-serif;
/*font-size: 11pt;*/
}
/*****************************/

/********************/
/* CLASSES COMMUNES */
/********************/
.button, .button a {
min-width: 100px;
min-height: 20px;
}
.button a, .button a:link, .button a:visited, .button a:active {
color: #fff;
}


/******************/
/* STRUCTURE HOME */
/******************/
body { margin: 0; padding: 0; font-size: 0.8em; line-height: 1.4; color: #333; background: #FFF; font-family: 'Istok Web', sans-serif; }
/* DTA
body { margin: 0; padding: 0; font-size: 0.7em; line-height: 1.4; color: #333; background: #FFF; font-family: 'Istok Web', sans-serif; }
*/
#header { display: none; }
#introPicture { display: none; }

#container { margin-top: 0.5em; width: 100%; }

#leftnav { width: 97%; float: none; margin: 10px; padding: 0px; background: #FFF; }

/*************/
/* RECHERCHE */
/*************/
#searchBox { width: auto; /* 07% */ margin: 10px 0px 25px 0px; padding: 14px 15px;
border: 1px solid #a599c7;
background-color: #ffffff; }

#searchBox h2 { color: #2a2e33; margin: 0; padding: 0;
font-size: 30px;
font-weight: 400;	}

#searchBox input#search_query { display: block; margin: 10px 0px 10px 0px; padding-left:10px; border:solid 1px #ccc; border-radius: 2px;	width: 98%;	height: 30px; }

#searchBox span.searchBoxSearch a  { color: #fff; text-decoration: none; height: 30px; line-height: 30px;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }

#searchBox span.searchBoxSearch a:hover{ color: #fff; background: #a599c7; }

#searchBox form span.button a { margin: 0px;}

/*******************/
/* RESULTATS COUNT */
/*******************/

#searchResultsCount { width: auto;  margin: 10px 0px 25px 0px; padding: 14px 15px;
border: 1px solid #a599c7;
background-color: #ffffff;
border-radius: none;
box-shadow: none; }


#searchResultsCount h2 { color: #2a2e33; margin: 0; padding: 0; font-size: 1.5em; }
#searchResultsCount a { color: #fff; text-decoration: none; background: #a599c7; height: 30px; line-height: 30px; border-radius: 2px; padding: 0 10px; }
/*#searchResultsCount a { display: none; }*/
#searchResultsCount a:hover{ color: #fff; background: #a599c7; }		

/**************/
/* RESULTATS  */
/**************/
div.searchResults { width: auto; /* 07% */ margin: 10px 0px 25px 0px; padding: 14px 15px;
border: 1px solid #ddd;
background-color: #ffffff;
/*border-bottom: 5px solid #00aed9;*/
border-radius: 4px;
box-shadow: 0 0 0 1px #e6e6e6,0 0 0 2px #eeeeee; }

/*div.searchResults div.SectionTitle { color: #8cba29; }*/

div.sectionConsultation div.SectionTitle::before {
font-family: 'FontAwesome', sans-serif;
content: "\f140 "; /* bullseye */
margin-right: 4px;
}

/* tableau */
table.GenericGrid {
border: none;
}
table.GenericGrid th {
color: #fff;
background-color: #a599c7;
border: none;
font-size: 10pt;
font-weight: bold;
}


/* RESULT COUNT 
#searchResultsCount { margin: -59px 0 60px 0; border: 1px solid #adb9c2; height: 70px; }
#searchResultsCount .searchResults { border: 5px solid #edf1f3; height: 60px;}
#searchResultsCount .searchResults h2{ font-size: 16px; color: #516574; margin: 10; padding: 0; }
#searchResultsCount .searchResults h3{ float: left; font-size: 12px; color: #516574; margin: 0 0 0 0; padding: 0 0 0 10px; }
#searchResultsCount .searchResults .button { display: block; float: left; font-size: 12px; color: #516574; margin: -5px 0 0 10px; padding: 2px 0 0 0; width: 50px; height: 22px; background: transparent url('../images/btn-voir.png') no-repeat; text-align: center; }
#searchResultsCount .searchResults .button a { color: #ffffff; font-weight: bold; font-size: 13px; text-transform: uppercase; }
#searchResultsCount .searchResults .button a:hover{ text-decoration: none; }
#searchResultsCount .searchResults .endResults{ display: block; clear: both; }
*/


#main { width: 97%; margin: 10px; padding: 0px; }

/************/
/* SECTION  */
/************/
div.Section div.SectionTitle { border-bottom: none; }

/***********************************/
/* SECTION - SECTION CONSULTATION  */
/***********************************/

div.sectionConsultation {  width: auto; /* 97% */ margin: 10px 0px 25px 0px; padding: 14px 15px;
background-color: #ffffff;
border: 1px solid #a599c7;
background-color: #ffffff; }

/* SectionTitle */	
/****************/	
div.sectionConsultation div.SectionTitle{
color: #333; 
font-weight: 400;
font-size: 30px;					}

div.sectionConsultation  div.SectionTitle:before {
font-family: 'FontAwesome', sans-serif;
content: "\f0e6 "; /* bulle philactère / f086 /  */
margin-right: 4px; }

/* SectionBody */	
/***************/	

/********************************/
/* #TemplatePath | .Section  */
/********************************/

/* .SectionTitle */	
/****************/	
#TemplatePath div.SectionTitle {	display: none; }

/* en plus */
div.Section div.Section div.SectionTitle {
font-size: 10pt;
border: none;
background-color: none;
/*DTA*/
margin: 0;
padding: 0;
}

/* #path-descriptor .SectionBody */	 /* fil ariane */
/*********************************/	
#path-descriptor {	margin: 0; padding: 0px !important; }
#path-descriptor span.TemplateGroupName { background: none; padding-left: 6px; } /* suppression des puces */

#path-descriptor span.TemplateGroupName a:hover { background-color: inherit; color: inherit; text-decoration : underline; }

/* div TreePathDisplayed */	/* arbre profondeur */
/*************************/	
#TreePathDisplayed {	float: left; }
#TreePathDisplayed span img { height: 5px; margin-bottom: 1px; }


/* span #CurrentGroupDisplayed */ /* titre page courante */
/*******************************/	


/* div SubGroupDisplayed */	/* blocs menus */
/*************************/	
#SubGroupDisplayed {clear: left; display: block; text-align: center;	}
#SubGroupDisplayed table { width:100%; margin: 10px 0 10px 0; border-spacing: 8px; table-layout: fixed; }
#SubGroupDisplayed td { vertical-align: top; width: 50%; }

/* lien visités */
.TemplateGroupName a, .TemplateGroupName a:visited, .TemplateGroupName a:active { text-decoration: none; }
.TemplateName a, .TemplateName a:visited, .TemplateName a:active { text-decoration: none; color: #666666; }	
.TemplateName a:hover {background-color: inherit; color: inherit; text-decoration: underline; }						

/* div SubGroupDisplayed */	/* 1 bloc menus */
/*************************/	
div.TemplateGroupBox { width: 100%;	float: left; margin: 0; background: #fff; }

/* .TemplateGroupBoxTitle */ /* titre bloc */
/*************************/	
div.TemplateGroupBoxTitle {
margin: 10px auto;
width: auto;
background: #a599c7; /* vert */
border: none;
border-radius: 0px;
padding: 5px;
text-align: center; }

div.TemplateGroupBoxTitle a, .TemplateGroupBoxTitle a:visited, .TemplateGroupBoxTitle a:active   { font-size: 15px; font-weight: bold; color: #fff; }

#path-descriptor div.TemplateGroupBoxTitle span.TemplateGroupName a:hover { background-color: inherit; color: #fff; text-decoration : underline; }

/* .TemplateGroupBoxBody */	/* liste bloc */
/*************************/	

div.TemplateGroupBoxBodyTemplates { text-align: left; }
div.TemplateGroupBoxBody ul { width: auto; list-style-type: none; list-style-position: outside; }

#SubGroupDisplayed li { background: none;	padding: 0 0 8px 0; }
#SubGroupDisplayed li:before {
font-family: 'FontAwesome', sans-serif;
content: "\f0f6 " ; /* file */
margin-right: 4px; }

#SubGroupDisplayed li a { }
#SubGroupDisplayed ul img { display: none; }
div.TemplateGroupBoxBody a:hover { background-color: inherit; color: inherit; text-decoration : underline; }


/* template-backlink */	
/*********************/	
div.sectionConsultation #template-backlink { padding-top: 20px; width: 100%; clear: both;	}
/* div.sectionConsultation #template-backlink a{ display: none; } */
div.sectionConsultation #template-backlink a {
width: auto; padding: 3px 6px; color: #fff; text-decoration: none;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }
div.sectionConsultation #template-backlink a { display : none; }

/********************************/
/* SECTION - SECTION SHORTCUTS  */
/********************************/

div.sectionSearchResults, div.ask, #sectionTemplate div.SectionBody, #TemplateInfo div.SectionBody, div.sectionSend div.SectionBody, #ErrorList, #askQuestionInDocument div.SectionBody, div.sectionShortcuts, #TemplateBottom {
/*DTA*/
padding: 0px 0px 0px 0px;
}
/*DTA*/
div.Section div.SectionBody{
margin: 0;
padding: 0;
}
/*DTA*/
div.Section{
margin: 0;
padding: 0;
}

div.sectionShortcuts img {display: none;}

div.sectionShortcuts .TemplateName a:hover {
background-color: inherit;
color: #333; }

div.sectionShortcuts ul {	padding-left: 20px; }			

/* .SectionTitle */	
/****************/	


/* .SectionBody */	
/****************/	

div.sectionShortcuts #visited-templates, div.sectionShortcuts #top-templates, div.sectionShortcuts #top-ranked-templates {
border: 1px solid #E6E6E6; /*border-bottom: 5px solid #A1D63D;*/ }

div.sectionShortcuts {
font-family: 'Istok Web', sans-serif;
/*font-size: 11pt;*/
}
div.sectionShortcuts h2 { color: #333; 
padding: 0;
margin: 6px;
background: none;
font-size: 20px;
border: none;
font-weight: 400;}

div.sectionShortcuts #visited-templates h2, div.sectionShortcuts #top-templates h2, div.sectionShortcuts #top-ranked-templates h2 { background-image: none; }

div.sectionShortcuts #visited-templates div, div.sectionShortcuts #top-templates div, div.sectionShortcuts #top-ranked-templates div { border: 0; width: auto; }

/* .visited-templates */	
/**********************/

#visited-templates { width :46%; float : left; }

#visited-templates h2:before {
font-family: 'FontAwesome', sans-serif;
content: "\f046"; /* check 	f00c  f14a  f058  */
margin-right: 8px; }

#SeenTemplates ul { list-style-image: none; list-style-type: none; }
#SeenTemplates li { padding: 4px 0px; }
#SeenTemplates li:before {
font-family: 'FontAwesome', sans-serif;
content: "\f0f6  "; /* file */
margin-right: 4px;
}

/* .top-templates */	
/******************/

div.sectionShortcuts #top-templates { width: 46%; float: right; }

#top-templates h2:before {
font-family: 'FontAwesome', sans-serif;
content: "\f007 "; /* user  f2be f2c0   f2bd   f007   */
margin-right: 8px; }	

#TopTemplates ul { list-style-position: inside; }
#TopTemplates li { padding: 4px 0px; }					


/*div.sectionShortcuts #top-ranked-templates */
/*div.sectionShortcuts #TemplateSubscription */					


/****************************/
/* STRUCTURE ARTICLE DETAIL */
/****************************/

/********************/
/* sectionTemplate  */
/********************/

/*****************/
/* PAGE ARTICLE  */
/*****************/


/* article */
/***********/
div.Article  { max-width: 97%; float: left; background-color: #ffffff; border-bottom: none; border-radius: 0px; margin-bottom: 20px; padding: 10px 10px 15px; }


/* titre h1 */
/************/
div.Article h1 span.TemplateName { color: #333; }	
div.Article h1 span.TemplateName img { display: none;}	

div.Article h1 { background: #fff; font-size: 20px; border: none; margin: 0 0 10px 0; }

/*	div.Article h1:before{
font-family: 'FontAwesome', sans-serif;
content: "\f075"; /* comment philactère */
/*margin-right: 4px;
color: #333;
}*/	

div.Article h2 {
border: none;
background: none ;
margin: 14px 10px 0px 10px;
width: auto;
}

/* article body */
/****************/
div.Article div.ArticleBody { width: auto; background: none;	border: none; padding: 1.2em 1.2em;
}
div.TemplateContent a { font-weight: bold; text-decoration : underline; }
div.TemplateContent a:hover{	color: #a599c7; }

div.TemplateContent ul {	margin: 0 0 0 14px;}
div.TemplateContent li {	list-style-type: square; }


/* backlink */
/************/
a#templateBacklink {	width: auto; padding: 3px 6px; color: #fff; text-decoration: none;
height: 30px; line-height: 30px;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }



/*****************/
/* TemplateInfo  */
/*****************/
#TemplateInfo {clear: both; }

/***************************/	
/* BLOC Poser une question */
/***************************/

#TemplateAskQuestion { width: 97%; border: 1px solid #a599c7; background-color: #ffffff; border-radius: 0px; margin-bottom: 20px; padding: 10px 10px 15px; }

#TemplateAskQuestion h2 {
font-size: 20px;
margin: 0px 0px 10px 0px;
color: #2a2e33;
border: none;
background: #fff;
font-weight: 400; }

#TemplateAskQuestion span.button a { 
margin: 10px 0px;
color: #fff; text-decoration: none; height: 30px; line-height: 30px;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }

#TemplateInfo #TemplateAskQuestion  div.ArticleBody { padding: 0.2em 1.2em; }

/* Contactez nous */
/******************/
div.ask div.Article h2 { font-weight: bold;
font-size: 16px;
margin: 0px 0px 10px 0px;
color: #2a2e33;
border: none;
background: #fff; }

div.ask span.button a { color: #FFF; text-decoration: none;
height: 30px;
line-height: 30px;
margin: 10px 0px;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }

div.ask span.button a:hover { color: #FFF; text-decoration: none;	background: #a599c7;  }




/*************************/
/* STRUCTURE FORMULAIRE  */
/*************************/

div.sectionAskForm { border: 1px solid #a599c7; background-color: #ffffff; ; border-radius: 0px; margin-bottom: 20px; padding: 10px 10px 15px; }


/* SectionTitle */
/****************/
div.sectionAskForm div.SectionTitle {
font-size: 20pt;
margin-bottom: 1em;
color: #333;
font-weight: 400;
/*DTA*/
padding: 0;
}

/*div.sectionAskForm div.SectionTitle::before {
font-family: 'FontAwesome', sans-serif;
content: "\f059 "; /* question  f128 f29c  */
/*margin-right: 4px;
}*/

/* SectionBody */
/***************/
div.sectionAskForm #TemplatePath { display: none;} /* fil d'ariane bug */

form#submit-request div.SectionTitle { display:none; }

form#submit-request span.button a {
color: #FFF; text-decoration: none;
height: 30px;
line-height: 30px;
margin: 10px 0px;
background: #a599c7; /*DTA   background: #4682B4; */ 
border-radius: none;
text-shadow: none;
box-shadow: none; }
/*form#submit-request span.button a:hover { color: #fff; background: #a599c7; }*/
/*form#submit-request span.button a#submitAction { width: 160px; } */ /* envoyer votre message */
form#submit-request span.button a#submitAction { width: 160px; margin: 1em auto; padding 1em; } 
form#submit-request label { line-height: 20px;} /*DTA form#submit-request label { line-height: 30px;}*/
form#submit-request select { height: 30px;  border: solid 1px #ccc; border-radius: 2px;}

#CreateCustomerPersonalInfo label { line-height: 30px; }
#CreateCustomerPersonalInfo input#customerField-EMail { /*border: solid 1px #ccc;*/ border-radius: 2px; /* height: 30px;*/ }
/* css spéciale pour ce champ, class identique au formulaire de création de compte*/
div.sectionAskForm #CreateCustomerPersonalInfo span#FieldLabel_EMail.FieldLabel { text-align: left; width: 200px; }

div.sectionAskForm #submit-request .FieldHelp { display: none; }


/*DTA  H. Bonneto Custom DME */
#CreateCustomerPersonalInfo, #div-information-produit, #div-detail-reclamation  { border: solid 2px #ccc; border-radius: 30px; margin: 1em auto 1em auto;}
#attachmentsInstructions,  #registerSection { display: none;}				 


/*********************/
/* MESSAGES D'ERREUR */
/*********************/
#ErrorList { border: none; margin: 0 0 10px 0; color: #ffffff; text-align: center; padding: 10px; background: #de4646; border-radius: 4px; }
#ErrorList h2{
background-color: #de4646;
color: #fff;
font-weight: bold;
font-size: 14px;
margin: 0;
border: none;
border-radius: 4px 4px 0 0;
padding-top: 10px;
}
#ErrorList.Article {width: auto; clear: left; box-shadow: none; }
#ErrorList .ArticleBody{ font-weight: normal; font-size: 13px; }
#ErrorList div { border: none; padding: 15px 5px 15px 50px; background-image: none; color: #fff !important; border-radius: 0px 0px 4px 4px; }

/********************/
/* MESSAGES SUCCCES */
/********************/
#sectionSubmitSuccess {
width: auto; margin: 10px 0px 25px 0px; padding: 14px 15px;
border: 1px solid #ddd;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 0 0 1px #e6e6e6,0 0 0 2px #eeeeee; 
}

#sectionSubmitSuccess div.TicketNumber { padding: 10px;}
#sectionSubmitSuccess div.TicketNumber a:hover{ background: none; text-decoration: underline;}

/*************************/
/* REPONSE A LA QUESTION */
/*************************/
/*#sectionSubmitSuccess { border: 1px solid #adb9c2; }
#sectionSubmitSuccess .SectionTitle { display: none; }
#sectionSubmitSuccess .SectionBody { border: 5px solid #edf1f3; padding: 20px; text-align: center; font-size: 14px; font-weight: bold;}
#sectionSubmitSuccess #TemplatePath { text-align: left; }
#sectionSubmitSuccess #TemplatePath .SectionTile, #sectionSubmitSuccess #TemplatePath .SectionBody { left: 0; top: 0; border: none; padding: 0; margin: 0; } 
/*************************/


/******************************/
/* STRUCTURE CREATION COMPTE  */
/******************************/
#sectionCustomer { width: 97%; border: 1px solid #a599c7; background-color: #ffffff; border-radius: 0px; margin-bottom: 20px; padding: 10px 10px 15px; }


/* SectionTitle */
/****************/
#sectionCustomer div.SectionTitle {
font-size: 20pt;
margin-bottom: 1em;
color: #333;
font-weight: 400;}


/*#sectionCustomer div.SectionTitle::before {
font-family: 'FontAwesome', sans-serif;
content: "\f007 "; /* user  f2be f2c0   f2bd   f007   */
/*margin-right: 4px;
}*/

/* SectionBody */
/***************/

#sectionCustomer label { line-height: 30px; }
#sectionCustomer input { border: solid 1px #ccc; border-radius: 2px; height: 30px; min-width: 200px; }

form span.button a {
color: #FFF; text-decoration: none;
height: 30px;
line-height: 30px;
margin: 10px 0px;
background: #a599c7;
border-radius: none;
text-shadow: none;
box-shadow: none; }
form span.button a:hover { color: #fff; background: #a599c7; }
form span.button a#submitAction { width: 160px; } /* envoyer votre message */

form label { line-height: 30px;}
form select { height: 30px;  border: solid 1px #ccc; border-radius: 2px;}
.Field { margin-bottom : 4px;  width:100%;padding: 0.5em} /*DTA .Field { margin-bottom : 4px; width:100% } */
#AskCustomerPersonalInfo .FieldLabel, #CreateCustomerPersonalInfo .FieldLabel, #div-information-produit .FieldLabel{ min-width: 21em; padding-right: 0.5em; padding-left :5px; }

/*
#sectionCustomer .FieldValue { display: block; float: left; }
#sectionCustomer .FieldHelp { display: none; }
#sectionCustomer .EndFormLine { display: block; clear: both; }
*/


/************************************/
/* RESULTAT - RECHERCHE OU QUESTION */
/************************************/

div.sectionSearchResults { width:  97%;  margin-bottom: 20px; padding: 10px 10px 15px;
border: 1px solid #a599c7;
background-color: #ffffff;
border-radius: none;
box-shadow: none; }

/*div.sectionSearchResults div.SectionTitle {color: #8cba29;}*/
div.sectionSearchResults div.SectionTitle { font-weight: bold;	font-size: 16px; margin: 0px 0px 10px 0px; color: #2a2e33; border: none; background: #fff; }

div.sectionSearchResults .TemplateName a:hover {background-color: inherit; color: inherit; text-decoration: underline; }						

div.sectionSearchResults span.button a { color: #FFF; text-decoration: none;	background: #a599c7; height: 30px;	line-height: 30px; border-radius: 2px; margin: 10px 0px; }

div.sectionSearchResults  div.ArticleBody { padding: 0.2em 1.2em; }


a#searchTemplatesBacklink { color: #FFF; text-decoration: none;
background: #a599c7;
height: 30px;
line-height: 30px;
border-radius: none;
margin: 10px 10px;
display: block;
width: 100px;
padding: 1px; text-align: center; }

/*.sectionSearchResults, #sectionSuggestedAnswers { margin-top: 40px; }
.sectionSearchResults .SectionTitle, #sectionSuggestedAnswers .SectionTitle { font-size: 18px; font-weight: bold; color: #516574; }
.sectionSearchResults .SectionBody , #sectionListBestTemplates .SectionBody { border: 1px solid #adb9c2; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates, #sectionSuggestedAnswers  .SectionBody #ListOfBestTemplates { width: 597px; padding: 0px; border-spacing: 0px; border-collapse: collapse; border-spacing: 0px; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates th, #sectionSuggestedAnswers .SectionBody #ListOfBestTemplates th { height: 23px; vertical-align: middle; background: #799cb7; color: #ffffff; font-size: 12px; padding-right: 8px; text-align: left; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates .even, #sectionSuggestedAnswers .SectionBody #ListOfBestTemplates .even { background: #EDF1F3; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates td, #sectionSuggestedAnswers .SectionBody #ListOfBestTemplates td { border-top: 1px solid #adb9c2; height: 23px; font-size: 13px; color: #799cb7; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates .template-result-rank, #sectionSuggestedAnswers .SectionBody #ListOfBestTemplates .template-result-rank { width: 30px; text-align: center; }
.sectionSearchResults .SectionBody #ListOfSearchedTemplates .match-value, #sectionSuggestedAnswers .SectionBody #ListOfBestTemplates .match-value { text-align: right; padding-right: 8px; }
.sectionSearchResults #TemplatePath .SectionBody { border: none; }
#sectionYourQuestion { border: 1px solid #adb9c2; margin: 10px 0 0 0; background: #edf1f3; padding: 10px; }
#sectionYourQuestion .SectionTitle { font-weight: bold; font-size: 14px; }
#sectionYourQuestion .SectionBody pre { font-weight: normal; font-size: 12px; font-family: Arial; }
.bestTemplatesBack { display: none; }
#template-backlink {
margin: 10px 10px 10px 10px;
}*/
/************************************/


/******************/
/* MEDIA QUERIES  */
/******************/

@media screen and (max-width: 640px) {
#leftnav { width: 94%; }
#main { width: 94%; }
#TemplateAskQuestion { width: 94%;}
table, tbody, tr, td { display: block; width: auto; /*!important; pour des style inline  */ }
#SubGroupDisplayed td { width: 100%; }	
#visited-templates { width: 94%; float: left; }

div.sectionShortcuts #top-templates, #TemplateSubscription { width: 94%; float: left; }

/* fomulaire */
#AskCustomerPersonalInfo .FieldLabel, #CreateCustomerPersonalInfo .FieldLabel { min-width: 14em; text-align: left; padding-right: 0.5em; padding-left: 5px; }


/* resultats de recherche */
table#ListOfSearchedTemplates td.template-result-rank { display: none; }
td.match-value { display: none; }
table.GenericGrid th {display: none;}
}

/********/
/* MENU */
/********/

/* list of template*/

#ListOfTemplates div.SectionTitle{
padding: 4px 0 4px 20px;
margin: 15px 0 0 0;
/*display: none;*/
background-image: none;
border:none;
}
#ListOfTemplates .SectionTitle:before{
font-family: 'FontAwesome', sans-serif;
content: "\f02d" ; /* book */
margin-right: 4px;
}
#ListOfTemplates li {
background: none;
padding: 0 0 10px 15px;
}
#ListOfTemplates li:before {
font-family: 'FontAwesome', sans-serif;
content: "\f0f6 " ; /* file */
margin-right: 4px;
}	
#ListOfTemplates ul{ font-weight: normal; font-size: 11px; list-style-type: none; margin: 10px 0 15px 35px; list-style-position: outside;/* line-height:15px;*/ }
#ListOfTemplates li a{ font-size: 12px; }


#ListOfTemplates ul img{ display: none; }

div.legalWording { font-weight: bold; font-size: 10px;}




/*  DME Specifique   
body {
	background-color: #1D4851; 

}
*/
div.legalWording { font-weight: bold; font-size: 10px;}
/*
div{
	
	margin: auto;
	width: 1000px;

	padding: 0.5em;
	border-radius: 10px;

}*/

div.sectionAskForm{
	
	margin: auto;
	width: 1000px;

	padding: 10px 10px 15px;
	border-radius: 10px;

}
div.Section {
    margin: 0;
    padding: 0;
	width:100%;
}


div.encadre {
	width: 95%;
	padding: 0.5em;
	margin : auto;
}


.exempleserif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.SectionTitle h1{
  font-size: 1.5rem;
  color: #4682B4;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  padding: 0;
  margin: 0;
  line-height: 1.4;
}
div.SectionTitle h2 {
  font-size: 1.4rem;
  color: #606060;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 0 ;
  margin :0;
  line-height: 1.4;
}
div.encadre  h3 {
  font-size: 1rem;
  color: #4682B4;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-left: 0.6em;
  margin: 0 0 .5em 0;
 /* padding: 0; */
 /* margin:0; */
}


div.SectionTitle p {
  font-size: 0.8rem;
  font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
/*check */

.obligatoire {
color: red;
}


label {
	/* pour que les textes soient parfaitement alignés */
	display: inline-block;
	width: 220px;
	/*text-align: right;*/
	/*padding: 0.5em;*/
	font-weight: bold;
}

input, select {
	font: 1em sans-serif;
	/* même taille pour tous les champs */
	width: 225px;
	box-sizing: border-box; 
	border: 1px solid #999;
}

textarea {
	font: 1em sans-serif;
	/* même taille pour tous les champs */
	width: 225px;
	height: 90px;
	box-sizing: border-box; 
	border: 1px solid #999;
}

input:focus,
textarea:focus {
	border-color: #000;
}

textarea {
	/* alignement */
	vertical-align: top;
	/* espacement */
	height: 3em;
}

button {
background: #4682B4;
color: white;
border-style: outset;
border-color: #4682B4;
height: 30px;
width: 100px;
font: bold 15px verdana, sans-serif;
text-shadow:none;
}

.client-block {
    column-count: 2;
	width: auto;
	column-fill: balance;
}
#submit-request label, div.sectionSendVisible label, #CreateCustomerPersonalInfo label, #div-information-produit label, #div-detail-reclamation- label {
    display: block;
    width: 17em;
}

#div-notice-info-produit {
	font-style: italic;
	text-align: center;
	column-span: all;
}

#h3-information-complaint, #Field_Complaint, #Field_Detail, #Field_Description, #Field_Att0, #Field_ShippingDate, #Field_Address, #Field_Country {
	column-span: all;
	/*padding-left: 10px; */
}

#FieldLabel_Complaint::before  {
	content: " ";
	margin-left: 70px;
}
#FieldComplaint label {
																							   
																							   
	text-align: right ;
}


#div-information-button {
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	font-style: italic;
}

p > i > a {  color: #4682B4; text-decoration: none; font-weight: normal; }
p > i > a:link { color: #4682B4; }
p > i > a:visited { color: #4682B4; }
p > i > a:hover, a:focus, a:active { color: #4682B4; background-color: transparent; text-decoration: underline; }

#requestField-Detail, #requestField-Description {
  resize: vertical;
  width: 685px;
  /* height: 70px */
}	

#requestField-ArticleNum, #requestField-DefaultWhen {
  /* padding: 10px 10px 17px 0px;  */
}	

#requestField-ReportDate, #requestField-DefaultWhen, #requestField-ArticleNum, #requestField-DefaultType {
	width: 180px;
}

.bandeau-intro {
	margin-top:10px;
}

/*
#requestField-BillDate::before  {
	content: " ";
	margin-left: 71px;
}
*/

#span-max-filesize0  {
	padding-left: 10px;
}

div#Field_ReportDate {
	padding-left: 10px;
}

input:invalid {
    border-color: red;
}
/*
input:focus:valid {
    border-color: green;
}*/
textarea:invalid {
    border-color: red;
}/*
textarea:focus:valid {
    border-color: green;
}*/
select:invalid {
	border: solid 1px red;
}
/*
select:focus:valid {
    border-color: green;
}*/
.invalid {
    border-color: red;
}

/*
.valid {
    border-color: green;
*/	
div#div-notice-pj {
	font-style: italic;
    float: right;
    column-span: all;
}
}*/