@font-face {
    font-family: 'BPdotsLight';
    src: url('../fonts/BPdots-fontfacekit/BPdotsLight-webfont.eot');
    src: url('../fonts/BPdots-fontfacekit/BPdotsLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BPdots-fontfacekit/BPdotsLight-webfont.woff') format('woff'),
         url('../fonts/BPdots-fontfacekit/BPdotsLight-webfont.ttf') format('truetype'),
         url('../fonts/BPdots-fontfacekit/BPdotsLight-webfont.svg#BPdotsLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/Colaborate-fontfacekit/ColabThi-webfont.eot');
    src: url('../fonts/Colaborate-fontfacekit/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Colaborate-fontfacekit/ColabThi-webfont.woff') format('woff'),
         url('../fonts/Colaborate-fontfacekit/ColabThi-webfont.ttf') format('truetype'),
         url('../fonts/Colaborate-fontfacekit/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../fonts/Colaborate-fontfacekit/ColabLig-webfont.eot');
    src: url('../fonts/Colaborate-fontfacekit/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Colaborate-fontfacekit/ColabLig-webfont.woff') format('woff'),
         url('../fonts/Colaborate-fontfacekit/ColabLig-webfont.ttf') format('truetype'),
         url('../fonts/Colaborate-fontfacekit/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fonts/Colaborate-fontfacekit/ColabReg-webfont.eot');
    src: url('../fonts/Colaborate-fontfacekit/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Colaborate-fontfacekit/ColabReg-webfont.woff') format('woff'),
         url('../fonts/Colaborate-fontfacekit/ColabReg-webfont.ttf') format('truetype'),
         url('../fonts/Colaborate-fontfacekit/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../fonts/Colaborate-fontfacekit/ColabMed-webfont.eot');
    src: url('../fonts/Colaborate-fontfacekit/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Colaborate-fontfacekit/ColabMed-webfont.woff') format('woff'),
         url('../fonts/Colaborate-fontfacekit/ColabMed-webfont.ttf') format('truetype'),
         url('../fonts/Colaborate-fontfacekit/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../fonts/Colaborate-fontfacekit/ColabBol-webfont.eot');
    src: url('../fonts/Colaborate-fontfacekit/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Colaborate-fontfacekit/ColabBol-webfont.woff') format('woff'),
         url('../fonts/Colaborate-fontfacekit/ColabBol-webfont.ttf') format('truetype'),
         url('../fonts/Colaborate-fontfacekit/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Lobster13Regular';
    src: url('../fonts/Lobster-fontfacekit/Lobster_1.3-webfont.eot');
    src: url('../fonts/Lobster-fontfacekit/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lobster-fontfacekit/Lobster_1.3-webfont.woff') format('woff'),
         url('../fonts/Lobster-fontfacekit/Lobster_1.3-webfont.ttf') format('truetype'),
         url('../fonts/Lobster-fontfacekit/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
background-image:url('../files/img/bckgrdstripe.png');
color: #333333;
font-family: 'ColaborateThinRegular', 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 14px;
text-align: justify;
background-color: transparent;
padding:0;
margin:0;
}

b
{
}

.left
{
text-align: left;
float:left;
clear:left;
}

.right
{
text-align: right;
float:right;
clear:right;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

A
{
text-decoration:none;
color: #006699
}

A:link
{
text-decoration:none;
color: #006699
}

A:visited
{
text-decoration: none;
color: #006699
}

A:hover
{
text-decoration:underline;
color: #99CC99
}

A:active
{
text-decoration:none;
color: #900;
}

ul
{
list-style-type: circle;
list-style-position: inside;
}

img
{
margin-top:3px;
margin-bottom:3px;
margin-left:3px;
margin-right:3px;
padding: 0px;
border-width: 0px;
}

hr
{
width: 100%;
border-color: #006699;
border-width: 1px 0 0 0;
border-style:dotted;
margin-top:0px;
margin-bottom:0px;
}

textarea
{
font-family: 'helvetica', 'trebuchet ms', arial, sans-serif;
font-size: 14px;
width:100%;
text-align: justify;
}

input
{
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 14px;
}

fieldset {
border-width: 0px;
}

table {
font-family: 'ColaborateThinRegular','trebuchet ms', helvetica, arial, sans-serif;
font-size: 14px;
}

td {
align: top;
}

.searchform {
display: inline;
border: 0px;
}

.clearer {
clear: both;
}

.highlight {
color:#f00;
background-color:#fc6;
}

.blinks
{
line-height: 10px;
text-align: right;
}
A.blinks
{
color: #777;
}

#page_frame
{
width:800px;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:0px;
}

#header
{
padding:5px;
height:40px;
margin-top:10px;
margin-bottom:5px;

}

#menu
{
font-family:  'BPdotsLight',Helvetica,Arial,Verdana,sans-serif;
font-size: 16px;
padding-left:20px;
padding-right:20px;
padding-top: 5px;
padding-bottom:5px;
background-color:#fff;
height:20px;
}

#content
{
padding:10px;
text-align: justify;
min-height: 450px;
background-color:#fff;
}

#title
{
font-family:  'BPdotsLight',Helvetica,Arial,Verdana,sans-serif;
font-size: 30px;
padding-left:20px;
padding-top: 20px;
padding-bottom:5px;
background-color:#fff;
}

#footer
{
border-top: 1px #006699 dotted;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background-color:#fff;
height:20px;
}

#logo
{
font-family:'BPdotsLight';
font-size: 40px;
float:right;
font-weight:100;
margin-right:0px;
}

#logo  A, #logo A:hover,#logo  A:visited {
text-decoration:none;
color: #006699;
float:right;
}

.categorie_menu
{
font-family:  'BPdotsLight',Helvetica,Arial,Verdana,sans-serif;
font-size: 15px;
padding-left:20px;
padding-top: 20px;
padding-bottom:5px;
background-color:#fff;
}

.popup{
position:relative;
background-color:#fff;
text-align: left;
float: left;
padding-right:10px;
padding-left:10px;
}

.sub_popup{
width: 100px;
z-index: 99999;
position:absolute;
background-color:#eee;
opacity:90;
padding:5px;
margin-left:0px;
opacity:0.8;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
font-family:'ColaborateThinRegular';
font-size: 14px;
display: inline-block;

}

.hidden {
color:#FFF;
}

.hidden A {
color: #FFF;
}
.hidden A:hover
{
color: #FF9900;
}