﻿/* elements */
* {
    margin:             0;
    padding:            0;
    border:             0;
}
html, body {
    height:             100%;
}
html {
    color:              #B0B0B0;
    background-color:   #242424;
}
body {
    font-size:          13px;
    font-family:        Arial, sans-serif;
}
a {
    text-decoration:    none;
}
a:hover {
    text-decoration:    underline;
}
ul {
    list-style-type:    none;
}
.center {
    text-align:         center;
}
.right {
    text-align:         right;
}
.left {
    text-align:         left;
}
/* structure */
#page {
    width:              920px;
    margin:             5px auto 0 auto;
}

/* header */
#header {
    position:           relative;
    width:              920px;
    margin-bottom:      18px;
}
#header #logo {
    float:              left;
}
#header #bt_securise {
    float:              right;
    margin-top:         5px;
}
/*  fin header */

/* main */
#main #c1,
#main #c2 {
    float:              left;
}
#main #c1 {
    width:              145px;
}
#main #c2 {
    width:              775px;
}
#main #c1 h1 {
    color:              #FF0000;
    font-size:          1em;
    text-transform:     uppercase;
    margin-bottom:      12px;
}
#main #c1 h2 {
    color:              #FFF;
    font-size:          .9em;
    text-transform:     uppercase;
    background-image:   url(/image/trait_vert.png);
    background-repeat:  no-repeat;
    background-position:left;
    padding-left:       5px;
    margin-bottom:      10px;
}
#main #c1 p {
    padding:            0 15px 0 5px;
    margin-bottom:      10px;
    font-size:          .8em;
    text-align:         justify;
}
#main #c1 a.suite {
    display:            block;
    color:              #FF0000;
}
#main #c2 #zoom_content {
    float:              left;
    margin-right:       8px;
	width:				515px;
	z-index:			5;
}
#main #c2 ul#thumbs{
    width:              240px;
    float:              left;
}
#main #c2 ul#thumbs li {
    width:              240px;
    float:              left;
    margin-bottom:      15px;
    font-size:          .8em;
	cursor:				pointer;
}
#main #c2 ul#thumbs li:last-child {
    margin-bottom:      0;
}
#main #c2 ul#thumbs li a {
    float:              left;
    margin-right:       10px;
    padding-left:       7px;
}
#main #c2 ul#thumbs a:hover,
#main #c2 ul#thumbs a.wactive,
#main #c2 ul#thumbs a.active {
    background-image:   url(/image/trait_vert.png);
    background-repeat:  repeat-y;
    background-position:left;
}
#main #content {
    background-color:   #373737;
    width:              773px;
    min-height:         450px;
}
#main #content>img {
    margin-bottom:      10px;
}
#main #content_c1,
#main .content_c1 {
    float:              left;
    width:              258px;
}
#main #content_c1 .encart,
#main .content_c1 .encart {
    width:              213px;
    margin:             0 auto 25px auto;
}
#main #content_c1 .encart h3 {
    font-size:          1em;
    color:              #FF0000;
    padding:            0 15px 5px 40px;
}
#main #content_c1 .encart ul,
#main #content_c1 .encart p {
    font-size:          .85em;
    padding:            2px 15px 2px 40px;
}
#main #content_c1>a {
    margin:             0 auto;
    display:            block;
    text-align:         center;
    font-size:          .85em;
    width:              150px;
    padding:            1px 0;
    color:              #FFF;
    background-color:   #242424;
    border-bottom:      1px solid #FF0000;
}
#content #content_c2> ul,
#content .content_c2> ul {
	list-style-image:	url(/image/pages/puce.gif);
	padding-left:		16px;
}
#content #content_c1 .encart li:before {
    content:            "\2022 \0020";
}

#main #content_c2,
#main .content_c2 {
    float:              left;
    width:              500px;
    padding:            20px 25px 20px 80px;
    font-size:          .85em;
    text-align:         justify;
}
#main .content_c2 {
    padding:            20px 15px 0 0;
}
#main #content_c2 a,
#main .content_c2 a,
#main #content_c3 a{
    color:              #FFF;
}
#main #content_c2 p,
#main .content_c2 p,
#main #content_c2 ul,
#main .content_c2 ul,
#main #content_c3 p {
    margin-bottom:      14px;
}
#main #content_c2 .tel {
    color:              #FF0000;
    float:              right;
    width:              20%;
}
#main #content_c2 .partenaire {
    float:              left;
    width:              80%;
}
#main #slide {
	width:				213px;
	height:				226px;
	overflow:			hidden;
}
/* fin main */

/* footer */
#footer {
    margin-top:         8px;
	margin-bottom:      10px;
    color:              #505050;
    font-size:          .8em;
    width:              100%;
}
#footer a {
    margin:             0 5px;
    color:              #505050;
}
#footer a#copyright {
    float:              right;
}
#footer ul li {
    display:            inline;
}
#footer ul li:before {
    content:            "|";
}
#footer ul li:first-child:before {
    content:            "";
}
/* fin footer */

/* generic */
.clear:after {
    content:            ".";
    display:            block;
    height:             0;
    clear:              both;
    visibility:         hidden;
}

