/**
 * Projet OPE
 *
 * Description visuelle de la structure g�n�rale
 * Bandeau, colonne de droite.
 */
p,h1,h2,h3,h4,h5,h6,div,table,tr,td,ul,ol,li,dt,dl,dd,img,form {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

html {
    overflow-x: auto;
    /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

h1 {
    font-size: 0.9em;
}

body {
    padding: 0 0 1em 0;
    margin: 0;
    background: #f1f1f1;
    font-family: Arial, Verdana, Geneva, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

div, ul, li {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    overflow: hidden;
}

ul, ol {
    list-style-type: none;
}

p {
    display: block;
    width: 100%;
    clear: both;
    overflow: hidden;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

#main {
    position : relative;
    width : 990px;
    margin : 0 auto 10px auto;
    padding : 0 7px;
    text-align : left;
    background: #fff;
}

* html #main {
    width: 997px;
}


/*  publicit�, menu sup�rieur
------------------------------------------------------------------------------*/
#top {
    height: 90px;
    position: relative;
    padding: 14px 0 14px 0;
}

#adl_leaderboard {
    float: left;
    clear: none;
    width: 728px;
    overflow: hidden;
    border: none;
}

#topMenu {
    position: absolute;
    top: 14px;
    right: 14px;
    float: left;
    clear: none;
    width: 250px;
}

#topMenu ul {
    width: auto;
    padding-left: 28px;
}

#topMenu li {
    padding: 3px 0 5px 18px;
    border-bottom: 1px solid #ededed;
    background: url(../img/pictoFirm.gif) 0 6px no-repeat;
}

#topMenu li.infos { background-image: url(../img/pictoInfos.gif); }
#topMenu li.people { background-image: url(../img/pictoPeople.gif); }
#topMenu li.write { background-image: url(../img/pictoWrite.gif); }


#topMenu li a {
    color: #191919;
    text-decoration: none;
    font-size: .8em;
}

#topMenu li a:hover {
    text-decoration: underline;
}


/* bandeau, logo, onglets et sous menu
------------------------------------------------------------------------------*/
#header {
   display: block;
   overflow: visible;
   float: left;
    position: relative;
    height: auto;
    clear: both;
    width: 990px;
    /*background: #CD0401 url(../img/bgHeader.gif) top left repeat-x;*/
    background: url(../img/bandeauOpe.jpg) 0 0 no-repeat;
}

.openSite {
    display: block;
    position: absolute;
    top: 30px;
    left: 478px;
    width: 78px;
    height: 40px;
    background: url(../img/openSite.gif) top left no-repeat;
}

.proAdsOpen {
    left: 824px;
}


#logoOpe {
    position: absolute;
    top: 0;
    left: 0;
    width: 575px;
    height: 21px;
    color: #000;
    font-size: 1.1em;
    text-decoration: none;
    /*background: url(../img/logoOpe.gif) top left no-repeat;*/
    padding: 78px 0 0 239px;
}


#logoOpe h1 {
   line-height: 100%;
   padding: 0;
   margin: 0;
}


* html #logoOpe {
    height: 111px;
    width: 360px;
}

/** Onglets du menu principal
 */
/*#tabDeck {
    padding: 113px 0 0 0;
    background: url(../img/bandeauOpe.jpg) 0 0 no-repeat;
}

#tabDeck ul {
    float: right;
    padding-right: 67px;
    width: auto;
}

#tabDeck li {
    float: left;
    clear: none;
    width: auto;
    height: 41px;
    background: url(../img/tabLeftPart.gif) top left no-repeat;
    overflow: hidden;
    padding: 0;
}

#tabDeck li:hover,
#tabDeck li.on {
    background-image: url(../img/tabOnLeftPart.gif);
}


#tabDeck a {
    float: left;
    width: 100px;
    height: 41px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background: url(../img/tabRightPart.gif) top right no-repeat;
    line-height: 120%;
    font-size: 1em;
    padding: 8px 8px 0 8px;
}

* html #tabDeck a {
    width: 116px;
}

#tabDeck li:hover a,
#tabDeck li.on a {
    background-image: url(../img/tabOnRightPart.gif);
}

#tabDeck a:hover {
    text-decoration: none;
}*/


