/* 

DIAGS 2008 | © DELTA WEB http://www.delta-web.com



*/

body {
margin:0;
font:14px Arial, Helvetica, sans-serif;
color:#3a5185;
line-height:15px;
background:#fff url(../images/bg.jpg) repeat-x;
}

img {
border:none;
}

a {
text-decoration:underline;
color:#3a5185;
}

a:hover {
text-decoration:none;
color:#8a9fbe;
}

p {
margin:5px 0 10px 0;
}

h1 {
margin:0 0 10px 0;
font:100 22px Arial, Helvetica, sans-serif;
line-height:18px;
letter-spacing:-1px;
text-align:center;
}

h2 {
margin:15px 0 10px 0;
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#8a9fbe;
}

strong {
color:#8a9fbe;
}

form {
margin:0;
}

input, textarea {
border:1px solid #8a9fbe;
font:12px Arial, Helvetica, sans-serif;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: ID
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#global {
position:absolute;
width:950px;
left:50%;
margin:0 0 0 -475px;
}

#headNav {
height:80px;
}

#main {
margin:20px 0 0 0;
background:url(../images/bg_main.gif) repeat-y;
}
#main #head {
height:20px;
background:url(../images/head_main.jpg) no-repeat;
clear:both;
}

#colLeft {
float:left;
width:200px;
height:560px;
background:url(../images/bg_col_left.jpg) no-repeat;
}

#colRight {
float:left;
width:750px;
}

#header {
width:749px;
/* height:280px; */
background:#fff;
}

#content {
padding:20px;
}

/* --- Footer
   --------------------------------------------------------------
*/

#footer {
clear:both;
height:20px; /*60px*/
padding:40px 20px 0 0;
text-align:right;
background:url(../images/bg_footer.gif) no-repeat;
font-size:11px;
}

/* --- Nav section
   --------------------------------------------------------------
*/

#navSection {
float:left;
list-style:none;
margin:0 0 0 104px;
padding:0;
}

#navSection li {
float:left;
margin:0;
padding:0;
}

#navSection li a {
display:block;
width:140px;
height:80px;
}

#navSection li#btSec0 a {
background-image:url(../images/bt_p7_contact.jpg);
}
#navSection li#btSec1 a {
background-image:url(../images/bt_p7_distrib.jpg);
}
#navSection li#btSec2 a {
background-image:url(../images/bt_p7_mach7.jpg);
}
#navSection li#btSec3 a {
background-image:url(../images/bt_p7_diags.jpg);
}

#headNav img {
float:left;
}

/* --- Nav
   --------------------------------------------------------------
*/

#nav {
list-style:none;
margin:0;
padding:109px 0 0 10px;
background:url(../images/logo_section.jpg) 10px 0 no-repeat;
}

#nav li {
margin:0;
padding:0;
}

#nav li a {
display:block;
width:190px;
height:40px;
background-position:0 0;
}

#nav li a:hover {
background-position:-200px 0;
}

#nav li.selected a {
background-position:-200px 0;
cursor:default;
}

#nav li#bt0 a {
background-image:url(../images/bt0.jpg);
}
#nav li#bt1 a {
background-image:url(../images/bt1.jpg);
}
#nav li#bt2 a {
background-image:url(../images/bt2.jpg);
}
#nav li#bt3 a {
background-image:url(../images/bt3.jpg);
}
#nav li#bt4 a {
background-image:url(../images/bt4.jpg);
}

/* --- details _fullscreen
   --------------------------------------------------------------
*/

#zoomModules {
z-index:100;
position:absolute;
top:410px;
left:50%;
margin:0 0 0 -350px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   :::::
   ::::: CLASS
   :::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

.clearBoth {
clear:both;
}

.noBorder {
border:none;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

.floatLeftIMG {
float:left;
margin:0 10px 10px 0;
}

.floatRightIMG {
float:right;
margin:0 0 10px 10px;
}

.size1 {
font:bold 14px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#8a9fbe;
}

.h2Round {
line-height:40px;
text-indent:10px;
margin:5px 0 10px 0;
background:url(../../p7-distrib/images/bg_titre.gif) no-repeat;
}
.h2Round1 {
line-height:40px;
text-indent:10px;
margin:5px 0 0 0;
background:url(../../p7-distrib/images/bg_titre.gif) no-repeat;
}

/* --- Blocs contenu
   --------------------------------------------------------------
*/

.blocC1 {
background:#f3f5f8;
/* border:1px solid #d0d9e5; */
padding:10px;
margin:5px 0 10px 0;
}

.blocC2 {
font-size:14px;
line-height:18px;
padding:0 0 10px 0;
}

/* --- Colone contenu
   --------------------------------------------------------------
*/

.colX2 {
float:left;
width:45%;
padding:10px;
}

.colX3 {
float:left;
width:30%;
padding:10px;
}

/* --- Listing fonctionnalité
   --------------------------------------------------------------
*/

.listFonc {
clear:both;
border-top:1px solid #8a9fbe;
padding-top:20px;
}

.listFonc h2 {
margin:0 0 20px 0;
}

.listFonc .blocPhoto {
float:left;
width:250px;
}

.listFonc .blocTexte {
float:left;
width:460px;
}

/* --- Tableaux
   --------------------------------------------------------------
*/

.tabLogo td {
width:180px;
vertical-align:top;
padding:10px;
}

.tabForm td {
padding:5px;
}

/* --- configuration-installation
   --------------------------------------------------------------
*/
.question{
width:660px;
background:url(../images/bg_question.gif) top no-repeat;
padding-left:40px;
padding-top:10px;
padding-bottom:20px;
margin-bottom:15px;
}
.reponse{
width:660px;
background:url(../images/bg_reponse.gif) bottom no-repeat;
padding-right:40px;
padding-top:25px;
padding-bottom:12px;
margin-bottom:15px;
}
.choix{
margin:12px 0 0 50px;
width:115px
}