* {
margin:0;
padding:0;
border: none;
}

body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#3c3c3c;
font-size:11px;
line-height:15px;
background: #46887f url(./images/fond.gif) top center repeat-x;
}

/* ====================== contenu ====================== */

#contenu {
display: block;
position: absolute;
width: 704px;
left: 346px;
top: 111px;
padding: 0 0 30px 0;
}

/* ----- ligne 1 ----- */

#contenu .ligne1 {
display: block;
position: relative;
width: 704px;
height: 8px;
background: url(./images/contenu_ligne1.png) no-repeat;
line-height: 3px;
font-size: 3px;
}

/* ----- ligne 2 ----- */

#contenu .ligne2 {
display: block;
position: relative;
width: 704px;
height: 62px;
background: url(./images/contenu_ligne2.png) no-repeat;
text-align: center;
}

#contenu .ligne2 .select {
text-decoration: underline;
}

#contenu .ligne2 .col1 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 18px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col2 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col3 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col3_en {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
letter-spacing: 0.3px;
}

#contenu .ligne2 .col3_en span {
letter-spacing: -0.2px;
}

#contenu .ligne2 .col4 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col5 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col6 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col6 span {
letter-spacing: 0.7px;
}

#contenu .ligne2 .col6_en {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
letter-spacing: -0.2px;
}

#contenu .ligne2 .col6_en span {
letter-spacing: 5px;
}

#contenu .ligne2 .col7 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col7 span {
letter-spacing: 1.5px;
}

#contenu .ligne2 .col7_en {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
letter-spacing: -0.2px;
}

#contenu .ligne2 .col7_en span {
letter-spacing: 5px;
}

#contenu .ligne2 .col8 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 0 6px 11px;
}

#contenu .ligne2 .col9 {
display: block;
position: relative;
float: left;
top: 17px;
padding: 7px 10px 6px 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col9_en {
display: block;
position: relative;
float: left;
top: 17px;
padding: 0 10px 0 11px;
border-right: 1px solid #d3d2d2;
}

#contenu .ligne2 .col9_en span {
letter-spacing: 2.4px;
}


#contenu .ligne2 a {
color: #00685b;
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
font-weight: normal;
}

#contenu .ligne2 a:hover {
color: #00685b;
text-decoration: underline;
}

/* ----- ligne 3 ----- */

#contenu .ligne3 {
display: block;
position: relative;
width: 704px;
height: 65px;
background: url(./images/contenu_ligne3.png) no-repeat;
}

#contenu .ligne3 h1 {
display: block;
position: relative;
width: 704px;
height: 65px;
padding: 30px 0 0 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 20px;
color: #5F9D96;
font-weight: normal;
}

/* ----- ligne 4 ----- */

#contenu .ligne4 {
display: block;
position: relative;
width: 704px;
background: url(./images/contenu_ligne4.png) repeat-y;
padding: 30px 0 0 0; 
}

#contenu .ligne4 h3 {
display: block;
position: relative;
width: 704px;
padding: 10px 0 15px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 14px;
color: #00685b;
font-weight: bold;
clear: both;
}

#contenu .ligne4 h3.informations {
padding-bottom: 0;
}

#contenu .ligne4 p {
display: block;
position: relative;
padding: 0 45px 20px 45px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
color: #3c3c3c;
font-weight: normal;
text-align: justify;
}

#contenu .ligne4 p span {
font-weight: bold;
}

#contenu .ligne4 ul {
list-style-type: none;
padding: 0 45px 20px 45px;
margin: 0;
position: relative;
display: block;
}

#contenu .ligne4 ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
padding: 0 0 3px 15px;
margin: 0;
background: url(./images/puce.gif) no-repeat top left;
}

#contenu .ligne4 div {
list-style-type: none;
padding: 15px 0 15px 15px;
margin: 0;
position: relative;
display: block;
}

#contenu .ligne4 div.Clients_Garneau {
position: relative;
display: block;
float: left;
padding: 0 10px 10px 45px;
width: 94px;
}

#contenu .ligne4 div.Clients_Paco {
position: relative;
display: block;
float: left;
padding: 0 10px 10px 45px;
width: 45px;
}

#contenu .ligne4 div.Clients_Cryos {
position: relative;
display: block;
float: left;
padding: 0 10px 0 45px;
width: 80px;
}

#contenu .ligne4 div.Documents_Acrobat {
position: relative;
display: block;
text-align: center;
}

#contenu .ligne4 a {
color: #00685b;
text-decoration: underline;
}

#contenu .ligne4 a:hover {
color: #00685b;
text-decoration: none;
}

#contenu .ligne4 .green {
color: #00685b;
}

#contenu .ligne4 .italic {
font-style: italic;
}

#contenu .ligne4 .Information_Haut {
position: relative;
display: block;
width: 17px;
z-index: 5;
top: -20px;
left: 645px;
}

#contenu .ligne4 .image {
position: relative;
display: block;
width: 101px;
float: left;
z-index: 8;
padding: 0 20px 15px 45px;
}

#contenu .ligne4 .texte {
position: relative;
display: block;
width: 450px;
z-index: 8;
float: left;
padding: 20px 0 40px 0;
}

/* ----- ligne 5 ----- */

#contenu .ligne5 {
display: block;
position: relative;
width: 704px;
height: 92px;
background: url(./images/contenu_ligne5.png) no-repeat;
}

/* ====================== logo ====================== */

#logo {
display: block;
position: absolute;
width: 673px;
height: 158px;
background: url(./images/fond_logo.gif) no-repeat;
}

#logo div {
display: block;
position: absolute;
width: 291px;
left: 20px;
top: 50px;
z-index: 8;
}

/* ====================== logo ====================== */

#liens {
display: block;
position: absolute;
top: 80px;
left: 735px;
width: 300px;
text-align: right;
}

#liens a {
color: #ffffff;
text-decoration: none;
}

#liens a:hover {
color: #ffffff;
text-decoration: underline;
}

/* ====================== photo ====================== */

#photo {
display: block;
position: absolute;
width: 351px;
height: 292px;
background: url(./images/fond_logo.gif) no-repeat;
top: 159px;
}

/* ====================== citation ====================== */

#citation {
display: block;
position: absolute;
width: 288px;
height: 78px;
top: 480px;
left: 25px;
z-index: 9;
}

#citation h2 {
display: block;
position: relative;
padding: 8px 46px;
width: 288px;
height: 78px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 26px;
color: #ffffff;
font-weight: normal;
font-style: italic;
letter-spacing: 1px;
}

#citation h2 span {
font-weight: bold;
}

.bold {
font-weight: bold;
}
