body { margin: 0px; border: 0px; padding: 0px; background-color: #cccccc; text-align: center; color: #000000; background-image: url(./../../_Shared/IMG/Background.jpg); background-repeat: repeat-x;; }
#Page { position: relative; background-color: #ffffff; margin: 0px auto; border: 0px; padding: 0px; width: 960px; font-family: Arial, Verdana, Sans-serif; font-size: 1em; color: #000000; text-align: left; }
#AreaTop { clear: both; background-color: #ffffff; margin: 0px; border: 0px; padding: 0px; }
#AreaTopMenu { clear: both; background-color: #b1c5cd; margin: 0px; border: 0px; padding: 0px; }
#AreaTopSeparator { clear: both; background-color: #a6d7cf; margin: 0px; border: 0px; padding: 0px; }
#AreaTopSubMenu { clear: both; background-color: #a6d7cf; margin: 0px; border: 0px; padding: 0px; }
#AreaMiddle { clear: both; width: 940px; background-color: #ffffff; margin: 0px; border: 0px; padding: 10px; }
#AreaBottom { clear: both; background-color: #c1dce1; margin: 0px; border: 0px; padding: 0px; }
/*  */
p { margin: 0px; padding: 0px; text-align: justify; font-size: 0.8em; }
img { border: 0px; }
dl { text-align: justify; font-size: 0.8em; }
ul { text-align: justify; font-size: 0.8em; list-style-type: square; }
a { color: #999999; }
a:hover { color: #cc0000; background-color: #f0f0f0; text-decoration: none; }
h1 { text-align: left; font-size: 1.2em; margin-top: 15px; margin-bottom: 10px; color: #56a7c4; padding-top: 10px; }
h2 { text-align: left; font-size: 1.0em; color: #56a7c4; border-bottom: 1px solid #999999; }
h3 { text-align: left; font-size: 0.8em; margin-bottom: 10px; color: #56a7c4; }
h4 { text-align: left; font-size: 0.7em; margin-bottom: 5px; color: #56a7c4; }
input, select { font-family: Arial, Verdana, Sans-serif; font-size: 1.0em; }
textarea { font-family: Arial, Verdana,Sans-serif; font-size: 1.0em; }
/* */
Label { font-family: Courier New, Arial, Verdana, Sans-serif; text-align: left; color: #999999; }
/* TOP  */
#AreaTop p { font-size: 0.6em; color: #999999; }
#AreaTop p.pRight { font-size: 0.6em; color: #999999; text-align: right; }
#AreaTop a.ON { color: #999999; background-color: #ffffff; text-decoration: none; }
#AreaTop a.ON:hover { color: #999999; background-color: #cccccc; text-decoration: underline; }
#AreaTop a.OFF { color: #999999; background-color: #ffffff; text-decoration: none; }
#AreaTop a.OFF:hover { color: #cc0000; background-color: #f0f0f0; text-decoration: underline; }
#AreaTop p.pTitle { font-size: 1.0em; color: #ffffff; text-align: center; }
#AreaTop a.aTitle { color: #ffffff; text-decoration: none; }
#AreaTop a.aTitle:hover { color: #ffffff; text-decoration: underline; }
/* TOP MENU */
#AreaTopMenu p { padding: 10px; margin: 0px; font-size: 0.7em; color: #ffffff; text-align: left; font-weight: bold; }
#AreaTopMenu a.ON { color: #ffffff; text-decoration: none; }
#AreaTopMenu a.ON:hover { color: #cc0000; text-decoration: underline; }
#AreaTopMenu a.OFF { color: #333333; text-decoration: none; }
#AreaTopMenu a.OFF:hover { color: #cc0000; text-decoration: underline; }
/* TOP SEPARATOR */
#AreaTopSeparator p { font-size: 0em; line-height: 0em; }
/* TOP SUB MENU  */
#AreaTopSubMenu p { padding: 10px; margin: 0px; font-size: 0.7em; color: #ffffff; text-align: left; font-weight: bold; }
#AreaTopSubMenu a.ON { color: #ffffff; text-decoration: none; }
#AreaTopSubMenu a.ON:hover { color: #cc0000; background-color: #ffffff; text-decoration: underline; }
#AreaTopSubMenu a.OFF { color: #666666; text-decoration: none; }
#AreaTopSubMenu a.OFF:hover { color: #cc0000; background-color: #ffffff; text-decoration: underline; }
/* CONTENT MIDDLE*/
#AreaMiddle h1.h1Introduction { margin-top: 0px; margin-bottom: 0px; color: #56A7C4; border-bottom: 1px solid #666666; }
#AreaMiddle h3.h3Titre { margin-top: 15px; margin-bottom: 0px; }
#AreaMiddle h4.h4Small2 { text-align: left; font-size: 0.7em; margin-top: 3px; margin-bottom: 3px; color: #56a7c4; }
#AreaMiddle h4.h4LineTop { border-top: 1px solid #999999; }
#AreaMiddle p.pSmall2 { text-align: left; font-size: 0.7em; line-height: 1em; }
#AreaMiddle p { line-height: 1.3em; }
#AreaMiddle p.pImage { line-height: 0em; }
#AreaMiddle p.pLeft { text-align: left; }
#AreaMiddle p.pRemark { line-height: 1.1em; font-style: italic; }
#AreaMiddle p.pSmall { font-size: 0.7em; line-height: 1.1em; }
#AreaMiddle p.pSmallRemark { font-size: 0.7em; line-height: 1.1em; font-style: italic; }
#AreaMiddle p.pIntroduction { margin: 10px; font-size: 0.7em;  line-height: 1.5em; }
/* BOTTOM  */
#AreaBottom p { font-size: 0.6em; }
#AreaBottom p.pLeft { font-size: 0.6em; color: #ffffff; text-align: center; margin: 5px; }
#AreaBottom p.pCenter { font-size: 0.6em; color: #ffffff; text-align: center; margin: 5px; }
#AreaBottom p.pRight { font-size: 0.6em; color: #ffffff; text-align: right; margin: 5px; }
#AreaBottom a { color: #666666; text-decoration: none; }
#AreaBottom a:hover { color: #cc0000; text-decoration: underline; }
/* */