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

html {
    background:     #eaeaea;
}
body {
    background:     url(/image/element/body_bg.png) repeat-x;
}

#page {
    margin:         0 auto;
    width:          955px;
}

#header {
    position:       relative;
    height:         67px;
    background:     url(/image/element/header_bg.gif) no-repeat;
}

#header a#logo {
    position:       absolute;
    top:            20px;
    left:           55px;
}
#header a#deutsch_version {
    position:       absolute;
    top:            5px;
    right:          45px;
}
#header #nav {
    font-family:    Arial, Helvetica, sans-serif;
    position:       absolute;
    left:           225px;
    top:            30px;
    padding-left:   5px;
}
#header #nav>li {
    background:     url(/image/element/nav_li_bg.png) no-repeat top left;
    padding-left:   10px;
    padding-bottom: 4px;
    float:          left;
}
#header #nav a:hover,
#header #nav>li:hover>a,
#header #nav>li.active>a,
#header #nav ul.snav a:hover {
    color:          #C10435;
}
#header #nav>li>a {
    margin-right:   20px;
}
#header #nav>li:hover,
#header #nav li.nav.active {
    background:     url(/image/element/nav_li.active_bg.png) no-repeat top left;
}
#header #nav a {
    color:          black;
    font-weight:    bold;
    text-decoration:none;
}
#header #nav ul.snav {
    display:        none;
    z-index:        1000;
    position:       absolute;
    top:            100%;
    background:     #928f8f;
}
#header #nav ul#snav_0  {
    left:           0;
    width:          99px;
}
#header #nav ul#snav_1  {
    left:           99px;
    width:          150px;
}
#header #nav ul#snav_2  {
    left:           260px;
    width:          104px;
}
#header #nav ul#snav_3  {
    left:           364px;
    width:          140px;
}
#header #nav ul#snav_4  {
    left:           513px;
    width:          90px;
}
#header #nav ul#snav_5  {
    left:           602px;
    width:          87px;
}
#header #nav ul.snav a {
    color:          #eaeaea;
}
#header #nav ul.snav li {
    display:        block;
    padding:        2px 1em;
}
#header #nav ul.snav li a {
    font-size:      .9em;
}
#header #nav li:hover ul.snav {
    display:        block;
}
#header #nav_aside {
    position:           absolute;
    top:                86px;
    left:               44px;
    width:              165px;
    z-index:            100;
}
#header #nav_aside li {
    background:         url(/image/element/c1_snav_bg.png) no-repeat bottom;
    padding:            5px 0;
    width:              165px;
}
#header #nav_aside li a {
    color:              #4c4c4c;
    font-size:          1em;
    margin-left:        7px;
    padding:            0 10px;
    display:            block;
    width:              135px;
    background:         url(/image/element/c1_snav_a_bg.png) no-repeat left top;
}
#header #nav_aside li a:hover,
#header #nav_aside li.active a {
    color:              #C10435;
    text-decoration:    none;
    background:         url(/image/element/c1_snav_a.active_bg.png) no-repeat left top;
}
#header #nav_aside .bt {
    margin:             0 0 5px 15px;
}


#main,
#footer {
    padding:        0 41px 5px 36px;
    background:     url(/image/element/main_bg.png) repeat-y;
}
#main {
    padding-top:    5px;
}
#main #c1 {
    float:          left;
    width:          165px;
    /*height:         14px;*/
    margin-left:    8px;
    background:     url(/image/element/c1_top_bg.png);
}
#main #c2 {
    float:          left;
    width:          699px;
    margin-left:    6px;
}
#main #c2 #rails {
    padding:        5px 0;
    font-size:      .9em;
}
#main #c2 #rails a {
    color:          black;
}
#main #c2 #rails span.active {
    color:          #C10435;
    text-decoration:underline;
}


#footer a,
#footer span {
    font-size:      .9em;
    color:          #4c4c4c;
}
#footer ul {
    float:          left;
    margin-left:    10px;
}
#footer ul li {
    display:        inline;
}
#footer ul li:before {
    content:        " |  ";
}
#footer ul li:first-child:before {
    content:        "";
}
#footer span#footer_cyberl {
    float:          right;
    margin-right:   10px;
}
#baseline {
    margin:         1em 0;
    padding-left:   46px;
    padding-right:  51px;
    font-size:      .9em;
    color:          #4c4c4c;
    text-align:     center;
}

