/* CSS Document */
body
{margin:0; text-align: center; background-image: url(images/studiok.gif); font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5 {padding-bottom:0.5em; margin:0;} 
h2 {letter-spacing:1px; font-variant:small-caps; font-size:14px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid; padding-bottom:0.2em; margin-bottom:0.5em;}
p, ul, ol, li, a {padding:0; margin:0;font-size:11px;}
ul, ol {list-style:none;}
li {padding-left:1em; padding-top:0.2em;}
table {border-collapse:collapse; border:none;}
td {vertical-align:top; padding:0; margin:0;}
a {cursor:pointer;}
a:hover {text-decoration:none;}
div#header {position:relative; text-align:left; background-color:#FFFFFF}
div#h-flash{float:left; background-color:#FFFFFF}
div#h {text-align:right; background:transparent; height:6.5em; vertical-align:text-bottom;}
div#h-txt  {padding-top:4.8em;}
div#h-txt h1 {padding:0 1em; display:inline; font-size:12px; color:#666666; vertical-align:bottom; font-weight:normal;}
div#h-txt a {font-size:12px; color:#666666; text-decoration:none;}
div#h-txt a:hover {text-decoration:underline;}

div#fond
{ margin:0 auto; color:#666666; width:84em; background:#FFFFFF;}
div#menu-flash
{position:relative; background-color:#FFFFFF; text-align:left; margin:0; padding:0; width:84em; height:23em; background-color:#FFFFFF}
div#contenu
{position:relative; margin:0 0 0 32em; border:0; padding:0.5em 0.5em 5em 0; text-align:justify; vertical-align:top;}
div#contenu-gauche
{float:left; width:31em; color:#666666; margin-top:0.5em; background-color:#FFFFFF}

div#contenu-gauche-haut {text-align:left; background:transparent url(images/fond-gauche-haut.png) no-repeat top right; padding:2em 2em 0.5em 0.5em;}
div#contenu-gauche-haut a {text-decoration:none;}
div#contenu-gauche-haut img {width:28em; border:0; }
div#contenu-gauche-haut h2 {padding:0 0 0.5em 0; margin:0; letter-spacing:0px; font-variant:small-caps; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:none; line-height:0.8em; }

div#contenu-gauche-bas { font-family:Arial, Helvetica, sans-serif;font-size:10px; text-align:left; padding:0 2em 3em 0.5em ; background:transparent url(images/fond-gauche-bas.png) no-repeat bottom right; text-align:left;}
div#contenu-gauche-bas h2 {padding:0.2em 0; margin:0; border-bottom:0;}
div#contenu-gauche-bas h3 {padding:0.7em 0 0 0; margin:0; border-bottom:0; font-size:10px;}
div#contenu-gauche-bas p {font-size:10px; margin-top:0.3em;}
div#contenu-gauche-bas .tableRef {margin:0.5em 0 0.5em 1.5em; width:17em; float:right;}
.clear {clear:both; height:1px; margin:0; padding:0;}

div#footer .bp {background:url(images/fond-bp.png) no-repeat left top; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fond-bp.png', sizingMethod='image'); width:840px; height:15px; margin-bottom:15px;  margin:0 auto; }
div#footer {position:relative; margin:0 auto; padding:0; color:#999999; width:840px; height:150px; overflow:visible;}
div#footer a {color:#999999; text-decoration:none;}
div#footer a:hover {text-decoration:underline;}
div#footer p { padding-bottom:0.2em;}

div#contenu-gauche-bas-ref
{font-size:11px; text-align:left; font-family:Arial, Helvetica, sans-serif;}


.contenu-services
{margin:0.5em 0 1.5em 1em; padding:0 0 0 1em; text-align:justify; vertical-align:top; position:relative; border-left:1px solid #663366; display:none;}
.contenu-services p {padding-bottom:0.3em;}
.contenu-services-a {display:block; padding-top:0.7em;font-weight:bold; }
.contenu-services-a-on {display:block; padding-top:0.7em;font-weight:bold; }

.contenu-ref-left {float:left; width:26em; position:relative;}
.contenu-ref-left {font-size:11px;}
.contenu-ref-left li {display:inline; padding:0; margin:0;}
.contenu-ref-left h3 {padding:0.5em 0 0 0; margin:0;font-size:11px;}
.contenu-ref-left img {margin:0 0.5em 0.5em 0; border:2px solid #FFFFFF;}
.contenu-ref-left a {color:#FFFFFF; border-color:#FFFFFF;}
.contenu-ref-left a:hover {color:#990000;border-color:#990000;}

.contenu-ref-right {margin-left:27.5em; background:transparent;}
.contenu-ref-right h3 {padding:0.5em 0 0 0; margin:0;font-size:11px;}

.desc-site-ref { display:none;}
.desc-site-ref .desc .lien_ext {color:#666666; text-decoration:none;}


.contact-form-global {padding-top:1.5em;}
.contact-form-int {color:#336633; font-weight:bold; float:left; width:80px;}
.contact-form-cha {margin-bottom:1em; padding-left:85px;}
.contact-form-err {margin-top:0.5em; color:#CC0000; font-style:italic; font-weight:bold;}
.contact-form-submit { text-align:center;}
.contact-form-cha input, .contact-form-cha textarea {color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}



div#aide-public {position: absolute; width:300px; z-index:5000; background-color:#FFFFFF; border:2px solid #990000; padding:15px; cursor:move;opacity:0.9; filter: alpha(opacity=90);}
div#aide-public { left:10px; top:10px;}
div#aide-public h2 {text-align:center;}
div#aide-public p {text-align:left;}