body {
    margin: 0;
    text-align: center;
    /*background: url(../images/fondmetro.jpg) no-repeat fixed #468E68;*/
    font-size: 62.5%;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #000
    }
#global a:link, #global a:hover, #global a:active, #global a:visited {
    color: #000;
    text-decoration: none
    }
A:link.blc, A:visited.blc {
    font: bold 12px Arial, Tahoma, Helvetica, sans-serif;
    color: #000;
    text-decoration: none
    }
A:active.blc, A:hover.blc {
    font: bold 12px Arial, Tahoma, Helvetica, sans-serif;
    color: #000;
    text-decoration: underline
    }
A.lienrss {
    text-decoration: none;
    color: #000;
    font-size: 8.5pt;
    font-family: Arial, Verdana, Sans-Serif
    }
.cadreRSS {
    width: 373px;
    border: 1px solid #AED317
    }
img {
    border: none
    }
#global INPUT, #global SELECT, #global TEXTAREA {
    font-size: 0.9em;
    font-weight: bold;
    vertical-align: text-bottom
    }
#global ul, #global li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #FFF
    }
li {
    padding-bottom: 0.5em
    }
li.half {
    float: left;
    width: 275px
    }
li.title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 1em
    }
.title_1 {
    font-weight: bold;
    font-size: 1.2em;
    padding: 1em
    }
#global {
    margin: 5px auto 5px auto;
    width: 1000px;
    text-align: left;
    padding: 10px;
    overflow: auto;
    border-color: #CF0;
    border-style: solid;
    border-width: 1px 5px 1px 1px
    }
#banner_head {
    width: 800px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0
    }
#logo {
    float: left;
    margin: 0;
    padding: 5px
    }
#menu2 {
    background-color: #FFF;
    width: 890px;
    height: 62px;
    margin-bottom: 10px;
    margin-top: 10px
    }
#menu {
    clear: both;
    background-color: #FFF;
    color: #000;
    width: 890px;
    line-height: 150%;
    margin-bottom: 1em
    }
#menu a {
    margin: 0 1em 0 1em
    }
#main {
    float: left;
    width: 580px
    }
#main h1 {
    width: 580px;
    line-height: 24px;
    background: url(../images/head.gif) no-repeat;
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
    padding: 0 0 0 4em;
    margin: 0 0 0 0;
    color: #FFF
    }
/*
#superglobal{
border-color:#CCFF00;
border-style:solid;
border-width:1px 5px 1px 1px;
voice-family:""}"";
width:989px;
margin:0pt auto;
padding: 5px 5px 5px 5px;
width:910px;
}
*/
.content_pf p, .content_pf ul {
    background-color: #FFF;
    color: #000;
    margin: 0 0 1em 0;
    padding: 0 1em 0 1em
    }
.content_pf {
    float: left;
    font-size: 12px;
    width: 580px;
    background-color: #FFF;
    padding-top: 10px
    }
.content_pf2 img {
    margin-right: 15px
    }
.content_pf2 p, .content_pf ul {
    background-color: #FFF;
    color: #000;
    margin: 0 0 1em 0;
    padding: 0 1em 0 1em
    }
.content_pf p.zoom {
    text-align: center;
    margin: 0 auto;
    padding: 1em
    }
.content_pf2 p.zoom {
    text-align: center;
    margin: 0 auto;
    padding: 1em
    }
.content_pf a {
    text-decoration: underline;
    color: #468E68
    }
div#global .content {
    float: left;
    font-size: 12px;
    width: 580px;
    background-color: #FFF;
    padding-top: 10px
    }
div#global .content img {
    margin-right: 15px
    }
div#global .content p, div#global .content ul {
    background-color: #FFF;
    color: #000;
    margin: 0 0 1em 0;
    padding: 0 1em 0 1em
    }
div#global .content p.zoom {
    text-align: center;
    margin: 0 auto;
    padding: 1em
    }
div#global .content a {
    text-decoration: underline;
    color: #468E68
    }
#rubrique {
    background-color: #FFF;
    color: #000;
    margin: 0;
    padding: 0
    }
.divope {
    width: 287px;
    float: left;
    background-color: white;
    padding-bottom: 5px;
    padding-top: 5px;
    /*border: 1px solid red;*/
    }
.divope img {
    padding-right: 5px
    }
.imgope {
    border: none;
    margin: 0;
    float: left
    }
#allServices {
    width: 380px;
    float: right;
    padding-left: 10px
    }
#carreAd {
    width: 300px;
    float: left;
    margin-bottom: 10px
    }
#services {
    width: 200px;
    float: left
    }
#services h2 {
    line-height: 22px;
    background: url(../images/services_1.gif) top right repeat-y #E70106;
    color: white;
    font-weight: bold;
    font-size: 120%;
    padding: 0 0 0 1em;
    margin: 0
    }
