/*****************************************/
/*               General       			  */
/*****************************************/
* {
margin:0;
padding:0;
}

html, body {
margin: 0;
padding: 0;
height:100%;
}

body {
margin:0;
padding:0;
height: 100%;
text-align: center;
font-size:62.5%;
font-family : Verdana, Arial, Helvetica, sans-serif;
background:#9DAAB8 url(images/pat_DTG.gif);
/*background-color:#374058;*/
height:100%;
}

img {
display: block;
}

a img {
border:0;
}

#texte h2 {
color:#F90;
text-transform:uppercase;
font-size:1.1em;
padding-left:16px;
margin-top:15px;
}

#texte span {
font-size:0.8em;
}

strong {
color:#374058;
font-weight:800;
}

a.pdf {
padding-left:16px;
background:transparent url(images/pdf.gif) no-repeat;
color:#36C;
}

a.pdf:hover {
text-decoration:none;
}

/*****************************************/
/*               Menu          	      */
/*****************************************/

#menu, #menu-en {
width:575px;
height:42px;
border:0;
padding:0;
float:left;
margin-top:65px;
margin-left:10px;
padding:0;
position:relative;
}

#menu {
background:#1B2B4B url(images/menu.gif) no-repeat;
}

#menu-en {
background:#1B2B4B url(images/menu-en.gif) no-repeat;
}

#menu li, #menu-en li {
list-style: none;
width:114px;
position:absolute;
}

#menu li, #menu a, #menu-en li, #menu-en a {
display: block;
text-decoration:none;
color:#000;
height:42px;
margin: 0;
padding: 0;
}

#compagnie, #company {
left: 0;
}

#cable, #wire {
left: 116px;
}

#sciage, #concrete {
left: 231px;
}

#pierre, #stone {
left: 346px;
}

#contact, #contactus {
left: 461px;
}

#compagnie a:hover{
background:transparent url(images/menu.gif) 0px -42px;
}

#company a:hover{
background:transparent url(images/menu-en.gif) 0px -42px;
}

#cable a:hover{
background:transparent url(images/menu.gif) -116px -42px;
}

#wire a:hover{
background:transparent url(images/menu-en.gif) -116px -42px;
}

#sciage a:hover{
background:transparent url(images/menu.gif) -231px -42px;
}

#concrete a:hover{
background:transparent url(images/menu-en.gif) -231px -42px;
}

#pierre a:hover{
background:transparent url(images/menu.gif) -346px -42px;
}

#stone a:hover{
background:transparent url(images/menu-en.gif) -346px -42px;
}

#contact a:hover{
background:transparent url(images/menu.gif) -461px -42px;
}

#contactus a:hover{
background:transparent url(images/menu-en.gif) -461px -42px;
}

/*****************************************/
/*               Blocs          	      */
/*****************************************/

#container {
margin-left: auto;
margin-right: auto;
width:775px;
/*background-color:#3F4B6C;*/
background-color:#374058;
text-align: left;
position: relative;
/*overflow:auto;*/
}

#header {
width:775px;
height:141px;
background:transparent url(images/fd-header.png) no-repeat;
border-bottom:1px solid #21283D;
}

#logo {
width:190px;
height:140px;
float:left;
}

#header em{
display:none;
}

ul.langue, ul.langueEn {
width:104px;
height:33px;
background:#253A6A url(images/fd-langue.png) no-repeat;
float:left;
margin-left:459px;
display: inline;
}

#header ul.langue li, #header ul.langueEn li{
list-style-type:none;
display:inline;
float:left;
}

#header ul.langue a, #header ul.langueEn a {
display:block;
height:18px;
}

#header ul.langue a.en, #header ul.langue a.fr, #header ul.langueEn a.en, #header ul.langueEn a.fr{
height:33px;
}

#header ul.langue a.en {
background:transparent url(images/flag-en-on.gif) no-repeat 19px 6px;
width:45px;
}

#header ul.langueEn a.en {
background:transparent url(images/flag-en-off.gif) no-repeat 19px 6px;
width:45px;
}

#header ul.langue a.fr {
margin-left:14px;
background:transparent url(images/flag-fr-off.gif) no-repeat 0px 6px;
width:26px;
}

