body     { font-size: 11px; font-family: Verdana; font-style: normal; background-color: #f2f2f2; text-align: left; margin: 0; padding: 0 }
*{ margin: 0; padding: 0; list-style-type: none; }
a:link { color: #4591a4 }
a:hover  { color: #4591a4; text-decoration: none; background-color: #eff }
a:visited { color: #4591a4 }
img { border-style: none }
.hidden { margin-left: -5000px; display: none; }
.clean { clear: both; }
blockquote { margin-left: 15px; }

#container  { text-align: left; margin-right: auto; margin-left: auto; padding: 5px 10px 10px; width: 770px; height: auto }
#page     { font-style: normal; background-color: white; text-align: left; margin-right: auto; margin-left: auto; padding: 10px; width: 770px; height: auto; float: left; border: solid 1px silver }
#header   { background-image: url(images/header.jpg); background-repeat: no-repeat; margin-bottom: 15px; width: 450px; height: 195px; float: left }
#header h1    { color: #043882; font-size: 1.4em; font-family: "Trebuchet MS"; margin-top: 0; padding-top: 10px; width: 200px }
#caracteres { font-size: 1em; margin-top: 5px; margin-left: 20px }
#caracteres a { color: black; text-decoration: underline }
#bloc_menu  { background-image: url(images/bloc_menu.jpg); background-repeat: no-repeat; width: 292px; height: 195px; float: right }
#bloc_menu ul { list-style-type: none; margin: 0; padding: 1em 0 0; width: 292px; float: right }
#bloc_menu li   { color: white; font-size: 12px; font-family: Verdana; background-image: url(images/puce_menu_off.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0.7em; margin-left: 10px; padding-left: 20px  }
#bloc_menu li li { color: white; font-size: 12px; font-family: Verdana; background-image: url(../images/puce.gif); background-repeat: no-repeat; background-position: left center; margin-top: 0.7em; margin-left: 10px; padding-left: 20px; }
#bloc_menu a { color: white; text-decoration: none }
#bloc_menu a:hover  { color: white; text-decoration: underline; background-color: transparent }
#bloc_menu .current  { color: #ffa500; background-image: url(images/puce_menu_on.gif); background-repeat: no-repeat; margin-bottom: 0.7em; margin-left: 10px }
#bloc_menu .current a { color: #ffe508; background-image: none; margin-left: 0; }
#content { width: 780px ; float: left; }
#col1   { width: 250px; float: left   }
#col2    { margin-left: 250px; }
#colo { margin-left: 20px; }
#colo1 { width: 140px; height: 188px; float: left; border: solid 1px black; }
#colo2 { width: 140px; height: 188px; float: left; margin-right: 28px; margin-left: 28px; border: solid 1px black; }
#colo3 { width: 140px; height: 188px; float: left; border: solid 1px black; }
#colo p { padding-top: 8px; padding-right: 4px; padding-left: 4px; }
#colo p a { text-decoration: underline !important; }
#col2 a { text-decoration: underline; }
#bloc_left      { background-color: #e2ecf5; margin-bottom: 10px; width: 230px; float: left }
#bloc_left_content  { padding: 10px }
#bloc_left_content a:visited { color: #3b3b3b; font-weight: normal; text-decoration: none; }
#bloc_left_content li a:link { color: #2a2a2a; font-weight: normal; text-decoration: none; }
#bloc_left_content .current { color: #2a2a2a; font-weight: normal; background-color: #d4dee6; text-decoration: none; border: solid thin #9ba2a8; }
#bloc_left_content a:hover  { font-weight: normal; text-decoration: none; background: #d4dee6  }
#bloc_left1,  #bloc_left2,  #bloc_left3,  #bloc_left4 { font-size: 1px; background-repeat: no-repeat; width: 9px; height: 9px }
#bloc_left1 { background-image: url(images/corner1.gif); float: left }
#bloc_left2 { background-image: url(images/corner2.gif); float: right }
#bloc_left3 { background-image: url(images/corner3.gif); float: left }
#bloc_left4 { background-image: url(images/corner4.gif); float: right }
#bloc_left h2 { margin: 4px 0 10px }
#bloc_left_content ul  { list-style-type: none;}
#bloc_left_content ul ul { margin-top: 0.7em; list-style-type: none; }
#bloc_left_content li { font-size: 1.1em; list-style-image: url(images/puce_rouge2.gif); margin: 0 0 10px 15px; padding: 0 0 0 5px }
#bloc_left_content li li { font-size: 95%; list-style-image: url(images/dot.gif); }
#transnav { color: #888; font-size: 1.3em; font-family: "Trebuchet MS"; width: 765px; float: left; padding-bottom: 10px; padding-left: 5px; }
#transnav p { float: left; }
#transnav ul { float: right; }
#transnav li { font-size: 0.98em; margin-right: 5px; display: inline; }
#transnav a { color: #888; text-decoration: none; }
#transnav .sep { background-image: url(../images/sep.gif); background-repeat: no-repeat; padding-left: 10px; }
h1  { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 700; background-image: url(images/puce_grise.gif); background-repeat: no-repeat; background-position: 0 2px; padding-bottom: 5px; padding-left: 20px; }
h1.home { background-image: none !important; width: 320px; }
h1 strong { color: #28a0de; }
#col1 h2  { color: #2c2b29; font-size: 14px; font-weight: 700; background-image: url(images/puce_grise.gif); background-repeat: no-repeat; margin-bottom: 1em; padding-bottom: 4px; padding-left: 20px; }
#col2 h2 { color: #454545; font-size: 14px; font-weight: 700; margin-top: 1.5em; margin-bottom: 1em; padding-top: 5px; padding-bottom: 5px; border-top: thin solid orange; border-bottom: thin solid orange; }
h3 { color: #2f518d; font-size: 14px; font-weight: 700; margin-top: 2em; margin-bottom: 1em; }
h2 strong  { color: #2f518d; line-height: 12px;}
#texte { text-align: justify; margin-right: 25px; margin-left: 20px; }
#texte p { margin-bottom: 1em; }
.cadre { margin-right: 15px; margin-bottom: 15px; margin-left: 15px; padding: 5px; border: solid 1px silver; }
.faq_teaser { font-size: 95%; width: 210px; float: left; clear: both; margin-bottom: 2em; }
.faq_teaser p { margin-left: 68px; }
.faq_teaser img { float: left; }
#espace-pro a { color: black; text-decoration: none; padding-right: 10px }
#espace-pro h2   { color: black; font-size: 14px; font-family: Verdana; text-decoration: none; background-image: url(images/puce_verte.gif); background-repeat: no-repeat; width: 180px ; float: left; padding-left: 20px; }
#espace-pro h2 strong  { color: #619d1d; text-decoration: none }
.chapo { color: #7f7f7f; font-size: 110%; font-weight: 700; margin-top: 1em; }
.img_frame { padding: 0.3em; border: solid 1px #7f7f7f; }
.img_left { float: left; margin-right: 1em; margin-bottom: 0.5em; }
.img_right { margin-bottom: 0.5em; float: right; margin-left: 1em; }
.sidenote_right { background-color: #e2ecf5; text-align: left !important; width: 30%; margin-bottom: 0.5em; margin-left: 1em; float: right; padding: 1em; border: solid 1px #c4d8f5; }
.sidenote_left { background-color: #e2ecf5; text-align: left !important; margin-bottom: 0.5em; padding: 1em; width: 30%; float: left; margin-right: 1em; border: solid 1px #c4d8f5; }
.quote { font-size: 110%; font-weight: 700; line-height: 130%; background-color: transparent !important; background-image: url(images/closequote.gif) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: right bottom; text-align: left !important; width: 40%; float:right; margin:10px; padding:0 15px 5px; }
.quote:first-letter { background-color: transparent !important; background-image: url(images/openquote.gif) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: left 5px; padding:5px 2px 10px 35px!important; padding /**/:0px; /* removing quote graphic in IE5+ */ }
.nodot { background-image: none !important; }
.forme { font-size: inherit; border-collapse:collapse;empty-cells:show; }
.forme td { text-align: left; padding: 3px 5px; border: solid 1px #aba8b0; }
.datatable { font-size: 120%; border-collapse: separate ; border: solid 1px #666; }
.datatable tr td{ font-family: "lucida grande", verdana, sans-serif; font-size: 8pt; padding: 3px 8px; background: #fff; }
.datatable thead td{ color: #fff; background-color: #c44f15; font-weight: bold; border-bottom: medium none}
.datatable tbody td{ border-left: 1px solid #D9D9D9; }
.datatable tbody tr.even td{ background: #eee; }
.datatable tbody tr.selected td{ background: #3d80df; color: #ffffff; font-weight: bold; border-left: 1px solid #346DBE; border-bottom: 1px solid #7DAAEA;}
.datatable tbody tr.ruled td{ color: #000; background-color: #c6e3ff;  border-color: #3292fc; }
.left { float: left; margin-top: 1em; margin-right: 1em; }
.right { margin-top: 1em; margin-bottom: 1em; float: right; margin-left: 1em; }
.blue-list { margin-top: 1em; }
.blue-list li { background-image: url(images/blue_bullet.gif); background-repeat: no-repeat; background-position: 0 2px; margin-top: 2px; padding-left: 15px; }
.blue-list li li { background-image: url(images/blue_bullet2.gif); background-repeat: no-repeat; background-position: 0 4px; }
.alert {background: #fff6bf url(images/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
ol { margin-top: 1em; margin-left: 20px; }
/*FAQ*/
#faq dt { color: #666; font-size: 1.2em; font-weight: normal; background-color: #f6f6f6; width: 100%; padding: 5px; cursor: pointer; border-style:solid; border-width:1px; }
#faq dd { color: #444; background-color: #e2ecf5; width: 100%; margin-bottom: 5px; padding: 5px; border-left: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; }
#nav_bas { font-weight: 700; text-align: center; width: 490px; float: left; margin-top: 1em; margin-bottom: 1em; }
#nav_bas a { color: #2d2d2d; text-decoration: none; }
dt { color: #043882; font-size: 1.3em; font-weight: bold; margin-top: 1em; }
hr { color: #043882; background-color: #043882; height: 1px; border: 0; }
.nojustify { text-align: left !important; }
#auto_retract_normal_accordion { float: left; }
.glossaire { color: #3477a4; background-image: url(images/glossaire.gif); background-repeat: no-repeat; text-decoration: underline; padding-left: 10px; }
#footer { float: right; padding-bottom: 20px; }
#footer a { color: #9f9f9f; text-decoration: none; }
.bt_antineo { vertical-align: top; }
#swf { margin-left: -15px; }