img.banner {
    float:          right;
}
#content {
    background:     url(/image/element/content_bg.png) no-repeat right top;
    width:          699px;
    min-height:     500px;
}
#content #carte {
    width:          350px;
    float:          left;
    padding:        0 10px 0px 0px;
}
#content #recherche {
    float:          left;
    width:          300px;
    padding:        0 10px 0px 20px;
}
#content #recherche img.demo {
    float:          right;
}
#content,
#content #content_c1,
#content #content_c2 {
    float:          left;
}
#content #content_c1 {
    width:          259px;
}
#content #content_c1 #visuel_content{
    position:       relative;
}
#content #content_c2 {
    width:          390px;
    padding:        0 15px 15px 15px;
    background:     url(/image/element/content_c2_bg.png) repeat-y left;
}
#content #content_c1 img#visuel{
	position:		absolute;
	top:			30px;
}
#content #content_c1 img#visuel1 {
    position:       absolute;
    left:           -151px;
    top:            86px;
}
#content #content_c1 img#visuel2 {
    position:       absolute;
    left:           -5px;
    top:            20px;
}
#content #content_c2 #etape ul {
    float:          left;
    width:          71px;
    list-style-image:url(/image/element/puces.gif);
}
#content #content_c2 #etape img {
    float:          left;
}
#content #content_text {
    padding:        0 15px;
}

/* home specific */

#page.home #main {
    padding-top:    0;
}
#main div#flash,
#main div#news_c1,
#main div#news_c2,
#main div.box {
    float:          left;
}
#main div#news h2 {
    background:     url(/image/element/div_news_h2_bg.png) repeat-x;
    color:          black;
    font-size:      1em;
    height:         20px;
    line-height:    20px;
    text-align:     right;
    padding-right:  15px;
}
#main div#news h2 img {
    vertical-align: middle;
}

#main div#news_c1 {
    background:     url(/image/element/div_news_bg.png) repeat-x bottom;
}

#main div#news_c1,
#main div#news_c2 {
    width:          50%;
}
#main div#news_c1 div.text {
    float:          left;
    font-size:      11px;
    color:          black;
	width:			240px;
    line-height:    14px;

}
#main div#news_c1>img {
    float:          left;
    margin:         10px 15px 12px 10px;
}
#main div#news_c1 div.text p {
    margin-top:     10px;
}
#main div#news_c1 div.text a {
    font-weight:    bold;
    color:			black;
    font-size:      11px;
}
#main div#news_c1 div.text a.no_style_link {
    font-weight:    normal;
    color:			black;
    font-size:      12px;
    text-decoration: none;
}
#main div#news_c1 div.text a:hover.no_style_link,
#main div#news_c1 div.text a.selected.no_style_link {
    text-decoration: none;
}

/* end home specific  */

#main div.box {
    width:          282px;
    margin:         0 5px;
}
#main div.box h3 {
    background:     url(/image/home/div_box_bg.png) no-repeat;
    color:          white;
    font-weight:    normal;
    font-size:      1em;
    height:         18px;
    line-height:    18px;
    text-align:     center;
}
#main div.box div.box_content {
    font-size:      .9em;
    border-bottom:  1px solid #DDDDDF;
    border-left:    1px solid #DDDDDF;
    border-right:   1px solid #DDDDDF;
}
#main div.box div.box_content p {
    margin:         10px 0;
}

#main div#boutique {
    width:          265px;
    background:     url(/image/element/div_boutique_bg.png) no-repeat top;
    margin-top:     20px;
    padding:        40px 10px 15px 10px;
}

#c2 #content .slide {
    margin:			0 auto 15px auto;
    width:              380px;
}
#c2 #content .slide h4 {
    color:              black;
    border-bottom:      1px solid #000;
    border-top:         1px solid #000;
    margin-bottom:      2px;
    padding:            2px 20px 2px 5px;
    font-size:          1em;
    font-weight:        bold;
    cursor:             pointer;
    background:         #E8E8E8 url(/image/content/plus.gif) no-repeat right;
}
#c2 #content .slide h4.active {
    background:         #E8E8E8 url(/image/content/moins.gif) no-repeat right;
}
#c2 #content .slide .detail {
    color:              black;
    background:         white;
    border-bottom:      1px solid white;
    margin-bottom:      6px;
    padding:            10px 10px 0 10px;
}
#opp_content {
	margin:			7px 0px 0px 11px;
    height: 128px;
}
ul#opp_link {
	margin:			0;
	padding:		0 2px;
	list-style-type: none;
	text-align:		center;
}
ul#opp_link a {
	cursor:			pointer;
}