/** Sous menu
 */
#submenu {
    background: #454545;
    margin: 115px 0 0 0;
}

#submenu ul {
    float: left;
    clear: none;
    width: auto;
}

#submenu li {
    float: left;
    clear: none;
    width: auto;
    height: auto;
    padding: 17px 8px 10px 8px;
}

#submenu li.on {
    background-color: #000;
}

#submenu a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
}

#submenu a:hover {
    text-decoration: underline;
}


.lienNetPme {
   display: block;
   position: absolute;
   right: 4px;
   top: 0;
   width: 66px;
   height: 42px;
}


.lienJde {
   display: block;
   position: absolute;
   right: 71px;
   top: 0;
   width: 82px;
   height: 42px;
}




/*
#searchBox {
    float: right;
    clear: none;
    width: auto;
    padding: 9px 17px 0 0;
    margin: 0;
}

#searchBox input.text {
    float: left;
    display: block;
    margin-right: 16px;
    background: url(../img/fieldSearch.gif) 0 0 no-repeat;
    width: 202px;
    height: 22px;
    border: none;
    margin: 0;
    padding: 1px 1px 1px 20px;
}

#searchBox input.button {
    float: left;
    margin: 2px 0 0 0;
}
*/



/* Fil d'ariane
------------------------------------------------------------------------------*/
#breadcrumb {
    background: #f5f5f5;
    padding: 5px 0 5px 8px;
}

#breadcrumb ul {

}

#breadcrumb li {
    float: left;
    clear: none;
    width: auto;
    background: url(../img/pictoDot.gif) 0 2px no-repeat;
    padding: 0 11px 0 16px;
}

#breadcrumb a {
    color: #000;
    text-decoration: none;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

/* Contenu et colonne de droite
------------------------------------------------------------------------------*/
#container {

}

#contentColumn {
    float: left;
    clear: none;
    width: 670px;
    margin-top: 9px;
}


#rightColumn {
    float: right;
    clear: none;
    width: 300px;
    padding-bottom: 20px;
}


.pub {
    float: left;
    clear: both;
    margin-bottom: 16px;
    padding: 0;
}


.megabann {
    margin-top: 9px;
    text-align: center;
}

.no-space {
    float: left;
    clear: both;
    margin: 0;
}





/* Pied de page
------------------------------------------------------------------------------*/
#footer {
    background: #575757 url(../img/logoOpeFooter.gif) 28px 11px no-repeat;
}

#footer p {
    color: #fff;
    padding: 26px 0 14px 105px;
}

#footer p.subLinks {
    position: relative;
    width: auto;
    border-top: 1px solid #727272;
    padding: 7px 0 26px 23px;
}

#footer p strong {
    color: #999;
}

#footer p a {
    color: #fff;
    text-decoration: none;
    font-size: .85em;
    font-weight: bold;
}
#footer p a:hover {
    text-decoration: underline;
}

#footer p.subLinks a {
    font-size: .9em;
}

#footer p.subLinks a.top {
    position: absolute;
    top: 10px;
    right: 13px;
    font-size: .9em;
    background: url(../img/arrowFooter.gif) 0 5px no-repeat;
    padding: 0 0 0 12px;
}

.liensUnivers {
   display: block;
   clear: both;
   overflow: hidden;
   width: auto;
   margin: 0;
   padding: 0 0 16px 0;
}


.lienstelegramme {
   display: block;
   clear: both;
   overflow: hidden;
   width: auto;
   margin: 0;
   padding: 10px 15px 10px 25px;
   background: #727272;
   font-size: 0.8em;
   color: #f5f5f5;

}

.lienstelegramme strong {
    color: #f5f5f5;
    font-size: 0.95em;
    font-weight: bold;
}

