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

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

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

#header {
    position:       relative;
    height:         252px;
}
#header a#logo {
    position:       absolute;
    top:            0;
    left:           0;
}
#header div#cgv {
    background:     url(/image/struct/cgv_bg.png) no-repeat;
    position:       absolute;
    text-align:     center;
    padding:        4px 0 0 0px;
    width:          246px;
    height:         20px;
    right:          425px;
    top:            0;
}
#header div#cgv a {
    font-weight:    bold;
    color:          #006DAA;
    text-transform: uppercase;
    font-size:      1.1em;
}
#header div#produit {
    background:     url(/image/struct/produit_bg.png) no-repeat;
    position:       absolute;
    padding:        4px 0 0 8px;
    width:          118px;
    height:         20px;
    right:          290px;
    top:            0;
}
#header div#produit a {
    font-weight:    bold;
    color:          #4C9F41;
    text-transform: uppercase;
    font-size:      1.1em;
}
#header div#secure_access {
    background:     url(/image/struct/secure_bg.png) no-repeat;
    position:       absolute;
    padding:        4px 0 0 8px;
    width:          137px;
    height:         20px;
    right:          137px;
    top:            0;
}
#header div#secure_access a {
    font-weight:    bold;
    color:          #d13332;
    text-transform: uppercase;
    font-size:      1.1em;
}
#header a#change_lang {
    position:       absolute;
    right:          15px;
    top:            7px;
    font-size:      .9em;
}

#header #nav {
    position:       absolute;
    right:          0;
    top:            49px;
}
#header #nav li.nav {
    background:     url(/image/struct/nav_li_bg.png) no-repeat;
    float:          left;
    height:         18px;
    padding-top:    9px;
}
#header #nav a {
    font-size:      1.2em;
    text-decoration:none;
    padding:        0 8px 0 8px;    
}
#header #nav li.nav.active>a,
#header #nav a:hover {
    color:          #ef3c35;
}
#header #nav ul.snav {
    display:        none;
    z-index:        1000;
    padding-left:   1px;
    position:       absolute;
    top:            100%;
    left:           0;
    background:     #dfdfdf;
}
#header #nav ul.snav li {
    padding:        2px .5em;
    border-bottom:  1px solid white;
}
#header #nav ul.snav li a {
    padding-left:   .4em;
    font-size:      1em;
    font-weight:    bold;
}
#header #nav ul.snav li.active>a {
    color:          #ef3c35;
}
#header #nav li:hover ul.snav {
    display:        block;
}
#header #nav ul#snav_0 {
    width:          190px;
}
#header #nav ul#snav_1 {
    left:           60px;
    width:          250px;
}
#header #nav ul#snav_2 {
    left:           144px;
    width:          250px;
}
#header #nav ul#snav_3 {
    left:           209px;
    width:          200px;
}
#header #nav ul#snav_4 {
    left:           323px;
    width:          150px;
}
#header #nav ul#snav_5 {
    left:           412px;
    width:          175px;
}
#header #nav ul#snav_6 {
    left:           533px;
    width:          160px;
}
#header #nav ul#snav_7 {
    left:           589px;
    width:          105px;
}
#header #nav ul#snav_8 {
    left:           663px;
    width:          125px;
}

#header #flash {
    margin-top:    76px;
    height:         178px;
}

#main {
    margin:         0 11px 0 9px;
    background:     url(/image/struct/main_bg.png) repeat-y;
    min-height:     350px;
    position:       relative;
}
#main #c1,
#main #c2,
#main #c1_1,
#main #c1_2 {
    float:          left;
}
#main #c1 a:hover,
#main #c1_1 a:hover,
#main #c1_2 a:hover{
    color:          #EF3C35;
}

