body{
background: #dddddd url("bg.png") repeat-x;
margin: 0 0 100px 0;
height: 760px;
overflow: scroll;
padding: 0;
font-family: arial,verdana, sans-serif;
font-size: 0.74em;
}

img, a, p, ul, ol {
border: none;
margin: 0;
padding: 0;
}

#conteneur{
width: 1000px;
margin: 0 auto;
}

#menu {
height: 43px;
margin-left: 10px;
}

#header {
height: 194px;
}

#content {
padding: 30px 0px 0px 0px; 
}

/* ----------------------------- menu ----------------------------- */

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 43px;
position: absolute;
top: 194px;
}
 
#menu li {
display: inline;
float: left;
margin-right: 5px;
text-align: center;
width: auto !important;
background:url("menu_right.png") no-repeat right top;
}

#menu a{
display: block;
font-size: 1.4em;
text-decoration: none;
color: #999;
background:url("menu_left.png") no-repeat left top;
padding: 11px 17px 0 17px;
height: 43px;
}


#menu a:hover {
color: #fff;
}

#menu li.selected{
background:url("menu_selected-right.png") no-repeat right top;
}

#menu li.selected a {
background:url("menu_selected-left.png") no-repeat left top;
color: #000;
}


/* ----------------------------- content ----------------------------- */


#content #left {
width: 530px;
float: left;	
padding: 0; margin: 0;
}

#content #right {
float: right;
padding: 0; margin: 0;
width: 420px;	
}

#content #col_left {
width: 260px;
/*height: 600px;*/
float: left;
padding: 0; margin: 0;
}
#content #col_centrale {
margin-left: 295px;
margin-right: 235px;
}
#content #col_right_large {
width: 700px;
float: right;
margin-right: 0px;
}
#content #col_centrale_large {
margin-right: 115px;
margin-left: 260px;
}
#content #col_right {
float: right;
width: 200px;
}

.productName {
font-family: Arial;
font-weight: bold;
font-size: 110%;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-style: solid;
border-width: 0px 0px 1px 0px;
}

#content .onglet, 
#content .onglet_sec{
padding-top: 15px;
background: url("h1_bg.png") -200px 0 no-repeat;
height: 35px;
margin-bottom: 15px;
}

#content .onglet_sec{
background-position: -128px 0;
margin-bottom: 40px;
}

#content h1{
font-size: 1.8em;
font-weight: normal;
padding-left: 27px;
margin-top: 2px;
background: url("h1_bullet.png") 8px 3px no-repeat;
}


#content .ongletpt{
padding-top: 15px;
background: url("h2_bg.png") -180px 0 no-repeat;
height: 23px;
margin-bottom: 15px;
}

#content h2{
font-size: 1.3em;
font-weight: bold;
padding-left: 27px;
margin-top: 0px;
background: url("h2_bullet.png") 8px 2px no-repeat;
}

#content p{
margin-bottom: 10px;	
}

#content h3{
font-weight: bold;
padding-left: 0px;
margin-top: 10px;
border-style: solid;
border-width: 0px 0px 1px 0px;
border-color: #888;
}

/*  sub-menu  */

#content #sub_menu{
list-style-type : none;
margin-bottom: 25px;
border-top: solid 1px #000;
background-image: none;
}

#content #sub_menu li{
text-transform: uppercase;
border-bottom: solid 1px #000;
padding: 0;
}

#content #sub_menu a{
padding: 7px 0 7px 12px;
display: block;
color: #252525;
text-decoration: none;
margin: 0;
}


#content #sub_menu a:hover {
padding: 7px 0 7px 12px;
background: url(link_arrow.png) left center no-repeat;
}


#content #sub_menu li.selected a, 
#content #sub_menu li.selected a:hover {
color: #000;
font-weight: bold;
background: #eaeaea url(link_arrow-select.png) left center no-repeat;
}


#content #sub_menu li.selected a:hover {
color: #000;
font-weight: bold;
background: #eaeaea url(link_arrow-select.png) left center no-repeat;
}