#header ul.langueEn a.fr {
margin-left:14px;
background:transparent url(images/flag-fr-on.gif) no-repeat 0px 6px;
width:26px;
}

#animHome {
height:294px;
width:490px;
background:transparent url(images/fd-anim.gif) no-repeat 23px 16px;
padding-left:33px;
padding-top:25px;
float:left;
margin-left:0;
}

#blocCable, #blocWire {
width:231px;
height:303px;
float:left;
padding-left:15px;
margin-top:16px;
}

#blocCable {
background:transparent url(images/fd-bloc-cable2.gif) no-repeat;
}

#blocWire {
background:transparent url(images/fd-bloc-cable-en.gif) no-repeat;
}


#photoCable {
width:184px;
height:151px;
background:#FFF url(images/le-cable-diamant.gif) no-repeat 0 126px;
margin-top:15px;
}

#photoCable2 {
width:184px;
height:151px;
background:#FFF url(images/the-diamond-wire.gif) no-repeat 0 126px;
margin-top:15px;
}

#blocCable p, #blocWire p {
margin-top:6px;
width:184px;
}

#bouton-en {
padding-top:30px;
}

#bouton-fr {
padding-top:22px;
}

.paveHome1 {
clear:both;
margin-left:23px;
width:225px;
display: inline;
}

.paveHome1, .paveHome {
width:225px;
border:3px solid #212D49;
height:94px;
background-color:#2C3B63;
float:left;
margin-bottom:13px;
}

.paveHome {
margin-left:20px;
}

.sousPaveHome {
margin-top:6px;
margin-left:7px;
width:210px;
background:transparent url(images/fd-pave-home.gif) center bottom;
height:81px;
}

.sousPaveHome img {
margin-top:1px;
margin-left:1px;
float:left;
}

.sousPaveHome h2 {
font-size:0.8em;
margin-top:0;
margin-left:1px;
padding-top:0;
height:30px;
}

.sousPaveHome a em{
display:none;
}

.sousPaveHome p {
font-size:0.9em;
padding-top:6px;
padding-right:6px;
padding-left:86px
}

.sousPaveHome a{
color:#FFF;
text-decoration:none;
}

.sousPaveHome a:hover{
text-decoration:underline;
}

#footer, #footer2 {
clear:both;
background-color:#2D3342;
color:#DBE3ED;
}

#footer2 {
background:#2D3342 url(images/bottom-contenu.png) no-repeat;
padding-top:29px;
}

#footer a, #footer2 a{
color:#DBE3ED;
}

#footer a:hover, #footer2 a:hover{
text-decoration:underline;
}

#footer ul, #footer2 ul{
padding-top:5px;
padding-bottom:5px;
width:100%;
text-align:right;
}

#footer li, #footer2 li {
list-style-type:none;
margin-right:1px solid #DBE3ED;
display: inline;
margin-right:8px;
}

#contenu {
background:#FFF url(images/top-contenu.gif) no-repeat;
width:752px;
margin-top:13px;
margin-left:12px;
overflow:auto;
}

#texte {
widows:351px;
width:351px;
float:left;
}

#texte h1{
padding-left:16px;
padding-top:35px;
color:#36C;
font-size:2.3em;
margin-top:2px;
}

#texte p{
padding-left:16px;
margin-top:20px;
width:319px;
text-align:justify;
font-size:1.1em;
}

#texte ul{
margin-top:15px;
}

#texte li{
list-style-type:none;
margin-left:25px;
background:transparent url(images/puce.gif) no-repeat 0 3px;;
padding-left:12px;
font-size:1.1em;
}

p.intro {
color:#374058;
font-size:1em;
font-weight:800;
width:319px;
text-align:justify;
}

#images {
float:left;
margin-left:11px;
width:390px;
}

#imgGde {
/*margin-left:11px;*/
margin-top:12px;
}

#imgGde img{
border:1px solid #36C;
}

.vignette {
float:left;
margin-top:12px;
margin-right:9px;
}

.vignette a img{
border:1px solid #36C;
}

.vignette a img:hover{
border:1px solid #F90;
}