.lienstelegramme a {
    color: #f5f5f5;
}

.colonneUnivers {
   float: left;
   clear: none;
   width: 325px;
   margin: 0;
   padding: 0;
   text-align: right;
}



.colonneUnivers a {
   color: #fff;
   font-size: 1em;
   text-decoration: none;

}

.colonneUnivers a:hover {
   text-decoration: underline;
}

.colonneUnivers h4 {
   font-size: 1em;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

.colonneUnivers h4 a {
   margin: 0;
   padding: 0;
}

.colonneUnivers ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.colonneUnivers li {
   margin: 0;
   padding: 0;
}

.colonneUnivers h5 {
   font-size: 1em;
   font-weight: normal;
   margin: 0;
   padding: 8px 0 4px 0;
}

.colonneUnivers h5 a {
   margin: 0;
   padding: 0;
}

.colonneUnivers .lienMarques {
   float: right;
   clear: both;
   width: auto;
   overflow: hidden;
   font-size: .8em;
   color: #fff;
   line-height: 120%;
   margin: 0;
   padding: 0;
}

.colonneUnivers .lienMarques a {
   display: block;
   clear: both;
   width: auto;
   color: #fff;
   font-style: italic;
   font-weight: normal;
   margin: 0;
   padding: 0;
   text-align: right;
}




/* Mon compte
------------------------------------------------------------------------------*/

#myAccountBox {
    float: left;
    clear: both;
    width: 280px;
    background: #f5f5f5 url(../img/pictoMyAccount.gif) 10px 10px no-repeat;
    border: 1px solid #dadada;
    padding: 9px;
    margin: 0 0 8px 0;
}

* html #myAccountBox {
    width: 300px;
}

#myAccountBox h3 {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    width: auto;
    color: #575757;
    font-weight: normal;
    font-size: 1.2em;
    padding: 6px 0 15px 32px;
    margin: 0;
    background: transparent;
}

#myAccountBox .form {
    float: none;
    width: 100%;
    display: block;
    clear: both;
    overflow: hidden;
}

#myAccountBox form {
    display: inline;
}

#myAccountBox input.text {
    float: left;
    width: 83px;
    height: 12px;
    border: none;
    padding: 4px 0 4px 0;
    margin: 0 3px 0 0;
    font-size: .9em;
    text-align: left;
    background: transparent;
}

/* html #myAccountBox input.text {
    width: 109px;
}*/

#myAccountBox input.password {
    width: 84px;
}

#myAccountBox .passwordField,
#myAccountBox .loginField {
    float: left;
    clear: none;
    width: auto;
    padding-left: 21px;
    background: url(../img/fieldLogin.gif) top left no-repeat;
}

#myAccountBox .passwordField {
    background: url(../img/fieldPassword.gif) top left no-repeat;
}

#myAccountBox input.button {
    float: left;
    width: auto;
    margin: 0 0 0 0;
}


#myAccountBox p {
    display: block;
    clear: both;
    width: 100%;
    font-size: .9em;
    overflow: hidden;
    background: transparent;
    color: #575757;
    padding: 6px 0 0 10px;
}


#myAccountBox .myLinks {
    display: block;
    float: right;
    clear: both;
    width: auto;
    background: url(../img/forgotenPassArrow.gif) 0 8px no-repeat;
    /*padding: 8px 0 0 0;*/
}


/*
#myAccountBox p {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    background: url(../img/forgotenPassArrow.gif) 0 9px no-repeat;
    padding: 6px 0 0 10px;
}*/

#myAccountBox p a {
    color: #575757;
    font-size: .9em;
}


/* Bo�te de contenus (colonne droite)
------------------------------------------------------------------------------*/

.columnBox {
    width: auto;
    background: #e5e5e5;
    border: 1px solid #dadada;
    text-align: center;
    margin: 9px 0 19px 0;
    padding: 5px 0 15px 0;
}

