/*
 ----------------------------------------------------
 CSS - Feuille de style pour www.SUI-MicroMagic.ch  |
 1 Bandeau                                          |
 1 Onglet                                           |
 3 colonnes                                         |
 1 Pied-de-page                                     |
 Date: 19-04-2007                                   |
 Adaptation du style existant: www.MC-concept.ch    |
 ----------------------------------------------------
 */
*{margin:0;padding:0;}
body{
 color:#336699;
 background: #FFF;
 font-size:100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-image:url('mcc_mm_bantxt1_900.jpg');
 background-repeat:no-repeat;
 background-position:center top;
}
a:link{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
a:visited{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
a:active{
 color:#cc0066;
 background-color:inherit;
 text-decoration :none;
}
a:hover{
 color:#4682b4;
 background-color:inherit;
 font-style:normal;
 text-decoration:underline;
}
#container{
 margin:0px auto 0px auto;
}
#container a:link{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
#container a:visited{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
#container a:active{
 color:#cc0066;
 background-color:inherit;
 text-decoration :none;
}
#container a:hover{
 color:#4682b4;
 background-color:inherit;
 font-style:normal;
 text-decoration:underline;
}

#banner img,#banner span{
 display:none;
}

#siteTitle{
 position:absolute;
 padding:0.2em 0.5em 0.2em 0.5em;
 line-height:1.6em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.6em;
 font-weight:bold;
}

#leftcol{
 clear:both;
 float:left;
 width: 12em;
 margin:10px 0 0 10px;
 padding:0em 6px 3px 0;
 background-image:url('mcc_drt_bas_160.png');
 background-repeat:no-repeat;
 background-position:right bottom;
 font-size: 0.9em;
}
#leftcol[id]{
/*  position:fixed;*/
}

#maincol{
 margin:10px 13em 10px 13em;
 padding:0em 0.4em 0.8em 0.4em;
 color:#336699;
 background-color:#fff;
 background-image:url('mcc_bas_drt.png');
 background-repeat:no-repeat;
 background-position:right bottom;
 font-size: 0.95em;
}
#maincol p{
 padding:0.5em;
}
#maincol ol,
#maincol ul{
 margin-left:1.5em;
 padding:0.5em;
}

#rightcol{
 float:right;
 width: 12em;
 margin:10px 10px 0 0;
 padding:0 6px 3px 0.5em;
 background-image:url('mcc_drt_bas_160.png');
 background-repeat:no-repeat;
 background-position:right bottom;
 font-size: 0.9em;
}

.box{
 padding:0 0.5em 0.4em 0.5em;
 color:#336699;
 background:#f8f8ff;
 font-size: 0.9em;
}
.box h1{
 padding:0.4em 0 0.5em 0;
 color:#330066;
 background:#f8f8ff;
 font-size: 1.1em;
}
.box p{
 padding-bottom:0.5em;
}
.box p a{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
.box p a:hover{
 color:#330066;
 background-color:inherit;
 text-decoration:none;
}
.mainBox{
 padding:0 0.5em 0.4em 0.5em;
 color:#336699;
 background:#f8f8ff;
 text-decoration:none;
 font-size: 0.9em;
}
.mainBox h1{
 padding-top:0.4em;
 color:#330066;
 background:#f8f8ff;
 font-size:1.1em;
}
.mainBox p{
 padding-top:0.5em;
}
.mainBox h1 a{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
.mainBox h1 a:hover{
 color:#330066;
 background-color:inherit;
 text-decoration:none;
}

/***** Navigation Top *****/
#navtop{
 margin:194px auto 0 auto;
 text-align:center;
}
#navtop ul{
 height:22px;
 margin:0 10px;
 text-align:center;
 border-bottom:1px solid #3399cc;
}

#navtop li{
 margin:0 2px;
 padding-top:2px;
 padding-bottom:2px;
 display:inline;
 color:#330066;
 background:inherit;
 background-image:url('mcc_blc_bleu_50.gif');
 background-repeat:repeat-x;
 border-top:1px solid #3399cc;
 border-right:1px solid #3399cc;
 border-left:1px solid #3399cc;
 font-size:0.9em;
 list-style:none;
 white-space:nowrap;
 text-align:center;
}
#navtop li:hover{
 background-image:url('mcc_bleu_blc_50.gif');
 background-repeat:repeat-x;
 background-position:center -36px;
 border-bottom:4px solid #fff;
}
#navtop li a{
 padding:0 1.2em;
 color:#c06;
 background:inherit;
 font-weight:bold;
 text-decoration:none;
 text-transform:uppercase;
}
#navtop li a:link{
 color:#c06;
 background:inherit;
 text-decoration:none;
}
#selected[id]{
 color:#336699;
 background:inherit;
 background-image:url('mcc_bleu_blc_50.gif');
 background-repeat:repeat-x;
 background-position:center -36px;
 border-bottom:4px solid #fff;
 text-decoration:none;
}
#selected[id] a{
 color:#336699;
 background:inherit;
 cursor:default;
}
#selected[id] a:hover{
 color:#336699;
 background:inherit;
 cursor:default;
}
/***** Navigation Left *****/
#navleft{
 margin-bottom:6px;
 padding:0 0.5em 0.4em 0.5em;
 color:#336666;
 background-color:#f8f8ff;
 font-size:0.9em;
}
#navleft ul,#navleft li{
 padding:0.2em;
 color:#000;
 background-color:inherit;
 font-weight:bold;
 list-style:none;
 display:block;
}
#navleft a{
 color:#cc0066;
 background-color:inherit;
 text-decoration:none;
}
#navleft a:active{
 color:#330066;
 background-color:inherit;
 text-decoration:none;
}
#navleft a:hover{
 color:#330066;
 background-color:inherit;
 text-decoration:none;
}

/***** Navigation Parent ?? *****/
#navparent{
 padding-left:0.2em;
 padding-right:0.2em;
 border-bottom:1px solid #516695;
 /*line-height:1.4em ;*/
 color:#333;
 background:#D2D1D9;
 font-size:0.9em;
}
#navparent a{
 padding-left:0.6em;
 padding-right:0.6em;
 color:#333;
 background:#D2D1D9;
 text-decoration:none;
}
#navparent a:hover,#navparent .selected{
 color:#fff;
 background:#516695;
}

/* Pied-de-page */
#footer{
 clear:both;
 margin:15px 10px 5px 10px;
 padding:0.1em 0.5em 0em 0.5em;
 border-top:1px solid #3399cc;
 color:#369;
 background:inherit;
 font-size:0.8em;
 text-align:center;
}
#mcc_footer{
 clear:both;
 margin-bottom:10px;
 height:16px;
 background-image:url('mcc_logo_style.jpg');
 background-repeat:no-repeat;
 background-position:bottom center;
 text-align:center;
}
#mcc_footer img{
 border:none;
}