#services h2 a {
    color: white
    }
#services h2.meet {
    background: url(../images/services_1.gif) top right repeat-y #E70106
    }
#services h2.job {
    background: url(../images/services_3.gif) top right repeat-y #395699
    }
#services h2.auto {
    background: url(../images/services_2.gif) top right repeat-y #F3B200
    }
#services h2.immo {
    background: url(../images/services_4.gif) top right repeat-y #994199
    }
#services h2.mobi {
    background: url(../images/services_9.gif) top right repeat-y #4D6DA7
    }
#services h2.spec {
    background: url(../images/services_6.gif) top right repeat-y #1A707F
    }
#services h2.fina {
    background: url(../images/services_5.gif) top right repeat-y #395699
    }
#services h2.pdf {
    background: url(../images/services_10.gif) top right repeat-y #004B32
    }
#services p {
    background-color: #FFF;
    color: #000;
    margin: 0 0 20px 0;
    padding: 0 0 0 0.5em;
    text-align: center
    }
/*
#footer {
	clear: both;
	text-align: center;
	color: black;
	margin: 10px auto;
	padding: 5px;
}
*/
.footer-text {
    text-align: left
    }
.nota {
    font-style: italic;
    font-size: 0.9em
    }
.erreur {
    background-color: #FFF;
    color: #F00;
    font-family: Arial, Helvetica, Verdana, sans-serif
    }
.table_1 {
    border-collapse: collapse;
    margin: 15px;
    background-color: #FFF;
    font: 12px Arial, Tahoma, Helvetica, sans-serif;
    color: #000
    }
.title_2 {
    font: 12px Arial, Tahoma, Helvetica, sans-serif;
    color: #000;
    text-decoration: underline
    }
.debpar {
    padding-top: 20px
    }
#main2 {
    clear: both;
    float: left;
    width: 200px;
    padding-left: 300px
    }
.array_testi_cell {
    font: 12px Arial, Tahoma, Helvetica, sans-serif;
    color: #000
    }
.paco_magnum {
    display: inline;
    float: left;
    margin-left: 19px;
    margin-right: 19px;
    overflow: hidden;
    width: 960px
    }
.pf_formident p {
    margin: 0;
    padding: 0;
    background-color: transparent
    }
.pf_formident {
    height: 160px;
    background: transparent url(../images/bck_connect.gif) no-repeat;
    padding: 60px 0 0 20px;
    margin-left: 70px
    }
.pf_formident-popup {
    background: transparent url(../images/bck_connect.gif) no-repeat;
    padding: 60px 0 0 20px;
    margin-left: 50px;
    height: 152px;
    width: 399px
    }
.pf_formident .error_login {
    text-align: right;
    color: red;
    font-size: 10px;
    font-weight: bold
    }
.pf_formident a.forgetpasswd {
    color: #666;
    font-size: 11px
    }
/* wrapper divs */
.form_qcm_pf {
    margin-bottom: 5px
    }
.form_qcm_pf h3 {
    font-size: 1.1em;
    margin: 15px 0
    }
.form_qcm_pf .custom-checkbox, .form_qcm_pf .custom-radio {
    position: relative;
    margin-bottom: 0.3em
    }
/* input, label positioning */
.form_qcm_pf .custom-checkbox input, .form_qcm_pf .custom-radio input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: 0
    }
.form_qcm_pf .custom-checkbox label, .form_qcm_pf .custom-radio label {
    display: block;
    position: relative;
    z-index: 1;
    padding-right: 1em;
    line-height: 1.5em;
    padding: 0.2em 0 0.2em 30px;
    margin: 0;
    cursor: pointer
    }
.form_qcm_pf .custom-radio label {
    background: url(../images/radiobutton.gif) no-repeat
    }
.form_qcm_pf .custom-checkbox label, .form_qcm_pf .custom-radio label {
    background-position: -10px -14px
    }
.form_qcm_pf .custom-checkbox label.hover, .form_qcm_pf .custom-checkbox label.focus, .form_qcm_pf .custom-radio label.hover, .form_qcm_pf .custom-radio label.focus {
    background-position: -10px -114px
    }
.form_qcm_pf .custom-checkbox label.checked, .form_qcm_pf .custom-radio label.checked {
    background-position: -10px -214px
    }
.form_qcm_pf .custom-checkbox label.checkedHover, .form_qcm_pf .custom-checkbox label.checkedFocus {
    background-position: -10px -314px
    }
.form_qcm_pf .custom-checkbox label.focus, .form_qcm_pf .custom-radio label.focus {
    /*outline: 1px dotted #ccc;*/
    }