/* ------------------------------ */
/* header disciplines */
/* ------------------------------ */
#discipline ul {padding:0; margin:0 auto 27px auto; list-style-type:none; width:210px; height:158px; position:relative;}
#discipline img {border:0;}
#discipline li {display:block; height:50px; width:50px; float:left; margin:1px;}
#discipline a {display:block; width:48px; height:48px; border:1px solid #000; line-height:48px; text-align:center; text-decoration:none; color:#fff;}
#discipline a em, #disciplines a span {display:none;}
a#link1 {background:#f5f5f5; color:#000;}
a#link2 {background:#f5f5f5; color:#000;}
a#link3 {background:#f5f5f5; color:#000;}
a#link4 {background:#f5f5f5; color:#000;}
a#link5 {background:#f5f5f5; color:#000;}
a#link6 {background:#f5f5f5; color:#000;}
a#link7 {background:#f5f5f5; color:#000;}
a#link8 {background:#f5f5f5; color:#000;}
a#link9 {background:#f5f5f5; color:#000;}
a#link10 {background:#f5f5f5; color:#000;}
a#link11 {background:#f5f5f5; color:#000;}
a#link12 {background:#f5f5f5; color:#000;}


a:hover#link1 {background:#708090; color:#fff;}
a:hover#link1 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link1 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link2 {background:#708090; color:#fff;}
a:hover#link2 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link2 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link3 {background:#708090; color:#fff;}
a:hover#link3 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link3 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link4 {background:#708090; color:#fff;}
a:hover#link4 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link4 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link5 {background:#708090; color:#fff;}
a:hover#link5 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link5 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link6 {background:#708090; color:#fff;}
a:hover#link6 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link6 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link7 {background:#708090; color:#fff;}
a:hover#link7 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link7 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link8 {background:#708090; color:#fff;}
a:hover#link8 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link8 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link9 {background:#708090; color:#fff;}
a:hover#link9 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link9 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link10 {background:#708090; color:#fff;}
a:hover#link10 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link10 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link11 {background:#708090; color:#fff;}
a:hover#link11 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link11 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}

a:hover#link12 {background:#708090; color:#fff;}
a:hover#link12 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px dashed #C3D3E2; background:#F4F4F4; color:#2F4F4F;}
a:hover#link12 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #708090; line-height:1px;}






/* --------------------------------------------------------------------------------- */
/* Test Liste disciplines */
/* --------------------------------------------------------------------------------- */


#mainimages {
list-style: none;
width: 410px;
margin: 5px 5px 25px 0;
background: #F4F4F4;
border: 1px dashed #C3D3E2;
}
#mainimages ul{
margin: 15px 5px 15px 0;
list-style: none;
width: 400px;
}
#mainimages li.prodt a, #mainimages li.prodt a:link, #mainimages li.prodt a:visited{
width: 300px;
height: 14px;
margin: 0;
color: #000;
padding-left: 5px! important;
font: normal 13px/16px arial, helvetica, sans-serif;
color:#2F4F4F;
}
#mainimages li.prodt a:hover, #mainimages li.prodt a:active{
font-weight: bold;
color:#2F4F4F;
text-decoration: none;
border-bottom: 3px solid #CD5C5C;
}
#mainimages li.espace{
margin: 0 0 5px 35px;
color: #778899;
padding: 0 0 0 11px;
background: url(../styles/images/voir_r.gif) 0 6px no-repeat;
font: normal 13px/22px arial, helvetica, sans-serif;
}
#mainimages li.espace a, #mainimages li.espace a:link, #mainimages li.espace a:visited{
width: 300px;
height: 14px;
color: #000;
padding: 10px 10px 1px 5px;
padding-left: 5px! important;
font: normal 13px/16px arial, helvetica, sans-serif;
color:#2F4F4F;
}
#mainimages li.espace a:hover, #mainimages li.espace a:active{
height: 14px;
font-weight: bold;
color:#2F4F4F;
text-decoration: none;
border-bottom: 3px solid #CD5C5C;
}