#container
{
    background-image: url('../images/bg-top.png');
    background-repeat: repeat-x;
    min-height: 400px;
}

/* Header */

#header
{
    background-image: url('../images/bg-top-cloud.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    width: 850px;
    height: 248px;
    margin: 0 auto;
    padding-top: 20px;
}
#header-extranet
{
    background-image: url('../images/bg-top-cloud.jpg');
    background-position: top right;
    background-repeat: no-repeat;
    width: 850px;
    margin: 0 auto;
    padding-top: 20px;
    position: relative;
}
#heading-extranet
{
    position: absolute;
    left: 300px;
    top: 30px;
    font-size: 32pt;
    font-weight: bolder;
    color: #00aeec;
}
#logo
{
    margin-left: 25px;
    width: 200px;
}
#heading-image
{
    width: 350px;
    height: 262px;
    position: absolute;
    top: 0;
    border: 0px solid #FF0000;
    z-index: 9;
    margin-left: 495px;
}
#heading-table
{
    background-image: url('../images/bg-heading-table.png');
    background-position: bottom;
    background-repeat: no-repeat;
    width: 850px;
    height: 162px;
    margin: 0;
}
#heading-motto
{
    width: 460px;
    height: 48px;
    border: 0px solid #999900;
    padding-left: 24px;
    padding-top: 32px;
    padding-bottom: 2px;
}
#heading-intro
{
    width: 430px;
    height: 52px;
    border: 0px solid #990099;
    padding-left: 24px;
    padding-top: 18px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #4060a4;
    text-align: justify;
}
#heading-zip-search
{
    width: 430px;
    height: 62px;
    border: 0px solid #990099;
    padding-left: 24px;
    padding-top: 7px;
}
#heading-zip-search img
{
    float: left;
}
#heading-zip-search table
{
    float: left;
    margin-left: 12px;
    margin-top: 11px;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #4060a4;
    text-align: justify;
}
#heading-zip-search table tr td
{
    padding-bottom: 3px;
}
#id5
{
    width: 86px;
    color: #00aeec;
    padding-left: 3px;
}


/* Main content - home page */

#main
{
    border: 0px solid #999999;
    width: 850px;
    margin: 0 auto;
    margin-top: 10px;
}

#col-left, #col-right
{
    display: inline;
    border: 0px solid #000099;
    min-height: 250px;
}
#col-left
{
    width: 230px;
    float: left;
    margin: 0;
}
#col-center
{
    float: left;
    border: 0px solid #0000FF;
    min-height: 250px;
    width: 409px;
    margin: 0;
}
#col-right
{
    width: 211px;
    float: right;
    margin: 0;
}
#content
{
    text-align: justify;
    padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Arial;
    font-size: 11px;
    position: relative;
}

/* Main content - internal page */
#col-center-int
{
    float: left;
    border: 0px solid #0000FF;
    min-height: 250px;
    width: 629px;
    margin: 0;
}
#content-int
{
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
}


.break
{
    clear: both;
}

/*********   TABLES   ************/
/* Tables common */
.table-1-separator, .table-2-separator, .table-3-separator, .table-4-separator
{
    background-image: url('../images/table-1-separator-bg.png');
    background-repeat: repeat-x;
    height: 2px;
    padding: 0;
    margin: 0;
    margin-left: -20px;
    margin-right: -20px;
}
.separator-extra
{
    margin-bottom: 4px;
}

/* Table 1:  230px width bright */

div.table-1
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.table-1-top
{
    background-image: url('../images/table-1-top.png');
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 10px;
    font-size: 1px;
    margin: 0;
}
.table-1-middle
{
    background-image: url('../images/table-1-bg.png');
    background-repeat: repeat-y;
    display: block;
    width: 180px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0;
}
.table-1-bottom
{
    background-image: url('../images/table-1-bottom.png');
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 20px;
    margin: 0;
}
.table-1-content-header
{
    background-image: url('../images/arrow-1.gif');
    background-position: 0px 6px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    border: 0px solid #0000FF;
    height: 26px;
    font-size: 14px;
    width: 140px;
    vertical-align: bottom;
}
div.table-1-content-header img
{
 /*   vertical-align: text-bottom;*/
    vertical-align: -40%;
/*    vertical-align: bottom;*/
}
.table-1-content-image
{
    width: 60px;
    height: 60px;
    float: left;
    background-repeat: no-repeat;
    display: block;
    margin-top: 10px;
}
.table-1-content-text
{
    width: 110px;
    padding-top: 7px;
    padding-bottom: 6px;
    float: right;
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
    color: #2857a5;
}


/* Table 2:  230px width dark */

div.table-2
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.table-2-top
{
    background-image: url('../images/table-2-top.png');
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 10px;
    font-size: 1px;
    margin: 0;
}
.table-2-middle
{
    background-image: url('../images/table-2-bg.png');
    background-repeat: repeat-y;
    display: block;
    width: 180px;
    padding-left: 25px;
    padding-right: 25px;
/*    height: 90px;*/
	padding-bottom: 10px;
    margin: 0;
}
.table-2-bottom
{
    background-image: url('../images/table-2-bottom.png');
    background-repeat: no-repeat;
    display: block;
    width: 230px;
    height: 20px;
    margin: 0;
}
.table-2-content-header
{
    background-image: url('../images/arrow-2.gif');
    background-position: 0px 6px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    border: 0px solid #0000FF;
    height: 26px;
    font-size: 14px;
    width: 140px;
    vertical-align: bottom;
}
div.table-2-content-header img
{
 /*   vertical-align: text-bottom;*/
    vertical-align: -40%;
/*    vertical-align: bottom;*/
}
.table-2-separator
{
    background-image: url('../images/table-2-separator-bg.png');
}
.table-2-content-image
{
    width: 60px;
    height: 60px;
    float: left;
    background-repeat: no-repeat;
    display: block;
    margin-top: 10px;
}
.table-2-content-text
{
    width: 110px;
    padding-top: 7px;
    padding-bottom: 6px;
    float: right;
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
    color: #2857a5;
}


/* Table 3:  211px width bright */

div.table-3
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.table-3-top
{
    background-image: url('../images/table-3-top.png');
    background-repeat: no-repeat;
    display: block;
    width: 211px;
    height: 10px;
    font-size: 1px;
}
.table-3-middle
{
    background-image: url('../images/table-3-bg.png');
    background-repeat: repeat-y;
    display: block;
    width: 161px;
    padding-left: 25px;
    padding-right: 25px;
}
.table-3-bottom
{
    background-image: url('../images/table-3-bottom.png');
    background-repeat: no-repeat;
    display: block;
    width: 211px;
    height: 20px;
}
.table-3-content-header
{
    background-image: url('../images/arrow-1.gif');
    background-position: 0px 6px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    border: 0px solid #0000FF;
    height: 26px;
    font-size: 14px;
    width: 121px;
    vertical-align: bottom;
}
div.table-3-content-header img
{
 /*   vertical-align: text-bottom;*/
    vertical-align: -40%;
/*    vertical-align: bottom;*/
}
.table-3-content-text
{
    width: 161px;
    padding-top: 7px;
    padding-bottom: 6px;
    text-align: justify;
    font-family: Arial;
    font-size: 11px;
    color: #2857a5;
}
.table-3-content-image
{
    width: 160px;
    height: 99px;
    background-repeat: no-repeat;
    display: block;
    margin-top: 3px;
    padding-bottom: 10px;
}
.table-3-content-text a.table-3-content-link
{
    color: #f7931e;
}
.table-3-content-separator
{
    background-image: url('../images/table-3-separator-bg.png');
    background-repeat: repeat-x;
    height: 1px;
    padding: 0;
    margin: 0;
    margin-top: 13px;
    margin-bottom: -10px;
    width: 160px;
/*    margin-left: -20px;
    margin-right: -20px;*/
    font-size: 1px !important;
    line-height: 1px;
}

/* Table 4:  211px width dark */

div.table-4
{
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
.table-4-top
{
    background-image: url('../images/table-4-top.png');
    background-repeat: no-repeat;
    display: block;
    width: 211px;
    height: 10px;
    font-size: 1px;
    margin: 0;
}
.table-4-middle
{
    background-image: url('../images/table-4-bg.png');
    background-repeat: repeat-y;
    display: block;
    width: 161px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    margin: 0;
}
.table-4-bottom
{
    background-image: url('../images/table-4-bottom.png');
    background-repeat: no-repeat;
    display: block;
    width: 211px;
    height: 20px;
    margin: 0;
}
.table-4-content-header
{
    background-image: url('../images/arrow-2.gif');
    background-position: 0px 6px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    padding-left: 20px;
    border: 0px solid #0000FF;
    height: 26px;
    font-size: 14px;
    width: 140px;
    vertical-align: bottom;
}
div.table-4-content-header img
{
 /*   vertical-align: text-bottom;*/
    vertical-align: -40%;
/*    vertical-align: bottom;*/
}
.table-4-separator
{
    background-image: url('../images/table-2-separator-bg.png');
}
div.user-name
{
    color: #4060A4;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Table internal page:  629px width bright */

div.table-int
{
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}
.table-int-top
{
    background-image: url('../images/table-int-top.png');
    background-repeat: no-repeat;
    display: block;
    width: 629px;
    height: 10px;
    font-size: 1px;
}
.table-int-middle
{
    background-image: url('../images/table-int-bg.png');
    background-repeat: repeat-y;
    display: block;
    width: 579px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
}
.table-int-bottom
{
    background-image: url('../images/table-int-bottom.png');
    background-repeat: no-repeat;
    display: block;
    width: 629px;
    height: 10px;
    padding-bottom: 10px;
}

h2.internal-page
{
    position: relative;
    top: -5px;
    padding: 0;
    margin: 0;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #00aeec;
}



/* Login form */

table.form-login
{
    font-family: Arial;
    font-size: 11px;
    color: #4060A4;
    padding: 0;
    margin: 0;
    width: 100%;
}
td.form-label
{
    padding-top: 9px;
    width: 72px;
}
td.form-input-2
{
    padding-top: 9px;
    width: 108px;
    text-align: right;
}
td.form-input-4
{
    padding-top: 9px;
    width: 90px;
    text-align: right;
}

#id1-2
{
    width: 104px;
}
#id2-2
{
    width: 74px;
}
#id1-4
{
    width: 88px;
}
#id2-4
{
    width: 58px;
}
input.button-ok
{
    padding-left: 2px;
    vertical-align: bottom;
}
.subscribe
{
    padding-top: 16px;
    padding-bottom: 7px;
}
.subscribe a
{
    font-family: Arial;
    font-size: 10px;
    font-weight: 900;
    text-decoration: underline;
    color: #4060a4;
}


/* Footer */
#footer
{
    width: 850px;
    margin: 0 auto;
    font-size: 11px;
}
#footer-top
{
    width: 850px;
    height: 10px;
    background-image: url('../images/table-footer-top.png');
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
}
#footer-middle
{
    background-image: url('../images/table-footer-bg.png');
    background-repeat: repeat-y;
    height: 19px;
    padding-left: 25px;
}
#footer-bottom
{
    width: 850px;
    height: 10px;
    background-image: url('../images/table-footer-bottom.png');
    background-repeat: no-repeat;
    display: block;
    font-size: 1px;
}
#footer-links
{
    width: 400px;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 3px;
 /*   list-style-image: url('../images/arrow-link.png');*/
    list-style: none;
}
#footer-links li
{
    float: left;
  /*  width: 90px;*/
    padding-right: 22px;
}
#footer-links a
{
    font-weight: bold;
    color: #00aeec;
    text-decoration: none;
}
#footer-links a img
{
    padding-right: 5px;
    border: 0;
}
#footer-copyrights
{
    color: #fa9936;
    float: right;
    padding: 0;
    margin: 0;
    margin-right: 24px;
    margin-top: 3px;
}




/**** Content styles *****/

/* Home page */
.content-separator
{
    font-size: 1px;
    width: 369px;
    border-top: 1px solid #00aeec;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}
#content h1
{
    margin: 0;
    padding: 0;
}
#form-map
{
    position: absolute;
/*    top: -374px;*/
    top: 65px;
}
#id4
{
    width: 74px;
}
p.zip-text
{
    font-weight: bold;
    color: #00aeec;
}
#map-france
{
    padding-top: 2px;
    border: 0;
}

/* Regions */

#content p.info
{
    font-weight: bold;
    color: #00aeec;
}
#websites-list
{
    list-style: none;
    padding-left: 2px;
    margin-left: 0;
}
#websites-list li
{
}
#websites-list li a
{
    margin-left: 10px;
    color: #f7931e;
}

/* Internal page */

.content-internal_page p, .content-internal_page ul, .content-internal_page ol
{
    color: #4060a4;
    font-family: Arial;
    font-size: 12px;
}

/* News page */
.news-page-line h4
{
    font-size: 12px;
    padding-top: 8px;
}
.news-page-line h4 a
{
    font-weight: bold;
    text-decoration: underline;
    color: #4362a5;
    padding-left: 2px;
    padding-right: 2px;
}
.news-page-line
{
    font-weight: normal;
    color: #a0a0a2;
}

.news-page-line p
{
    font-family: Arial;
    font-size: 12px;
    color: #4362a3;
    padding-top: 0;
    margin-top: -5px;
}

/* Contact form */
.class-contact-form label
{
    font-family: Arial;
    font-size: 11px;
    color: #4060A4;
    padding-top: 10px;
}
.attribute-subject input, .attribute-subject textarea
{
   /* width: 400px;*/
}
div.message-warning-contact-form
{
    border-color: #00aeec;
}
.class-contact-form .attribute-short
{
    font-family: Arial;
    font-size: 12px;
    color: #4362a3;
}

/* Common */
div.form
{
    padding: 0;
    border: 0;
    margin: 0;
}

/* EXTRANET */
/* Extranet home page */

.content-separator-long
{
    width: 572px;
}

.content-extranet_home_page h2
{
    padding-top: 0px;
    font-family: Arial;
    font-size: 12px;
    color: #f7931e;
}

#last-images
{
    width: 590px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-left: -9px;
    margin-right: -9px;
    font-family: Arial;
    font-size: 11px;
    color: #4362a3;
}
#last-images li
{
    float: left;
    width: 100px;
    padding-right: 9px;
    padding-left: 9px;
}
.flashimage-box
{
    height: 100px;
    vertical-align: middle;
}
.flashimage-desc
{
    padding-top: 5px;
    height: 20px;
    text-align: center;
}

#last-forum
{
    list-style-type: none;
    color: #4362a3;
    font-size: 11px;
}
#last-forum li a
{
    color: #00aeec;
    font-size: 12px;
    font-weight: bold;
}
#la5st-forum li p
{
    color: #4362a3;
    font-size: 11px;
}

#last-events
{
    list-style-type: none;
    color: #4362a3;
    font-size: 12px;
}
#last-events li a
{
    list-style-type: none;
    color: #00aeec;
    font-size: 12px;
    font-weight: bold;
}

#last-docs
{
    list-style-type: none;
    color: #00aeec;
    font-size: 12px;
    font-weight: bold;
}
#last-docs li a
{
    list-style-type: none;
    color: #00aeec;
    font-size: 12px;
    font-weight: bold;
}
#last-docs li a span.doc-desc
{
    font-weight: normal;
}





/* NAVIGATORS */

div.content-navigator
{
    display: block;
}

div.content-navigator div
{
    display: inline;
    text-align: center;
}

div.content-navigator div.content-navigator-separator, div.content-navigator div.content-navigator-separator-disabled
{
    padding-left: 4px;
    padding-right: 4px;
}

div.content-navigator div.content-navigator-arrow
{
    font-size: 150%;
}

div.class-forum-topic table th, div.class-forum table th, div.class-forums table th
{
    font-weight: bold;
}

table.list th
{
    font-weight: bold;
    color: #525345;
    background-color: #dfdfdf;
    white-space: nowrap;
    text-align: left;
    background-image: url('../images/th_bg.png');
    background-repeat: repeat-x;
    background-x-position: left;
    background-y-position: top;
}

/* FORUM */

input.forum-new-reply
{
    margin: 0.75em 0.25em 0.25em 0;
}

input.forum-new-topic
{
    margin: 0.75em 0.25em 0.25em 0;
}

input.forum-keep-me-updated
{
    margin: 0.75em 0.25em 0.25em 0;
}

div.content-view-full div.class-forum-topic table.forum p.date
{
    font-weight: bold;
}

div.content-view-full div.class-forum-topic table.forum p.author-signature
{
    border-top: 1px solid #fff;
    padding-top: 5px;
}

div.content-view-line div.class-forum table.forum
{
    background-image:url(../images/forum_table_bg.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 5px;
}

div.content-view-line div.class-forum table.forum td ul
{
    margin-left: 1.25em;
    padding: 0;
}

div.content-view-line div.class-forum table.forum td ul li
{
    margin: 0;
    padding: 0;
}

div.content-view-line div.class-forum table.forum td ul li a
{
    font-size: 0.7em;
    font-weight: normal;
}

div.content-view-line div.class-forum table.forum th
{
    background-image: url(../images/forum_th_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #E0E0D4;
}

div.content-view-line div.class-forum table.forum td
{
    background-color: #F2F1ED;
}

div.content-view-full div.class-forums table.forum
{
    background-image:url(../images/forum_table_bg.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 5px;
}

div.content-view-full div.class-forums table.forum td ul
{
    margin-left: 1.25em;
    padding: 0;
}

div.content-view-full div.class-forums table.forum td ul li
{
    margin: 0;
    padding: 0;
}

div.content-view-full div.class-forums table.forum td ul li a
{
    font-size: 0.7em;
    font-weight: normal;
}

div.content-view-full div.class-forums table.forum th
{
    background-image: url(../images/forum_th_bg.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #E0E0D4;
}

div.content-view-full div.class-forums table.forum td.last-reply a
{
    background-image:url(../images/last_reply.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.content-view-full div.class-forums table.forum td.forum a
{
    background-image:url(../images/forum.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

div.content-view-full div.class-forums table.forum td.forum div.attribute-short
{
    margin-left: 20px;
}

div.content-view-full div.class-forums table.forum td.last-reply p.date
{
    margin-left: 20px;
}

div.content-view-full div.class-forums table.forum td
{
    background-color: #F2F1ED;
}
div.content-edit div.class-forum-reply, div.content-edit div.class-forum-topic
{
    font-family: Arial;
    font-size: 11px;
    color: #4060a4;
}


/* USER search */
div.content-view-full div.class-user_search
{
    color: #4060a4;
}
#table-container
{
    width: 330px;
    text-align: center;
    margin: 0 auto;
}


#user_search .user-search-field
{
    width: 200px;
}
#user_search select.user-search-field
{
    width: 205px;
    height: 19px;
}
#user_search td.user-search-label
{
    width: 130px;
    padding: 5px;
    padding-right: 10px;
    text-align: right;
}
#user-search-submit
{
    text-align: center;
}

#user-search-results table tr td.data
{
    width: 132px;
    padding-right: 10px;
}
#user-search-results table tr td.longer
{
    width: 140px;
    padding-right: 10px;
}
#user-search-results table tr td.photo
{
    text-align: center;
}

div.class-user
{
    font-family: Arial;
    font-size: 11px;
    color: #4060a4;
}
div.class-user div.block
{
    padding-bottom: 5px;
}
div#user-cvs-export a
{
    font-weight: bold;
    color: #00aeec;
    text-decoration: underline;
}


/* SYSTEM templates */

div.system-template
{
    font-family: Arial;
    font-size: 11px;
    color: #4060a4;
}

div.system-template div.block
{
    padding-bottom: 5px;
}

/* SEARCH BOX */
div.search-line
{
    /*height: 34px;*/
}
div.search-line form
{
    padding: 0;
    padding-top: 6px;
    padding-bottom: 10px;
    margin: 0;
}
.input-search
{
    font-family: Arial;
    font-size: 11px;
    width: 125px;

    padding: 0;
    margin-bottom: 5px;
}
.search-div .button-search
{
    vertical-align: top;
    padding-top: 0px;
}
.search-div input.halfbox
{
    height: 13px;
}

/* DOCUMENTS LIBRARY */
div.class-library p
{
    color: #4362a3;
    font-size: 11px;
}
ul.content-view-files li
{
    list-style-type: none;
}
ul.content-view-files li div.doc-file
{
    float: left
}
ul.content-view-files li div.doc-file img
{
    position: relative;
    top: 3px;
}
ul.content-view-files li div.doc-edit-form
{
    float: right
}
ul.content-view-files li div.doc-file a
{
    list-style-type: none;
    color: #00aeec;
    font-size: 12px;
    font-weight: bold;
}
ul.content-view-files li div.doc-file a span.doc-desc
{
    font-weight: normal;
}
div.content-edit div.class-file, div.content-edit div.class-folder
{
    font-family: Arial;
    font-size: 11px;
    color: #4060a4;
}
div.folder-form form input
{
    position: relative;
    top: 5px;
}