/* reset */
* {
    margin:         0;
    padding:        0;
    border:         0;
}

html {
    background:     #e3d9c1;
}

#page {
    margin:         1em auto;
    width:          921px;
}

#header {
    padding-bottom:  1.5em;
	height:         292px;
}
#header a#logo {
    display:        block;
    width:          921px;
    height:         89px;
    padding-bottom:  4.5em;
    background:     url(/image/struct/logo_bg.png) no-repeat;
}

#header #nav {
    padding-bottom:  1.5em;
    position:       absolute;
    top:            112px;
}
#header #nav,
#header #nav a {
    font-weight:    bold;
    color:          white;
}
#header #nav>li {
    position:       relative;
    float:          left;
    height:         27px;
}
#header #nav>li>ul {
    display:        none;
    position:       absolute;
    left:           0;
    top:            27px;
    z-index:        10;
    min-width:      100%;
    background:     #344150;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
#header #nav>li>ul>li {
    font-size:      .9em;
    padding:        2px 3px;
}

#nav_inner {
    font-size:      1.030em;
	font-weight:    bold;
}
#nav_inner li {
    padding:        1em 0 1em 0.7em;
    background:     url(/image/struct/nav_inner_li_bg.png) no-repeat bottom left;
}
#nav_inner li:last-child {
    background:     none;
}
#nav_inner li.active {
    min-height:     2em;
    margin-top:     .7em;
    padding-top:    .3em;
    background:     url(/image/struct/nav_inner_li.active_bg.png) no-repeat;
}
#nav_inner li.active a {
    color:          #d12235;
}

#main {
    padding:        10px;
    border-top:     solid 1px #d9d9d9;
    background:     white url(/image/struct/main_bg.png) no-repeat;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
}
#main #c1,
#main #c2,
#main #c12 {
    float:          left;
}
#c1 {
    width:          125px;
}
#c2 {
    width:          490px;
    margin-left:    20px;
}
#c12 {
    width:          635px;
}
#rails span.active {
    color:          #d12235;
    text-decoration:underline;
}

#offer {
    float:          right;
    z-index:        1;
    width:          228px;
    padding:        45px 8px 0;
    font-size:      .9em;
    background:     #e9e9e9 url(/image/struct/offer_bg.png) no-repeat 0 8px;
    border:         solid 1px #d5d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#offer a {
    color:          #b28a29;
}
#offer #offer_intro {
    margin-bottom:  4em;
    width:          100px;
}
#offer #offer_form div.clear {
    margin-bottom:  .3em;
}
#offer #offer_form div.clear label {
    color:          black;
}
#offer #offer_form div.clear label:first-child {
    float:          left;
    width:          33%;
}
#offer #offer_form div.clear input,
#offer #offer_form div.clear select {
    width:          64%;
}
#offer #offer_form input#offer_form_surface_min,
#offer #offer_form input#offer_form_surface_max {
    width:          3em;
}
#offer p#offer_proposer {
    width:          70%;
    padding-left:   1em;
}
#offer p#offer_contact {
    padding-left:   70px;
    background:     url(/image/struct/offer_contact_bg.png) no-repeat;
}

#baseline {
    margin-top:     1.5em;
    font-size:      .9em;
    background:     white url(/image/struct/baseline_bg.png) repeat-x left bottom;
}
#baseline div.baseline_c {
    float:          left;
    width:          218px;
    padding:        .3em 6px 0;
}
#baseline div.baseline_c h2 {
    color:          black;
    margin-bottom:  1em;
    padding-left:   1em;
    font-size:      1em;
    text-transform: uppercase;
}
#baseline div.baseline_c>p,
#baseline div.baseline_c>div,
#baseline div.baseline_c>a {
    padding-left:   70px;
}
#baseline div#baseline_c1 {
    background:     url(/image/struct/baseline_c1_bg.png) no-repeat 6px 30px;
}
#baseline div#baseline_c2 {
    background:     url(/image/struct/baseline_c2_bg.png) no-repeat 6px 30px;
}
#baseline div#baseline_c3 {
    background:     url(/image/struct/baseline_c3_bg.png) no-repeat 6px 30px;
}
#baseline div#baseline_c4 {
    background:     url(/image/struct/baseline_c4_bg.png) no-repeat 6px 30px;
}
#baseline div#baseline_c4 div.htmledit p {
    margin-bottom:  .3em;
}
#baseline div#baseline_c4 a {
    display:        block;
    margin-bottom:  .5em;
}

#footer {
    position:       relative;
    margin-top:     1em;
}
#footer a {
    font-size:      .9em;
    color:          black;
}
#footer ul li {
    display:        inline;
}
#footer ul li:before {
    content:        " |  ";
}
#footer ul li:first-child:before {
    content:        "";
}
#footer a#footer_cyberl {
    position:       absolute;
    right:          100px;
    top:            0;
}

/* page specific */
#page.c12 #main {
    background:     white;
}
#page.home #header {
	height:		122px;
}
#page.home #home_flash { 
    width:          655px;
    height:         505px;
}
#page.home #main {
    padding:        0;
    border:         0;
    background:     transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#page.apropos_presentation #content img.visuel {
    float:          left;
    padding:        0 17px 1em 0;
    background:     url(/image/struct/img.visuel_bg.png) no-repeat 178px 0;
}

#page.offre_recherche #content div.offer_nb {
    display:        none;
}
#page.offre_recherche #content div.offer {
    margin-bottom:  2em;
    padding:        8px;
    background:     #eeeeee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#page.offre_recherche #content div.offer div.offer_c1,
#page.offre_recherche #content div.offer div.offer_c2,
#page.offre_recherche #content div.offer div.offer_c3 {
    float:          left;
}
#page.offre_recherche #content div.offer div.offer_c1 {
    width:          150px;
    text-align:     center;
}
#page.offre_recherche #content div.offer div.offer_c2 {
    margin-left:    10px;
    width:          172px;
}
#page.offre_recherche #content div.offer div.offer_c3 {
    margin-left:    10px;
    width:          262px;
}
#page.offre_recherche #content div.offer div.offer_location {
    color:          #00488c;
    font-weight:    bold;
}
#page.offre_recherche #content div.offer div.offer_type {
    font-weight:    bold;
}
#page.offre_recherche #content div.offer div.offer_img img {
    float:          left;
    width:          29%;
    margin:         1em 1em;
}
#c2 #content ul li {
	list-style:		none;
}