/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

/*body, button, input, select, textarea { font-family: MyriadWebPro,Helvetica,Arial,sans-serif; color: #222; }*/
body, button, input, select, textarea { font-family: MyriadWebPro; color: #222; }

p {margin:1em 0 1em 0;}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #e9e9e9; color: #fff; text-shadow: none; }
::selection { background: #e9e9e9; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a {}
a:visited {}
a:hover {}
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*

 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

html { font-size: 62.5%; margin:0;padding:0;}
/*body {background: #e9e9e9;color: #8C7B75;font-family:MyriadWebPro,Helvetica,Arial,sans-serif;font-size: 13px; font-size: 1.3rem;margin: 0;padding:0;}*/
body {background: #e9e9e9;color: #695E58;font-family:MyriadWebPro;font-size: 13px; font-size: 1.3rem;margin: 0;padding:0;}

/*LAYOUT*/
#container{width:960px;margin: 0 auto;padding:0;}
#provisionalRelease{position:absolute;margin:60px 0 0 0;font-weight: bold;font-size: 1.5rem;padding:10px;background:#4B7965;}
/******************************************************************/
/*GENERAL STYLES*/
/******************************************************************/
/*.shadow{-moz-box-shadow: 3px 3px 6px #979797;-webkit-box-shadow: 3px 3px 6px #979797;box-shadow: 3px 3px 6px #979797;}
.shadow{-webkit-box-shadow: 3px 3px 3px 0px #979797;box-shadow: 3px 3px 3px 0px #979797;} 
*/
/*orange 80% ffad33 */
/*green 80% 85ff5c */
/*blue 80% 33d6ff /*
/*brown 80% a1958f */
/*couleurs originales*/
/*.orange {color:#D68442;}*/
/*.green {color:#66FF33;}*/
/*.blue {color:#B43F57;}*/
/*.brown {color:#8C7B75;}*/
/*.white{color:ffffff;}*/

.shadow{-webkit-box-shadow: 3px 3px 3px 0px #979797;box-shadow: 3px 3px 3px 0px #979797;} 
.rounded{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

.highlight{border-bottom: 1px dotted;cursor:help;}
/*
.highlightD68442{border-bottom: 1px dotted #D68442;cursor:help;}
.highlight70DC78{border-bottom: 1px dotted #70DC78;cursor:help;}
.highlightB43F57{border-bottom: 1px dotted #B43F57;cursor:help;}
.highlight8C7B75{border-bottom: 1px dotted #8C7B75;cursor:help;}
*/
a {color:#8C7B75;text-decoration:none;}
a:hover {color:#B43F57;}
a:visited {color:#8C7B75;}
a:visited:hover {color:#B43F57;}

p{margin:.4em 0 .4em 0;}
/*.bold{font-weight:bold;}*/
.bold{font-family: 'MyriadWebProBold';}
.smaller{font-size:smaller;line-height:1em;}

.orange {color:#D68442;}
.green {color:#4B7965;}
.blue {color:#B43F57;}
.brown {color:#8C7B75;}
.white{color:#ffffff;}

.bgOrange {background:#D68442;}
.bgGreen {background:#4B7965;}
.bgBlue {background:#B43F57;}
.bgBrown {background:#8C7B75;}
.bgWhite{background:#ffffff;}

.colorD68442{color:#D68442;}/*orange*/
.color4B7965{color:#4B7965;}/*green*/
.colorB43F57{color:#B43F57;}/*blue*/
.color8C7B75{color:#8C7B75;}/*brown*/
.colorFFFFFF{color:#FFFFFF;}/*white*/

.bgD68442{background:#D68442;}/*orange*/
.bg4B7965{background:#4B7965;}/*green*/
.bgB43F57{background:#B43F57;}/*blue*/
.bg8C7B75{background:#8C7B75;}/*brown*/

/*blue links*/
.linksB43F57 a:link{color:#B43F57;}
.linksB43F57 a:hover{color:#8C7B75;}
.linksB43F57 a:visited{color:#B43F57;}
.linksB43F57 a:visited:hover{color:#8C7B75;}
/*green links*/
.links4B7965 a:link{color:#4B7965;}
.links4B7965 a:hover{color:#B43F57;}
.links4B7965 a:visited{color:#4B7965;}
.links4B7965 a:visited:hover{color:#B43F57;}
/*brown links*/
.links8C7B75 a:link{color:#8C7B75;}
.links8C7B75 a:hover{color:#B43F57;}
.links8C7B75 a:visited{color:#8C7B75;}
.links8C7B75 a:visited:hover{color:#B43F57;}
/*orange links*/
.linksD68442 a:link{color:#D68442;}
.linksD68442 a:hover{color:#B43F57;}
.linksD68442 a:visited{color:#D68442;}
.linksD68442 a:visited:hover{color:#B43F57;}
/*white links*/
.linksFFFFFF a:link{color:#FFFFFF;}
.linksFFFFFF a:hover{color:#8C7B75;}
.linksFFFFFF a:visited{color:#FFFFFF;}
.linksFFFFFF a:visited:hover{color:#8C7B75;}


/*blue hover links*/
.linksOverB43F57 a:link{color:#8C7B75;}
.linksOverB43F57 a:hover{color:#B43F57;}
.linksOverB43F57 a:visited{color:#8C7B75;}
.linksOverB43F57 a:visited:hover{color:#B43F57;}
/*green hover links*/
.linksOver4B7965 a:link{color:#8C7B75;}
.linksOver4B7965 a:hover{color:#4B7965;}
.linksOver4B7965 a:visited{color:#8C7B75;}
.linksOver4B7965 a:visited:hover{color:#4B7965}
/*brown hover links*/
.linksOver8C7B75 a:link{color:#8C7B75;}
.linksOver8C7B75 a:hover{color:#B43F57;}
.linksOver8C7B75 a:visited{color:#8C7B75;}
.linksOver8C7B75 a:visited:hover{color:#B43F57;}
/*orange hover links*/
.linksOverD68442 a:link{color:#8C7B75;}
.linksOverD68442 a:hover{color:#D68442;}
.linksOverD68442 a:visited{color:#8C7B75;}
.linksOverD68442 a:visited:hover{color:#D68442;}

.gradientWhite{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.old_gradientGrey{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #c4bcb9 50%, #bcb4b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#c4bcb9), color-stop(100%,#bcb4b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcb4b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.old_gradientOrange{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,221,127,1) 50%, rgba(255,187,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,221,127,1)), color-stop(100%,rgba(255,187,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,221,127,1) 50%,rgba(255,187,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,221,127,1) 50%,rgba(255,187,1,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,221,127,1) 50%,rgba(255,187,1,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,221,127,1) 50%,rgba(255,187,1,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffbb01',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */    
}
.old_gradientGreen{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(197,246,180,1) 50%, rgba(140,238,105,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(197,246,180,1)), color-stop(100%,rgba(140,238,105,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(197,246,180,1) 50%,rgba(140,238,105,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(197,246,180,1) 50%,rgba(140,238,105,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(197,246,180,1) 50%,rgba(140,238,105,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(197,246,180,1) 50%,rgba(140,238,105,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4B7965',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.old_gradientBlue{
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(157,237,255,1) 50%, rgba(60,220,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(157,237,255,1)), color-stop(100%,rgba(60,220,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(157,237,255,1) 50%,rgba(60,220,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(157,237,255,1) 50%,rgba(60,220,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(157,237,255,1) 50%,rgba(60,220,255,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(157,237,255,1) 50%,rgba(60,220,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#B43F57',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gradientOrange{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #eac1a0 50%, #d68442 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#eac1a0), color-stop(100%,#d68442)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eac1a0 50%,#d68442 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#eac1a0 50%,#d68442 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#eac1a0 50%,#d68442 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#eac1a0 50%,#d68442 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d68442',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.gradientGreen{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #a5bcb2 50%, #4b7965 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#a5bcb2), color-stop(100%,#4b7965)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#a5bcb2 50%,#4b7965 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#a5bcb2 50%,#4b7965 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#a5bcb2 50%,#4b7965 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#a5bcb2 50%,#4b7965 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4b7965',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.gradientBlue{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #d99fab 50%, #b43f57 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#d99fab), color-stop(100%,#b43f57)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#d99fab 50%,#b43f57 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#d99fab 50%,#b43f57 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#d99fab 50%,#b43f57 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#d99fab 50%,#b43f57 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b43f57',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.gradientGrey{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #c5bdba 50%, #8c7b75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#c5bdba), color-stop(100%,#8c7b75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#c5bdba 50%,#8c7b75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#c5bdba 50%,#8c7b75 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#c5bdba 50%,#8c7b75 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#c5bdba 50%,#8c7b75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8c7b75',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.hide{display:none;}
a img {border:none;}
h1, h2, h3, h4 {font-family: 'MyriadWebProBold';}
#theme1 h1 {color:#4B7965;}
#theme2 h1 {color:#B43F57;}
#theme3 h1 {color:#D68442;}
#theme4 h1 {color:#8C7B75;}
#theme1 h2 {color:#4B7965;}
#theme2 h2 {color:#B43F57;}
#theme3 h2 {color:#D68442;}
#theme4 h2 {color:#8C7B75;}
#theme1 h3 {color:#4B7965;}
#theme2 h3 {color:#B43F57;}
#theme3 h3 {color:#D68442;}
#theme4 h3 {color:#8C7B75;}
h2 {}
h3 {}
h4 {}

h1 a:link{}
h1 a:hover{}
h1 a:visited{}
h1 a:visited:hover{}

.ui-dialog-content a:link{text-decoration:underline;}
.ui-dialog-content a:hover{text-decoration:underline;}
.ui-dialog-content a:visited{text-decoration:underline;}
.ui-dialog-content a:visited:hover{text-decoration:underline;}

/*GRADIENTS FOR BUTTONS ON HOME & HEADER*/
.old-gradientWhite{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */	
}
.old-gradientOrange{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #ffcc7f 50%, #ffad33 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#ffcc7f), color-stop(100%,#ffad33)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#ffcc7f 50%,#ffad33 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#ffcc7f 50%,#ffad33 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#ffcc7f 50%,#ffad33 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#ffcc7f 50%,#ffad33 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffad33',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.old-gradientGreen{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #85ff5c 50%, #85ff5c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#85ff5c), color-stop(100%,#85ff5c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#85ff5c 50%,#85ff5c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#85ff5c 50%,#85ff5c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#85ff5c 50%,#85ff5c 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#85ff5c 50%,#85ff5c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#85ff5c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.old-gradientBlue{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #33d6ff 50%, #33d6ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#33d6ff), color-stop(100%,#33d6ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#33d6ff 50%,#33d6ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#33d6ff 50%,#33d6ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#33d6ff 50%,#33d6ff 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#33d6ff 50%,#33d6ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33d6ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.old-gradientGrey{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ffffff 0%, #c4bcb9 50%, #bcb4b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#c4bcb9), color-stop(100%,#bcb4b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* IE10+ */
background: linear-gradient(135deg, #ffffff 0%,#c4bcb9 50%,#bcb4b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcb4b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/******************************************************************/
/*HOME*/
/******************************************************************/
#homeContent{background:#fff;margin-top:10px;}
#homeLogo{float:left;margin:10px 0 0  250px;}
#homeHeading{float:left;margin:45px 0 0 75px;font-size:11px;font-size:1.1rem;line-height:19px;line-height:1.9rem;}
#homeTitleWrapper{clear:left;float:left;margin:20px 0 0 115px;}
#homeTitle1{clear:left;float:left;width:550px;height:60px}
#homeTitle1b{float:left;margin:0 0 0 80px;font-size:11px;font-size:1.1rem;}
#homeTitle1b #who{float:left;width:40px;text-align:center;margin-right:20px;}
#who img{margin:7px 0 5px 0;}
#handbook{float:left;width:90px;text-align:center;}
#handbook img{margin:7px 0 5px 0;}
#homeTitle2{clear:left;float:left;}
#homeTitle3{clear:left;float:left;}
#homeTitle4{clear:left;float:left;}
#homeTitle4b{float:left;font-size:30px;font-size:3rem;margin:20px 0 0 40px;width:400px;}
.homeTitle{clear:left;float:left;font-size:80px;font-size:8rem;line-height:70px;margin:0;}
#homeThemeList{clear:left;padding-top:30px;margin-left:50px;}
.homeThemeListTitle{font-size:11px;font-size:1.1rem;}
.homeThemeWrapper{float:left;margin:5px 5px 0 0;margin-left:15px;width:8px;height:8px;}
.homeThemeColor{margin:2px 5px 0 0;font-size:11px;font-size:1.1rem;float:left;}
#pictosWrapper{clear:left;padding-top:10px;margin-left:50px;}
/*ACCORDION*/
#homeAccordionPlaceholder{clear:left;float:left;width:287px;margin:0 0 0 50px ;}/*in case the accordion is deactivated*/
#homeAccordion{clear:left;float:left;width:287px;margin:0 0 0 50px;background:#f3f2f1;padding:4px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
#accordion{height:200px;}
#accordion h3{padding-left:35px;}
.accordionNewsWrapper{padding:5px 0 5px 0;border-bottom:dotted 1px #8C7B75}
.accordionDlWrapper{padding:5px 0 5px 0;border-bottom:dotted 1px #8C7B75}
#homeOverview{float:left;margin:15px 30px 0 25px;width:537px;text-align:justify;line-height:1.8rem;}

#homeShortcuts{clear:left;float:left;margin:30px 0 10px 60px;font-size:1.6rem}
.shortcut{background: url('../img/layout/btnRndRightBlue.png') no-repeat right;padding-right:20px;}
/******************************************************************/
/*SECONDARY LINKS ON HOME*/
/******************************************************************/
/*
#homeTitle1b a:link{color:#8C7B75;}
#homeTitle1b a:hover{color:#D68442;}
#homeTitle1b a:visited{color:#8C7B75;}
#homeTitle1b a:visited:hover{color:#D68442;}
*/
/******************************************************************/
/*FOOTER HOME*/
/******************************************************************/
#footerHome {height:55px;padding:10px 0 0 0;margin:0;font-size:11px;font-size:1.1rem;}
#footerHome{position:absolute;z-index:1;width:960px;}
/*
#footerHome a:link{color:#8C7B75;}
#footerHome a:hover{color:#D68442;}
#footerHome a:visited{color:#8C7B75;}
#footerHome a:visited:hover{color:#D68442;}
*/
/******************************************************************/
/*CHAPTERS NAVIGATION BY PICTOS ON HOME*/
/******************************************************************/
#btnWwrapper { margin:0px; width:870px;}
#btnContainer {margin:0; width: 870px; height:192px;}
.nonIE #container { display:none; }
.homeButton { position:relative; z-index:0;width:87px;}
.homeButton > div {position:absolute;width:87px; height:87px;border:1px solid #f8f8f8;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}

.homeButton a:link {color:#FFFFFF;}
.homeButton a:hover {color:#8C7B75}
.homeButton a:visited {color:#FFFFFF;}
.homeButton a:visited:hover {color:#8C7B75}

/*TESTS HOME2*/
.home2Link a:link {color:#8C7B75;}
.home2Link a:hover {color:#8C7B75}
.home2Link a:visited {color:#8C7B75;}
.home2Link a:visited:hover {color:#8C7B75}
.btnTextHome2{font-size:1.4rem;width:180px;}
.btnBackgroundHome2{width:85px; height:85px;margin:0;padding:20px 0 0 0;}


.homeButtonTemplates a:link {color:#8C7B75;}
.homeButtonTemplates a:hover {color:#B43F57}
.homeButtonTemplates a:visited {color:#8C7B75;}
.homeButtonTemplates a:visited:hover {color:#B43F57}

.row0 { position:relative; top:0px; }
.row1 { position:relative; top:99px; }
.btnText{}
.btnTitle{display:none;margin:0 10px 0 10px;width:180px;}
.btnContent{display:none;margin:10px 10px 0 10px;color:#8C7B75;font-size:1.2rem;}

.btnBackground{width:85px; height:85px;margin:0;padding:80px 0 0 0;}
.btnWhiteBackground{width:85px; height:85px;margin:0;padding: 20%;}
.btnHomeShadow{-webkit-box-shadow: 0px 0px 4px 1px #979797;box-shadow: 0px 0px 4px 1px #979797;cursor:pointer;}

/******************************************************************/
/*JQUERY UI SURCHARGE*/
/******************************************************************/
#langSwitcher{float:right;text-align:right;margin:20px 20px 0 0;padding:0;text-transform:uppercase;font-size:11px;font-size:1.1rem;}
.langSwitcher{color:#b3b3b3;}

.ui-accordion .ui-accordion-content {
	padding: 5px 5px 5px 8px;
	font-size:12px;
	font-size:1.2rem;
	line-height:1rem;
}
/*
.ui-accordion .ui-accordion-content a:link {color:#B43F57;}
.ui-accordion .ui-accordion-content a:hover {color:#D68442;}
*/

.ui-accordion .ui-accordion-content .title{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2rem;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 5px;
}
.ui-accordion .ui-accordion-header {
	padding: 5px 3px 3px 25px;
}
.ui-accordion .ui-accordion-content .moreinfo{
     margin-bottom:10px;
}
.ui-tooltip-content{
	font-size:12px;
	font-size:1.2rem;
}
.ui-tooltip{
background: #fbfafa; /* Old browsers */
background: -moz-linear-gradient(top, #fbfafa 0%, #bcb4b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfafa), color-stop(100%,#bcb4b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbfafa 0%,#bcb4b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbfafa 0%,#bcb4b1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbfafa 0%,#bcb4b1 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbfafa 0%,#bcb4b1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfafa', endColorstr='#bcb4b1',GradientType=0 ); /* IE6-9 */
}
.ui-widget{}
.ui-corner-all{}
.ui-widget-content{font-size:14px;font-size:1.4rem}
.ui-widget-content h1,h2,h3,h4 {color:#B43F57;text-align:left;line-height:2.4rem;}
.ui-widget-header{font-size:18px;font-size:2rem;text-align:left;}

.ui-dialog-titlebar{border-bottom:1px solid #8C7B75;padding:0 20px 0 20px 0;}
.ui-helper-clearfix{}
.ui-dialog-content{}
.ui-resizable-handle{}

#col02 .ui-tabs{background:#ffffff;border:none;margin:0;padding:0;}
#col02 .ui-tabs-anchor{background:#ffffff;border:none;}
#col02 .ui-widget-header{background:#ffffff;border:none;}

#searchTabs ul li .ui-tabs-anchor{margin:0;padding:0 20px 0 0;background:#ffffff;}
#searchTabs ul li{border:none;padding:0;}
#searchTabs .ui-tabs-panel{border:none;margin:20px 0 0 0;padding:0;}
/******************************************************************/
/*LANG SWITCHER*/
/******************************************************************/
#langSwitcher{float:right;text-align:right;margin:20px 20px 0 0;padding:0;text-transform:uppercase;font-size:11px;font-size:1.1rem;}
.langSwitcher{color:#b3b3b3;}

/******************************************************************/
/*SUBPAGES*/
/******************************************************************/

/******************************************************************/
/*HEADER*/
/******************************************************************/
#headerTop{width:965px;height:17px;padding:0;margin-top:10px;padding-right:5px;text-align:right;font-size:10px;font-size:1rem;}
#headerTopLinksWrap{float:right;text-align:right;}
.headerTopLinks{float:left;border-left:3px solid #B43F57;padding-left:5px;padding-right:10px;line-height:.9rem;}
#header {background:#ffffff;width:960px;height:192px;padding:0;margin:0 0 10px 0;}
#header  a:link {}
#header  a:hover {}
#header  a:visited {}
#header  a:visited:hover {}
#header #col01{text-align:center;float:left;width:185px;padding:20px 15px 5px 5px;}
#header #col01 #heading{font-size:10px;font-size:1rem;margin-top:10px;}
#header #col02{float:left;width:745px;margin-bottom:10px;}
#header #col02 #title {float:left;font-size:28px;font-size:4.5rem;line-height:4rem;margin-top:15px;}
#header #col02 #secLinks{float:right;text-align:right;margin-top:10px;}
#header #col02 #secLinks #who{float:left;width:40px;text-align:center;margin-right:20px;font-size:11px;font-size:1.1rem;line-height:13px;line-height:1.3rem;}
#header #col02 #secLinks #handbook{float:left;width:90px;text-align:center;font-size:11px;font-size:1.1rem;line-height:13px;line-height:1.3rem;}
/*#header #col02 #secLinks{color:#D68442;}*/
#header #col02 #secLinks #langSwitcher{float:right;text-align:right;margin:0;padding:0;text-transform:uppercase;font-size:11px;font-size:1.1rem;}
#header #col02 #secLinks .langSwitcher{color:#b3b3b3;}
.chapterTitle{float:left;display:none;clear:left;}
#chapters{float:left;width:750px;}
.tooltip{display: none;}
#header #titleWrapper{float:left;height:14px;font-size:10px;font-size:.9rem;width:750px;margin-left:205px;padding-bottom:10px}
#header #catchPhrase{float:left;font-size:18px;font-size:1.8rem;margin-top:3px;width:750px;}

/******************************************************************/
/*SECONDARY LINKS ON HEADER*/
/******************************************************************/
/*
#header #col02 #secLinks #who a:link{color:#8C7B75;}
#header #col02 #secLinks #who a:hover{color:#D68442;}
#header #col02 #secLinks #who a:visited{color:#8C7B75;}
#header #col02 #secLinks #who a:visited:hover{color:#D68442;}
*/
/*
#header #col02 #secLinks #handbook a:link{color:#8C7B75;}
#header #col02 #secLinks #handbook a:hover{color:#D68442;}
#header #col02 #secLinks #handbook a:visited{color:#8C7B75;}
#header #col02 #secLinks #handbook a:visited:hover{color:#D68442;}
*/
#header .headerButton { float:left;width:34px;margin-right:7px;}
#header .headerButton > div {width:34px; height:34px;border:1px solid #919191;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.headerButton > div img{padding:5px 0 0 2px;}

#content{clear:left;margin:0;padding:0;line-height:1.8rem;}

#content #col01{float:left;width:185px;margin:0 10px 0 0;}
#content #col01 #cart {padding:0;margin:0;}
#content #col01 #cart img{margin-left:10px;}
#content #col01 #cartAcro {background:#ffffff;padding:10px;margin:0 0 10px 0;}

/****************/
/*CHAPTER MENU**/
/****************/
#content #col01 #menuChapter {float:left;padding:0;background:#ffffff;line-height:14px;line-height:1.4rem;}

#content #col01 #menuChapter .chptrWrapper {padding:5px 0 5px 0;clear:left;float:left;cursor:pointer;border-bottom: 1px dotted #8C7B75;}
#content #col01 #menuChapter .chptrWrapperActive {padding:5px 0 5px 0;clear:left;float:left;border-bottom: 1px dotted #8C7B75;}

.chptrNumber{float:left;width:25px;padding-left:5px;}
.chptrTitle{float:left;width:150px;padding-right:5px;font-size:1.2rem;}

#content #col01 #menuLeft {background:#ffffff;padding:10px;}

/*blue links*/
.chptrHoverB43F57{background:#B43F57;}
.chptrHoverB43F57 a:link{color:#FFFFFF;}
.chptrHoverB43F57 a:hover{color:#FFFFFF;}
.chptrHoverB43F57 a:visited{color:#FFFFFF;}
.chptrHoverB43F57 a:visited:hover{color:#FFFFFF;}
/*green links*/
.chptrHover4B7965{background:#4B7965;}
.chptrHover4B7965 a:link{color:#FFFFFF;}
.chptrHover4B7965 a:hover{color:#FFFFFF;}
.chptrHover4B7965 a:visited{color:#FFFFFF;}
.chptrHover4B7965 a:visited:hover{color:#FFFFFF;}
/*brown links*/
.chptrHover8C7B75{background:#8C7B75;}
.chptrHover8C7B75 a:link{color:#FFFFFF;}
.chptrHover8C7B75 a:hover{color:#FFFFFF;}
.chptrHover8C7B75 a:visited{color:#FFFFFF;}
.chptrHover8C7B75 a:visited:hover{color:#FFFFFF;}
/*orange links*/
.chptrHoverD68442{background:#D68442;}
.chptrHoverD68442 a:link{color:#FFFFFF;}
.chptrHoverD68442 a:hover{color:#FFFFFF;}
.chptrHoverD68442 a:visited{color:#FFFFFF;}
.chptrHoverD68442 a:visited:hover{color:#FFFFFF;}
/*white links*/
.chptrHoverFFFFFF{background:#B43F57;}
.chptrHoverFFFFFF a:link{color:#FFFFFF;}
.chptrHoverFFFFFF a:hover{color:#FFFFFF;}
.chptrHoverFFFFFF a:visited{color:#FFFFFF;}
.chptrHoverFFFFFF a:visited:hover{color:#FFFFFF;}

/*margin on all menu paragraphs exept first one*/
#content #col01 #menuLeft p {margin-top:20px;}
#content #col01 #menuLeft p:first-child {margin-top:0;}

#content #col01 #menuLeft a:link{color:#8C7B75;}
#content #col01 #menuLeft a:hover{color:#D68442;}
#content #col01 #menuLeft a:visited{color:#8C7B75;}
#content #col01 #menuLeft a:visited:hover{color:#D68442;}

#content #col01 #extraBoxLeft {padding:10px;margin-top:10px;color:#ffffff;}
#content #col01 #extraBoxLeft a:link{color:#ffffff;}
#content #col01 #extraBoxLeft a:hover{color:#D68442;}
#content #col01 #extraBoxLeft a:visited{color:#ffffff}
#content #col01 #extraBoxLeft a:visited:hover{color:#D68442;}
/*margin on all extraBoxLeft titles exept first one*/
#content #col01 #extraBoxLeft .title {margin-top:20px;}
#content #col01 #extraBoxLeft .title:first-child {margin-top:0;}

#content #col02{float:left;width:765px;margin:0;}
#content #col02 #menuBrowse {float:left;background:#ffffff;width:505px;height:30px;padding:10px 10px 0 10px;margin:0 10px 0 0;font-size:16px;font-size:1.6rem;}
#content #col02 #menuSearch{float:left;background:#ffffff;width:210px;height:30px;padding:10px 10px 0 10px;margin:0;font-size:16px;font-size:1.6rem;}
#content #col02 .col02Content{float:left;background:#ffffff;width:745px;min-height:250px;padding:10px 10px 30px 10px;margin:10px 0 0 0;}
#content #col02 .col02Content p{text-align:justify;}
#content #col02 .col02Content h1{margin:0 0 20px 0;font-size:22px;font-size:2.2rem;}
#content #col02 .col02Content a{text-decoration:underline;}

/*
#content #col02 #menuBrowse a:link{color:#8C7B75;}
#content #col02 #menuBrowse a:hover{color:#D68442;}
#content #col02 #menuBrowse a:visited{color:#8C7B75;}
#content #col02 #menuBrowse a:visited:hover{color:#D68442;}
*/
#menuBrowseActive{float:left;width:505px;height:18px;padding:5px 10px 15px 10px;margin:0 10px 0 0;font-size:18px;font-size:1.8rem;color:#ffffff;}

#content #col02 #menuBrowseOpenTop {float:left;width:505px;height:27px;padding:10px;margin:0 10px 0 0;color:#ffffff;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#content #col02 #menuBrowseOpenBottom {float:left;width:745px;padding:10px;margin:0 10px 0 0;-webkit-border-radius: 4px;-webkit-border-top-left-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topleft: 0;border-radius: 4px;border-top-left-radius: 0;}
#content #col02 .menuBrowseBottom {float:left;width:745px;padding:10px;margin:10px 0 0 0;}

/*
#content #col02 #menuSearch a:link{color:#8C7B75;}
#content #col02 #menuSearch a:hover{color:#D68442;}
#content #col02 #menuSearch a:visited{color:#8C7B75;}
#content #col02 #menuSearch a:visited:hover{color:#D68442;}
*/

#footer {clear:left;height:55px;padding:10px 0 0 0;margin:0;font-size:11px;font-size:1.1rem;}
/*
#footer a:link{color:#8C7B75;}
#footer a:hover{color:#D68442;}
#footer a:visited{color:#8C7B75;}
#footer a:visited:hover{color:#D68442;}
*/
/*******************************************************************/
/*CART LIST*/
/*******************************************************************/
#cartHeading{margin:0 0 20px 0;padding-left:135px;}
#cartTitleCol01{float:left;width:490px;margin-bottom:10px;}
#cartTitleCol02{float:left;width:85px;margin-bottom:10px;}
#cartTitleCol03{float:left;width:120px;margin-bottom:10px;}
#cartTitleCol04{float:left;width:50px;margin-bottom:10px;}

.cartWrapper{clear:left;float:left;width:745px;padding:10px 0 10px 0;}
.cartWrapper:nth-child(even){background:#f8f8f8;}
.cartCol01{float:left;width:490px;}
.cartCol02{float:left;width:85px;}
.cartCol03{float:left;width:120px;}
.cartCol04{float:left;width:50px;}

#zipIt{clear:left;padding:50px 0 20px 140px;}
#zipFile{margin:20px 0 10px 0;}
#resetCart{clear:left;float:right;padding-right:10px;}
#busyBottom{margin:10px 0 0 0;}

#cartList #flashMessage{margin:0 0 10px 135px;}

/******************************************************************/
/*FEEDBACK BUTTON ON ALL PAGES*/
/******************************************************************/
#feedback{float:right;background:#ffffff;padding:5px;}
#feedback a{padding:5px;}
.feedbackBlock{margin-top: 20px;}
/******************************************************************/
/*BROWSE BY CHAPTER PAGES*/
/******************************************************************/
#themesList{clear:left;padding:9px 10px 9px 205px;margin-top:0;background:#ffffff;float:left;width:745px;}
#chapterHeading{float:left;font-size:18px;font-size:1.8rem;}
/*
#btnDownload{
float:right;
padding:5px 10px 5px 10px;
font-weight:normal;
font-size:10px;font-size:1.2rem;
color:#8C7B75;
background:#ffffff;
border:1px solid #979797;
-webkit-box-shadow: 0px 0px 6px 0px #979797;
box-shadow: 0px 0px 4px 0px #979797;
}
*/
#btnFullDownload{display: inline;width: auto;float:right;font-size:10px;font-size:1.2rem;margin:0;padding:5px 10px 5px 10px;}
/*
#btnFullDownload a:link{color:#ffffff;}
#btnFullDownload a:hover{color:#8C7B75;}
#btnFullDownload a:visited{color:#ffffff;}
#btnFullDownload a:visited:hover{color:#8C7B75;}
*/
#btnDownload{background:#ffffff;padding:5px 10px 5px 10px;min-width:85px;display: inline;width: auto;float:right;font-size:10px;font-size:1.2rem;}
.btnDownload{background:#ffffff;padding:5px 10px 5px 10px;min-width:85px;display: inline;width: auto;float:right;font-size:10px;font-size:1.2rem;}



#chapterOverview{text-align:justify;float:left;width:600px;}
#chapterOverview .title{font-size:18px;font-size:1.8rem;}
#chapterOverview .subtitle{font-size:14px;font-size:1.4rem;}
.docRow{padding:10px;}
.bgEvenRow{background:#EEEEEE;}/*paires*/
.bgOddRow{background:#F8F8F8;}/*impaires*/
.docTechInfosLabel{font-size:11px;font-size:1.1rem;font-weight:bold;}
.docTechInfos{font-size:11px;font-size:1.1rem;}

.moreInfo{}

#filterLinks{margin-bottom:30px;font-size:12px;font-size:1.2rem}
/******************************************************************/
/*CHAPTER INDEX /chapters/index */
/******************************************************************/
.browseChapters{float:left;width:225px;height:100px;margin-top:10px;padding:30px 0 0 10px;}
.btnChptr{cursor:pointer;}
.btnChptrPicto{float:left;width:70px;height:75px;margin-right:5px;}
.btnChptrText{float:left;width:140px;height:75px;line-height:15px;line-height:1.5rem;}
.btnChptrText .title{font-size:14px;font-size:1.4rem;}
.btnChptrText .subtitle{font-size:11px;font-size:1.1rem;}
.btnChptrArrow{clear:left;text-align:right;padding-right:10px;}

/******************************************************************/
/*SEARCH BY KEYWORDS PAGES*/
/******************************************************************/
#content #col02 #menuSearchOpenTop {float:left;width:435px;height:27px;padding:10px;margin:0 10px 0 0;color:#ffffff;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
#content #col02 #menuBrowseOnSearch {float:left;background:#ffffff;width:280px;height:30px;padding:10px 10px 0 10px;margin:0;font-size:16px;font-size:1.6rem;}
#content #col02 #menuSearchOpenBottom {float:left;width:745px;padding:10px;margin:0 10px 0 0;-webkit-border-radius: 4px;-webkit-border-top-left-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topleft: 0;border-radius: 4px;border-top-left-radius: 0;}
.col02Content .title{font-size:18px;font-size:1.8rem;color:#B43F57;}
#refineSearch{margin-left:140px;padding-bottom:20px;}
#noResult{padding:10px 10px 10px 140px;background:#ffffff;}
.relatedChptr{font-size:10px;font-size:1rem;}
/******************************************************************/
/*ACRONYMS*/
/******************************************************************/
/*
#btnGeneric{float:left;
padding:5px 10px 5px 10px;
font-weight:normal;
font-size:10px;font-size:1.2rem;
color:#8C7B75;
background:#ffffff;
border:1px solid #979797;
-webkit-box-shadow: 0px 0px 6px 0px #979797;
box-shadow: 0px 0px 4px 0px #979797; }
*/


/******************************************************************/
/*EVENTS*/
/******************************************************************/
.eventsWrapper{margin-bottom:10px;padding:10px;}
.eventsWrapper:nth-child(even){background:#f8f8f8;}

/******************************************************************/
/*PAGING*/
/******************************************************************/
div.paging {background:#fff;color: #b3b3b3;margin-top: 1em;margin-bottom:1em;clear:both;}
div.paging span.disabled {color: #ddd;display: inline;}
div.paging span.current {color: #c73e14;}
div.paging span a {}
.scroll-pane{width: 100%;height: 300px;overflow: auto;}

/*FORMS*/
/** Forms **/
form {clear: both;padding: 0;}

input,select,textarea{background:#f7f7f7;color:#8C7B75;border:1px solid #B43F57;width:400px;}

form div {clear: both;padding: 5px;vertical-align: text-top;}
form .inputComment{font-size:smaller;font-weight:normal;margin-left:0;}
form .required {font-weight: bold;}
form .required label:after {color: #B43F57;content: ' *';display:inline;}
form div.submit {border: 0;clear: both;margin-top: 10px;}
label {display: block;margin-bottom:3px;}
input, textarea {padding: 3px;}
input[type="file"]{width:auto;}

select {clear: both;vertical-align: text-bottom;}
select[multiple=multiple] {}
select {font-size: 100%;vertical-align: text-bottom;}
select[multiple=multiple] {width: 100%;}

option {font-size: 100%;padding: 0 3px;}
option {padding: 0 3px;}


input:-moz-placeholder, textarea:-moz-placeholder {color: #8C7B75;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #8C7B75;}
input.placeholder, textarea.placeholder {color: #8C7B75;}
input:invalid {background-color: #fff;border:1px solid silver}


/*CHECKBOXES*/
input[type=checkbox] {clear: left;float:left;margin: 3px 10px 0 10px;padding:0;width: auto;}
div.checkbox label {display: inline;}

/*RADIOS*/
input[type=radio] {float:left;margin:0 0 0 10px;width:20px;}
input[type=radio].horizontal {margin:0 0 0 10px; float:none;}


/*SUBMIT*/
form input[type=submit] {background:#ffffff;color: #B43F57;padding:5px 10px 5px 10px;min-width:85px;display: inline;width: auto;}
form input[type=submit]:hover {background:#D68442;color: #ffffff;}
form input[type=submit] {}
form .submit input[type=submit] {}
form .submit input[type=submit]:hover {}

#registerForm{margin-top:20px;}
#suggestionForm{margin-top:20px;}
#ContactIndexForm{margin:17px 0 0 0;}


/*SEARCH FORM*/
#DocumentSearch {float:left;padding:6px;margin-right:10px;width:300px;height:20px;font-size:14px;font-size:1.4rem;}
#DocumentSearchForm  input[type=submit]{float:left;width:85px;height:33px;}

#DocumentSearchForm #DocumentChapterId {width:314px;margin:5px 0 0 0;height:20px;border:none;}
#DocumentSearchForm #DocumentDoctypeId {width:314px;margin:5px 0 0 0;height:20px;border:none;}
#DocumentSearchForm #DocumentThemeId {width:314px;margin:5px 0 0 0;height:20px;border:none;}

#DocumentChapterId {width:300px;margin:10px 0 0 0;}
#DocumentDoctypeId {width:300px;margin:10px 0 0 0;}
#DocumentThemeId {width:300px;margin:10px 0 10px 0;}

#bottomSubmit {background:#ffffff;color: #B43F57;padding:5px 10px 5px 10px;min-width:85px;width:85px;display: inline;width: auto;}
#bottomSubmit:hover {background:#D68442;color: #ffffff;}

/*LOGIN FORM*/
#login{padding:15px;}
#login h1,legend{margin-bottom:15px;}
#UserLoginForm div{display:block;margin-bottom:15px;}
#wrapperRight fieldset{margin:25px 0 25px 0;}
#wrapperRight legend{margin:25px 0 0 0;}
#UserLoginForm div .input{border:1px solid #b3b3b3;height:20px;margin-bottom:15px;padding: 2px 2px 2px 5px;}
#UserLoginForm div input{width:200px;}
#UserLoginForm label{width:100px;display:block;clear:left;float:left;}
#UserLoginForm .submit input[type=submit] {width:80px;border:1px solid #b3b3b3;height:20px;margin:0 0 0 100px;padding: 2px 2px 2px 5px;}
#UserLoginForm .submit input[type=submit]:hover {width:80px;border:1px solid #000;color:#000;height:20px;margin:0 0 0 100px;padding: 2px 2px 2px 5px;}
/*REGISTRATION FORM*/
#UserRegisterForm div{display:block;margin-bottom:15px;}
#wrapperRight fieldset{margin:25px 0 25px 0;}
#wrapperRight legend{margin:25px 0 0 0;}
#UserRegisterForm div .input{border:1px solid #aaa;height:20px;margin-bottom:15px;padding: 2px 2px 2px 5px;}
#UserRegisterForm div input{width:200px;}
#UserRegisterForm label{width:100px;display:block;clear:left;float:left;}
#UserRegisterForm .submit input[type=submit] {width:80px;border:1px solid #aaa;height:20px;margin:0 0 0 100px;padding: 2px 2px 2px 5px;}
#UserRegisterForm .submit input[type=submit]:hover {width:80px;border:1px solid #000;color:#000;height:20px;margin:0 0 0 100px;padding: 2px 2px 2px 5px;}


/** NOTICES AND ERRORS**/
div.message {clear: both;color: #f00;font-weight: normal;margin: 0;padding: 0;}
.success{color:#B43F57;}
div #flashMessage{margin:0 0 10px 0;}
div.error-message {clear: both;color: #f00;font-weight: normal;margin:3px 0 0 0;}
p.error {color: #f00;padding: 0.8em;margin: 1em 0;}
p.error em {color: #f00;font-weight: normal;}
.notice {color: #FF8000;display: block;padding: 0.8em;margin: 1em 0;}
/* ==|== non-semantic helper classes ======================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
	a, a:visited { text-decoration: underline; }
	/*a[href]:after { content: " (" attr(href) ")"; }*/
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	div.actions{display:none}
	#bottomLeft{display:none}
	div.index{width:100%;}
	#footer{display:none;}
	#menuLeft{display:none;}
	#topLeft{display:none;}
	.noprint{display:none;}
}