.contenu {

overflow: auto;
border-left : 2px solid #4b77a4;
left : 20px;
position : relative;
background-color:#fff;
width:863px;

}

#menubackground { 
background-image : url('/templates/ms_dwtutorial/images/menufond3.gif');
height : 57px;
border : 0 solid #ff0066;
margin : 0;
text-align : center
font-family : Arial;
width : 900px; back:no-repeat
} 
.posrelative { 
position : relative;
bottom : 9px;
} 
table.transmenu { 
z-index : 1000;
} 
ul.menu li ul { 
display : none;
} 
ul.menu li:hover > ul { 
display : block;
border : medium solid #00ccff;
line-height : 100%;
word-spacing : 0;
margin-top : 0;
margin-bottom : 0;
} 
ul.menu { 
list-style : none;
float : left;
font-family : Arial;
font-size : 12px;
padding-top : 4px;
width : 600px;
height : 22px;
border-right : 2px solid #4b77a4;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
background-position : center 0%;
} 
ul.menu li { 
float : left;
display : block;
border : 0 solid #006600;
} 
ul.menu li.titre { 
border : 0 solid #006600;
padding-right : 15px;
padding-left : 15px;
} 
ul.menu li a { 
display : block;
border : 0 solid #cccccc;
color : #ffffff;
text-decoration : none;
text-align : center;
} 
ul.menu li a:hover { 
background-color : #7fa2e6;
border : 1px solid #f0f0f0;
} 
ul.menu li ul { 
position : absolute;
margin : 0;
padding : 0;
z-index : 1;
border : 1px solid #000099;
background-color : #3e6e9e;
background-image : url('imgmenuencascade/m1.gif');
background-position : -160px 0%;
width : 160px;
list-style-type : none;
} 
ul.menu li ul li ul { 
top : 0;
left : 155px;
z-index : 2;
border : thick solid #ff0033;
} 
ul.menu li ul li { 
position : relative;
float : none;
margin : 0;
padding : 0;
} 
ul.menu li ul li a { 
display : block;
margin : 0;
padding : 0;
width : 160px;
border : none;
} 
ul.menu li ul li a span { 
display : block;
width : 144px;
padding : 2px 6px;
margin : 0 2px;
border : none;
} 
ul.menu ul li a.next span { 
background-image : url('fleche.gif');
background-position : 0% 50%;
} 
ul.menu ul li a:hover.next span { 
background-position : -160px 50%;
} 
ul.menu ul li a:hover span { 
background-color : #000099;
color : #ffffff;
border : none;
} 
ul.menu ul li.first { 
padding-left : 0;
} 
ul.menu ul li.first a { 
padding-top : 2px;
background : url(imgmenuencascade/m1.gif) no-repeat -320px 0%;
} 
ul.menu ul li.last { 
padding-right : 0;
} 
ul.menu ul li.last a { 
padding-bottom : 2px;
background : url(imgmenuencascade/m1.gif) no-repeat left bottom;
} 
.vol { 
width : 185px;
position : absolute;
top : 360px;
right : 80px;
float : right;
border : 0 dotted #333333;
background-image : url('/templates/ms_dwtutorial/images/framemiddle.gif');
margin : 0;
padding : 0;
} 
.vol h2 { 
background-image : url('/templates/ms_dwtutorial/images/frametop.gif');
border : 0 dotted #009999;
width : 185px;
margin : 0;
padding : 0;
} 
.vol h2 span { 
font-family : Arial;
font-size : 11px;
} 
.vol .fin { 
background-image : url('/templates/ms_dwtutorial/images/framebottom.gif');
margin : 0;
padding : 0;
border : 0 dotted #003366;
height : 26px;
} 
.vol p { 
background-image : none;
border : 0 dashed #0033cc;
background-color : #b3c5bd;
margin : 0;
padding : 0;
} 
ul.cadrevolant { 
border : 0 dashed #996600;
margin-top : 0;
padding-top : 0;
width : 130px;
} 
ul.cadrevolant li { 
font-family : Arial;
font-size : 11px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #006633;
height : 160px;
} 
ul.cadrevolant li.adobe { 
list-style-image : url('/templates/ms_dwtutorial/images/adobelink.gif');
height : 23px;
} 
ul.cadrevolant li.cle { 
list-style-image : url('/templates/ms_dwtutorial/images/cle.gif');
height : 23px;
margin : 0;
padding : 0;
} 
ul.cadrevolant li a { 
text-decoration : none;
} 
ul.cadrevolant li a:visited { 
color : #666666;
} 
ul.cadrevolant li a:hover { 
background-color : #dedec8;
} 
ul.cadrevolant li a:active { 
background-color : #009966;
color : #ffffff;
} 
br { 
background-color : #ffffff;
} 
body { 
margin : 12px;
text-align : center;
background-image : url('/templates/ms_dwtutorial/fondecran.jpg');
background-attachment : fixed;
width : 100%;
padding : 0;
font : 8pt/16pt georgia;
color : #555753;
border : 0 dotted #003366;
} 
#conteneur { 
width : 904px;
text-align : left;
border : 0 dashed #ffffff;
margin-right : auto;
margin-left : auto;
display:block;
} 
#conteneur h1 { 
display : none;
} 
div#entete { 
background : url("cover_top.png") no-repeat;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
width : 883px;
} 
div#entete2 { 
background : url("cover_top.png") no-repeat;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 20px;
width : 861px;
border-top : 4px solid #4b77a4;
border-right : 2px solid #4b77a4;
border-left : 2px solid #4b77a4;
} 
#entete p, #entete h1, #entete h2, #entete h3 { 
margin : 0;
padding : 0;
color : #ff6633;
} 
#entete h1, #entete p { 
height : 287px;
position : relative;
clear : left;
padding-left : 20px;
width : 856px;
margin : 0;
padding-top : 0;
border : 0 solid #000066;
} 
#entete h2 { 
height : 18px;
position : relative;
margin-left : 20px;
background-image : url('/templates/ms_dwtutorial/images/bkinfo.gif');
width : 862px;
border-top-width : 1px;
border-bottom-width : 0;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #666666;
border-bottom-color : #666666;
vertical-align : top;
} 
#entete h3 { 
height : 28px;
background-image : url('/templates/ms_dwtutorial/images/bkdeco.gif');
position : relative;
text-align : center;
margin-bottom : 0px;
margin-left : 20px;
width : 861px;
color : #ff6633;
vertical-align : middle;
border : 2px solid #4b77a4;
} 
#entete h1 span, #entete h3 span { 
font-family : Arial;
font-size : 10px;
color : #ff6633;
vertical-align : middle;
} 
#entete h2 span { 
font-family : Arial;
font-size : 11px;
font-style : normal;
vertical-align : middle;
} 
.main { 
position : relative;
float : left;
width : 687px;
left : 0px;
margin : 0;
border-right : 2px solid #4b77a4;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 16px;
background-color : #ffffff;
display:block;
} 
.main p { 
padding-left : 40px;
padding-bottom : 0;
padding-right : 30px;
text-align : justify;
font-family : Tahoma;
font-size : 12px;
width : 600px;
} 

