/* CSS Document */
@font-face {
    font-family: 'MetrophobicRegular';
    src: url('/fonts/metrophobic-webfont.eot');
    src: url('/fonts/metrophobic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/metrophobic-webfont.woff') format('woff'),
         url('/fonts/metrophobic-webfont.ttf') format('truetype'),
         url('/fonts/metrophobic-webfont.svg#MetrophobicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0; border:0;  }
html { width:100%; height:100%; margin:0; padding:0; text-align:center;  }
body { width:auto; height:auto; margin:0; padding:0; font-family:'MetrophobicRegular'; font-size:14px; text-align:center; overflow: scroll; color:#000000; overflow:auto; background-color:#8B2974; }
li { list-style-type:none; margin-top:20px; }
a { text-decoration:none; font-weight:normal; color:#336600; }
a:hover { text-decoration:none; font-weight:normal; color:#9ABA29; }
.hr { margin:5px 0; padding:0; border:none; background:none; }
h1 { width:auto; height:30px; line-height:30px; vertical-align:bottom; font-size:16px; font-weight:normal; color:#6B1E60; margin-top:20px;  border-bottom:dotted 1px #6B1E60; }
h2 { width:auto; height:40px; line-height:40px; vertical-align:bottom; font-size:20px; font-weight:normal; color:#6B1E60; margin:40px 50px;;  border-bottom:dotted 1px #6B1E60; }
h3 { font-size:14px; font-weight:normal; color:#085A72; margin:0 15px 20px 15px; }
h4 { font-size:14px; font-weight:normal; color:#085A72; margin:5px 0 0 0; }
p { margin:0 7px; line-height:17px; text-align:justify; }
textarea { overflow:auto; }
a span { display: none; }
a:hover span { display:inline; width:auto; height:auto; position:absolute; left:50px; bottom:-10px; border:solid 1px #661453; padding:5px; background-color:#FFFFFF; }
/* Blocs de construction */
#bloc-fixed { width:100%; position:fixed; display:block; z-index:+1000; text-align:center;  }
#conteneur-fixed { width:1019px; margin:0 auto; position:relative; }
#conteneur { width:1019px; height:5px; background-image:url(/images/fd-body.gif); background-repeat:repeat-y; background-position:center; height:auto; margin:0 auto; font-family:'MetrophobicRegular'; position:relative; top:0px; left:0px; }
#ss-conteneur { margin:0 40px; }
#entete { width:940px; height:130px; position:relative; background-image:url(/images/entete.jpg); background-repeat:no-repeat; margin:0 auto;  }

#contenu { width:auto; height:auto; position:relative; text-align:left; }
#centre {  width:717px; height:auto; float:left; position:relative; }
#pied { height:auto; width:auto; background-image:url(/images/fd-pied.gif); background-repeat:repeat-x; margin:0 auto; text-align:center; padding:40px 0 20px 0; color:#333; font-size:12px; }
#logo { position:absolute; top:0px; left:0; border:none; }

/* Divers */
.error_msg { font-size:14px; color:#CC0000; }
.texte-infos { color:#333333; margin:10px 0; }
.txt { width:auto; height:auto; padding:10px; margin:10px; color:#02485B; background-color:#E8EEE8; border:dotted 1px #1D5C19; }
.module { width:430px; float:left; position:relative; }
.description { text-align:justify; color:#333333; font-size:12px; margin:15px; }
.vignette { float:left; margin:0 10px 10px 0; padding:4px; border:solid 1px #999999; }
.opaque { filter:alpha(opacity=11); -moz-opacity:0.11; opacity:0.11; }

/* Formulaires */
label { width:150px; text-align:right; margin:5px 5px 0 0; float:left; color:#6F1F5B; }
input { font-size:11px; width:100px; height:14px; float:left; margin:5px 0 0 5px; }
select { font-size:11px; width:100px; float:left; margin:5px 0 0 5px; }
#colonne-gauche select { width:auto; font-size:inherit; margin:0; margin-top:5px; float:none; }
#FlabellComponent { margin:10px 0 10px 50px; }