/* ######### CSS for Shade Tabs. Remove if not using ######### */
.Onglets {
border:1px solid #aaa8a7;
width:580px;
min-height:310px;
margin-bottom: 1em;
padding: 15px 20px 7px 15px;
background-color: #492825;
color: #aaa8a7;
font-size:.9em;
}
* html .Onglets {
height: 310px; /* hack uniquement interpr&eacute;t&eacute; par IE Win+Mac*/
}

.Onglets img {
padding: 5px 10px 7px 5px;
}
.Onglets p {
padding:10px 0 10px 0;
}
.Onglets2 {
border:1px solid #aaa8a7;
width:750px;
min-height:400px;
margin-bottom: 1em;
background-color:#492825;
color: #aaa8a7;
font-size:.9em;
}
* html .Onglets2 {
height: 400px; /* hack uniquement interpr&eacute;t&eacute; par IE Win+Mac*/
}


.Onglets2 img {
padding-right: 5px;
}
.Onglets2 p {
padding:10px 0 10px 0;
text-align:center;
}


.Onglets2 th {
border:1px solid #aaa8a7;
border-left:0;
border-top:0;

}
.Onglets2 td{
border:1px solid #aaa8a7;
border-left:0;
border-top:0;
text-align:center;
}

.Onglets2  a {
color:#CC3300; }
.Onglets2  a:hover {
color:#CC3366; }


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 30px;
margin-bottom: 0;
font-size:.8em;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #aaa8a7;
color: #2d2b2b;
background: white url(../images/shade2n.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/shadeactive2n.gif);
border-bottom-color: #492825;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
padding:5px;
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
.iconspan{
float: left;
margin-right: 20px;
cursor:hand;
cursor:pointer;
color:#CC6600;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
font-size:.8em;

}

div.eg-bar{
width: 280px;
}

.icongroup2{
width: 350px;
color:#333366;
font-style:italic;
}