* html .columnBox {
    padding: 2px 0 2px 0;
}

.columnBox h2 {
    float: none;
    clear: both;
    margin: 0 auto 5px auto;
    color: #fff;
    font-weight: normal;
    font-size: 1em;
    line-height: 120%;
    width: 270px;
    /*height: 27px;*/
    background: #D6250B url(../img/bgColumnTitle.gif) top left no-repeat;
    padding: 6px 0 6px 10px;
    text-align: left;
}

* html .columnBox h2 {
    width: 280px;
}


.columnBox ul {

}

.columnBox ul.logged-user-links {
    display: block;
    clear: both;
    overflow: hidden;
    padding-top: 16px;
}

.columnBox li {
    width: 239px;
    background: #fff url(../img/square.gif) 24px 9px no-repeat;
    border-bottom: 3px solid #e5e5e5;
    text-align: left;
    padding: 4px 0 4px 41px;
    margin: 0 auto;
    color: #373737;
}
.columnBox li.downloads {
    background: #fff url(../img/pdf.gif) 19px 3px no-repeat;
}

* html .columnBox li {
    width: 280px;
}

.columnBox li a {
    color: #373737;
}

.columnBox li.downloads a {
    display: block;
    clear: both;
    text-decoration: underline;
    padding: 3px 0 0 15px;
    background: url(../img/arrowFat.gif) 0 6px no-repeat;
}

.columnBox li.downloads a:active,
.columnBox li.downloads a:hover {
    color: #cc0000;
}

/* Lien "nouvelle annonce"
------------------------------------------------------------------------------*/


.introNewAd {
   display: block;
   clear: both;
   width: auto;
   text-align: center;
   color: #000;
   font-size: 1em;
    padding: 12px 0 0 0;
    margin: 0;
}


.buttonNewAd {
    background: url(../img/buttonNewAd.gif) 0 0 no-repeat;
    width: 243px;
    height: 45px;
    padding: 16px 0 0 0;
    margin: 4px auto 0 auto;
}

* html .buttonNewAd {
    height: 61px;
}

.buttonNewAd a {
    display: block;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 1.3em;
    line-height: 100%;
    width: 100px;
    padding: 0 50px;
    margin: 0 auto;
    text-decoration: none;
}

* html .buttonNewAd a {
    width: 200px;
}



/* Identification entête
------------------------------------------------------------------------------*/

.identification {
   float: left;
   clear: none;
   width: 236px;
   margin: 0;
   padding: 8px 0 0 9px;
}

.identification .loginField {
   float: left;
   clear: none;
   width: 107px;
   height: 20px;
   margin: 0 7px 0 0;
   padding: 0;
   background: url(../img/connexionIdentifiantFond.gif) 0 0 no-repeat;
}

.identification .loginField input {
   border: none;
   background: transparent;
   margin: 0;
   padding: 4px 0 0 20px;
   color: #333;
   font-size: .8em;
}

.identification .passwordField {
   float: left;
   clear: none;
   width: 95px;
   height: 20px;
   margin: 0;
   padding: 0;
   background: url(../img/connexionMdPFond.gif) 0 0 no-repeat;
}

.identification .passwordField input {
   border: none;
   background: transparent;
   margin: 0;
   padding: 4px 0 0 20px;
   color: #333;
   font-size: .8em;
}

.identification .button {
   margin: 0;
   padding: 0;
   float: left;
   clear: none;
}

.identification p {
    display: block;
    clear: both;
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 4px 0 0 6px;
    color: #fff;
}

.identification p a {
   color: #fff;
   text-decoration: none;
}


#submenu .identification p a.deconnexion {
   text-decoration: underline;
}









/* Spécial impression
------------------------------------------------------------------------------*/


@media print
{

    #main {
        width: 100%;
    }

    
    #error-console,
    #special-debug-code,
    #submenu,
    #breadcrumb,
    #rightColumn,
    #footer,
    #header,
    #top {
        display: none;
    }


}