.main li { 
text-align : justify;
font-family : Tahoma;
font-size : 12px;
width : 500px;
} 

.main h3 { 
margin-top : 15px;
margin-left : 30px;
margin-right : 20px;
border : 2px dashed #4b77a4;
padding-left : 10px;
padding-right : 10px;
color : #ff6633;
} 
.main .trait, .main .traitinv { 
width : 615px;
margin-top : 20px;
padding-top : 20px;
color : #555753;
font-family : georgia;
font-size : 13px;
line-height : 16px;
font-weight : bold;
border : 0 dotted #0033cc; back:no-repeat
} 
.trait { 
background-image : url('/templates/ms_dwtutorial/images/separation-horizontale.gif');
} 
.traitinv { 
background-image : url('/templates/ms_dwtutorial/images/separation-horizontale-inve.gif');
} 
#footer { 
position : relative;
float : left;
width : 845px;
left : 20px;
top: -25px;
margin : 0;
border : 0 dashed #0033cc;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
border-top : 2px solid #4b77a4;
padding-left : 16px;
background-color : #ffffff;
border-right : 2px solid #4b77a4;
border-bottom : 2px solid #4b77a4;
border-left : 2px solid #4b77a4;
text-align : center;
font-family : Arial;
font-size : 9px;
color : #999999;
} 
pre { 
overflow : auto;
border : 2px solid #9b2;
padding : 5px 0 0 5px;
font-size : 1.2em;
} 
* html pre { 
width : 600px;
} 
ul#rubrique {
margin-top:0; 
float : left;
border-right: 0px;
width : 158px;
position : relative;
margin-left : 0;
background-image : url('/templates/ms_dwtutorial/images/rubriquefond.gif');
display : block;
padding : 0;
left : 0px;
list-style-type : none;
} 
ul#rubrique li { 
margin-left : 10px;
text-align : center;
border-left : 1px solid #dfdfdf;
border-right : 1px solid #dfdfdf;
border-bottom : 1px solid #dfdfdf;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 11px;
} 
ul#rubrique .head { 
margin-top : 20px;
margin-left : 10px;
height : 21px;
width : 148px;
border : 0 dotted #006666;
background-image : url('/templates/ms_dwtutorial/images/rubriquehaut.gif');
display : block;
} 
ul#rubrique h2 { 
height : 20px;
width : 98%;
text-align : center;
border-top-width : 3px;
border-bottom-width : 1px;
border-top-style : double;
border-bottom-style : solid;
border-top-color : #336600;
border-bottom-color : #336600;
background-color : #ecfbea;
border-right-width : 1px;
border-right-style : outset;
border-right-color : #336600;
border-left-width : 1px;
border-left-style : outset;
border-left-color : #336600;
} 
ul#rubrique h2 span { 
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 11px;
color : #333333;
border : 0 dotted #006633;
width : 100%;
font-weight : normal;
display:block;
} 
ul#rubrique h3 { 
text-align : center;
display : block;
width : 98%;
height : 20px;
list-style-type : square;
border-top-width : 1px;
border-right-width : 0;
border-bottom-width : 1px;
border-left-width : 0;
border-top-style : dotted;
border-right-style : dotted;
border-bottom-style : dotted;
border-left-style : dotted;
border-top-color : #003399;
border-right-color : #003399;
border-bottom-color : #003399;
border-left-color : #003399;
} 
ul#rubrique h3:hover { 
background-color : #b6e7b6;
} 
ul#rubrique li h3 { 
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 11px;
} 
ul#rubrique h3 a { 
text-decoration : none;
font-weight : normal;
font-size : 11px;
width : 98%;
border : 0 dotted #003399;
} 
ul#rubrique li h3 a:hover { 
background-color : #b6e7b6;
color : #000066;
} 
ul#rubrique .separation { 
margin-left : 10px;
background-image : none;
border : 0 dotted #0033cc;
background-color : #ffffff;
} 
ul#rubrique p { 
width : 136px;
margin-top : 12px;
margin-right : 0;
margin-bottom : 12px;
margin-left : 10px;
text-align : justify;
text-indent : 15px;
} 
ul#rubrique .pied { 
height : 34px;
width : 148px;
border : 0 dotted #cc9900;
background-image : url('/templates/ms_dwtutorial/images/rubriquebas.gif');
background-color : #ffffff;
margin-left : 10px;
padding : 0;
} 
#rubrique input { 
width : 80px;
height : 16px;
display : inline;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
} 
ul#rubrique img { 
border : 0 solid #003366;
vertical-align : middle;
}