/*  liste  */

#content ul.arrow{
list-style-type : none ;
margin-top: 6px;
}

#content ul.arrow li{
display: block;
text-indent: 15px;
background: url(listeBullet.png) 0 2px no-repeat;
margin-bottom: 3px;
}


#content ul.box{
list-style-type: none;	
margin-top: 3px;
position: relative;
}

#content ul.box li{
display: block;
background: url(box_bullet.png) 0 5px no-repeat;
margin-top: 2px;
text-indent: 12px;
}

#content ul.whitesquare{
list-style-type: none;	
margin-top: 3px;
}

#content ul.whitesquare li{
display: block;
background: url(white_bullet.png) 0 5px no-repeat;
margin-top: 2px;
padding-left: 12px;
}


/*  a  */

#content a.more, 
#content a.box-more,
#content a.box-more_alternate {
display: block;
font-size: .9em;
height: 26px;
margin: 15px 0 25px 0;
background: url("btmoreGray_right.png") right center no-repeat;
cursor: pointer;
text-decoration: none;
width: 120px;
}

#content a.box-more_alternate{
margin: 5px 0 0 0;
background: url("btmore_right.png") right center no-repeat;
position: absolute;
bottom: 10px;
right: 10px;
}

#content a.box-more{
margin: 0 !important;
margin: -12px 0 -10px 0;
background: url("btmore_right.png") right center no-repeat;
float: right;
}

#content a.box-more_alternate:hover,
#content a.box-more:hover {
background: url("btmore_right.png") right center no-repeat;
}

#content a.more:hover {
background: url("btmoreGray_right.png") right center no-repeat;
}

#content a.box-more span,
#content a.more span,
#content a.box-more_alternate span{
color: #fff;
display: block;
height: 21px;
margin-right: 22px;
padding: 5px 10px 0 10px;
background: url("btmore_left.png") left center no-repeat;
}

#content a.more span{
background: url("btmoreGray_left.png") left center no-repeat;
}

#content a{
color: #000;
}

#content a:hover {
background: url("link_bg.png") left bottom repeat-x;
text-decoration: none;
}

#col_centrale a, #col_centrale_large a {
font-weight: bold;
color: #602020;
}


/*  box  */

#content div.box-yams, 
#content div.box-swift, 
#content div.box-visio, 
#content div.box{
margin-top: 20px;
width: 260px;
color: #fff;
}

#content div.box-swift{
background: url("box_top-swift.png") no-repeat;
float: right;
}
#content div.box-yams{
background: url("box_top-yams.png") no-repeat;
float: left;
}
#content div.box-visio{
background: url("box_top-visio.png") no-repeat;
float: left;
}
#content div.box{
float: left;
background: url("box_top.png") no-repeat;
margin-top: 0;
margin-bottom: 20px;
}


#content div.box-yams div, 
#content div.box-swift div, 
#content div.box-visio div, 
#content .box .content{
color: #000;
height: 185px;
position: relative;
padding: 105px 15px 8px 15px;
background: url("box_bottom.png") left bottom no-repeat;
}

#content .box .title{
color: #fff;
float: left;
width: 260px;
padding: 5px 0 0 15px;
height: 25px;
font-size: 1.6em;
}

#content .box .title a{
color: #fff;
text-decoration: none;
}

#content .box .content{
padding: 8px 15px;
height: auto;
float: left;
}

/* ----------------------------- footer ----------------------------- */

#footer {
clear: both;
width: 1000px;
margin: 0 auto;
}

#footer div {
font-size: .8em;
padding: 30px 0 0 15px;
color: #515151;
}

/* ----------------------------- form ----------------------------- */

input, textarea {
    padding: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #000 #999 #999 #000;
}

input.submit {
    padding: 0 20px 1px 2px;
    text-align: right;
    height: 21px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    background: #ba0116 url("submit_bg.png") top right no-repeat;
    border: none;
}

.note {
    font-size: 9px;
    font-style: oblique;
}