#main #c1 {
    width:          684px;
    background:     url(/image/struct/c1_bg.png) no-repeat top left;
    padding-left:   40px;
    font-size:      1.1em;
    line-height:    1.3em;
}
#main #c1 p,
#main #c1 ul,
#main #c1 form,
#main #c1 table {
    margin:         1em 0;
}
#main #c1_1{
    width:          410px;
    margin-bottom:  1em;
}
#main.product #c1_1,
#main #c1_1.large{
    width:          670px;
}
#main #c1_2{
    width:          270px;
    margin-top:     1em;
}
#main #c1_2 img {
    display:        block;
    margin:         0 auto;
}
#main #c2 {
    width:          211px;
    background:     url(/image/struct/c2_top_bg.png) no-repeat top left;
    margin-top:     -15px;
}
#main #c2 h1 {
    text-transform: uppercase;
    color:          #4c5357;
    font-size:      1.2em;
    padding:        1em;
    background:     none;
    border:         none;
}
#main #c2 h1 a {
    color:          #4c5357;
}
#main #c2 .border {
    padding:        5px;
    width:          180px;
    margin:         0 auto .8em auto;
    border:         1px solid #c8869a;
    background:     white;
}
#main #c2 label {
    color:          #E73024;
    font-weight:    bold;
}
#main #c2 select,
#main #c2 input[type=text] {
    border:         1px solid #cdcdcd;
    width:          98%;
    background:     url(/image/struct/input_text_bg.png) repeat-x;
    margin:         2px;
}
#main #c2 input[type=text] {
    float:          left;
    width:          80%;
}
#main #c2 input[type=submit] {
    float:          right;
    background:     url(/image/picto/submit_bt.png) repeat-x;
    width:          24px;
    height:         22px;
    cursor:         pointer;
}
#main #c2 img {
    float:          right;
}
#main #c2 a.border {
    color:          #E73024;
    display:        block;
    background:     url(/image/struct/catalog_acces_bg.gif) no-repeat;
    font-weight:    bold;
    padding:        10px 5px 0 50px;
    width:          135px;
    height:         40px;
    text-transform: uppercase;
    text-align:     center;
}
#c2 #cart.border {
    margin-bottom:  3em;
}
#c2 #cart h4 {
    font-size:      1em;
}
#c2 #cart table#cart_content {
    width:          100%;
    margin-bottom:  1em;
}
#main #rails {
    width:          100%;
    height:         20px;
    margin-top:     8px;
    color:          #4c5a64;
    font-size:      .9em;
}
#main #rails a {
    color:          #4c5a64;
}
#main #rails span.active {
    color:          #ef3c35;
    text-transform: uppercase;
}

#footer {
    position:       relative;
    height:         51px;
    color:          #4c5a64;
    background:     url(/image/struct/footer_bg.png) no-repeat;
}
#footer img {
    position:       absolute;
    right:          30px;
    top:            -10px;
}
#footer a {
    font-size:      .9em;
    color:          #4c5a64;
    border-bottom:  1px dashed #4c5a64;
}
#footer a:hover {
    text-decoration:    none;
}
#footer ul,
#footer a#footer_cyberl {
    position:       absolute;
    left:           60px;
    top:            30px;
}
#footer ul li {
    display:        inline;
}
#footer ul li:before {
    content:        " |  ";
}
#footer ul li:first-child:before {
    content:        "";
}
#footer a#footer_cyberl {
    left:           790px;
}

#content {
    padding-top:    2em;
    text-align:     justify;
}

/* home specific */

.home #main #c1 div#presentation,
.home #main #c1 div#newsletter {
    width:          165px;
    padding-right:  1em;
    text-align:     justify;
    float:          left;
}
.home #main #c1 div#slide_content,
.home #main #c1 div#news{
    float:          right;
}
.home #main #c1 div#slide_content,
.home #main #c1 div#presentation {
    margin-bottom:  1em;
}
.home #main #c1 div#presentation{
    margin-top:     1em;
}
.home #main #c1 div#slide_content{
    width:          495px;
    padding-top: 30px;
    padding-right:  0.6em;
}
.home #main #c1 div#news{
    width:          445px;
    margin-right:   2px;
    padding-left:   1.5em;
    border-left:    1px solid #e5e5e5;
}
.home #main #c1 div#news ul li{
    margin-bottom:  1em;
}