html, body {
margin: 0;
padding: 0;
height: 100%
}
#splash{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
min-height:850px;
background:white;
z-index:10000;
}
#splash p{
text-align:center;
font-size:72px;
margin-top:50px;
}
#contents{
background: #E2DFDF;
position:relative;
margin-left:auto;
margin-right:auto;
width:780px;
border-top:2px solid #ffffff;
padding:0;
padding-bottom:20px;
}
#bandeauexplicatif{
width:760px;
height:186px;
margin-left:9px;
margin-top:10px;
background:url("../images/index/bandeau-explicatif.gif");
}
#bandeauexplicatif #cts_intro{
background:url("../images/index/fond_bandeau.gif");
position:absolute;
left:15px;
top:15px;
width:512px;
height:176px;
padding:0;
margin:0;
border:0px;
}
#bandeauexplicatif #cts_intro img{
border:0px;
vertical-align: middle;
}
#bandeauexplicatif #cts_intro #intro_titre{
color:#FFFFFF;
/*font-weight:bold;*/
font-size:30px;
text-align:center;
padding-top:19px;
margin-bottom:5px;
}
#bandeauexplicatif #cts_intro .intro_text{
color:#FFFFFF;
font-family:verdana;
/*padding:5px 10px 0 17px;*/
/*padding:5px 10px 0 6px;*/
padding:5px 6px 0 6px;
height:16px;
font-size:12px;
/*font-size:13px;*/
font-weight:bold;
}
#bandeauexplicatif #cts_intro .intro_text img{
margin-left:7px;
}
#bandeauexplicatif #temoignagetext{
position:absolute;
left:532px;
width:219px;
height:0px;
top:122px;
padding:5px;
color:#0C5689;
}
#bandeauexplicatif #temoignagetext p{
font-size:11px;
margin-bottom:2px;

}
#bandeauexplicatif #temoignage{
position:absolute;
left:529px;
top:15px;
}
#bandeauexplicatif #savoirplus{
position:absolute;
width:85px;
height:15px;
top:99px;
left:532px;
background:url("../images/index/savoirplus.gif");
padding-top:2px;
text-align:center;
}
#bandeauexplicatif #savoirplus a{
font-size:10px;
color:#ffffff;
text-decoration:none;
}
#choixpartition{
position:relative;
margin-left:10px;
margin-top:10px;
width:378px;
height:441px;
background:url("../images/index/partition.gif");
}
#choixpartition h2{
position:absolute;
top:15px;
left:16px;
width:309px;
height:22px;
}
#choixpartition h3#touslestitres{
position:absolute;
top:51px;
left:16px;
}
#choixpartition h3#nouveautes{
position:absolute;
top:80px;
left:14px;
}
#choixpartition h3#coupdecoeurtitre{
position:absolute;

left:14px;
top:245px;
}
#choixpartition h3#prochainement{
position:absolute;
top:416px;
left:14px;
}
#choixpartition div.nouveaute{
position: absolute;
top:103px;
width:120px;
}
#choixpartition div.nouveaute#nv1{
left:15px;
}
#choixpartition div.nouveaute#nv2{
left:136px;
}
#choixpartition div.nouveaute#nv3{
left:257px;
}
#choixpartition div.nouveaute div.cadreimg{
width:108px;
height:108px;
border:1px solid #0C5689;
margin-bottom:5px;
overflow:hidden;
background:#000;
}
#choixpartition div.nouveaute div.cadreimg img{
width:108px;
height:108px;
}
#choixpartition div.nouveaute p.extraitmusic{
position:absolute;
top:114px;
left:93px;
}
#choixpartition div.nouveaute a{
font-size:10px;
color: #0C5689;
}
#coupdecoeur div.cadreimg{
position:absolute;
width:108px;
height:108px;
border:1px solid #0C5689;
margin-bottom:5px;
overflow:hidden;
background:#000;
top:269px;
left:16px;
}
#coupdecoeur div.cadreimg img{
width:108px;
}
#coupdecoeur div.cadreimg img.over{
position:absolute;
top:0px;
left:0px;
}
#coupdecoeur p.partitions{
position:absolute;
top:388px;
left:16px;
}
#coupdecoeur p.extraitmusic{
position:absolute;
top:385px;
left:110px;
}
#coupdecoeur p.partitions a{
color:#0C5689;
}
#coupdecoeur #contenucdc{
position:absolute;
width:220px;
left:143px;
top:269px;
}
#coupdecoeur h3{
color:#0C5689;
font-size:15px;
}
#coupdecoeur h4{
color:black;
font-size:15px;
margin-bottom:5px;
}
#coupdecoeur p{
color:#0C5689;
font-size:10px;
}
#guide{
position:absolute;
background:url("../images/index/guide.gif");
width:372px;
height:140px;
top:207px;
left:397px;
}
#guide h2{
position:absolute;
width:338px;
height:24px;
top:15px;
left:18px;

}
#guide #instru1{
position:absolute;
left:15px;
top:55px;
width:93px;
}
#guide #instru2{
position:absolute;
left:108px;
top:55px;
width:93px;
}
#guide #instru3{
position:absolute;
left:201px;
top:55px;
width:93px;
}
#guide #instru4{
position:absolute;
left:290px;
top:55px;
width:93px;
}
#guide div img{
position:absolute;
top:3px;
left:11px;
width:47px;
height:47px;
}
#guide div p.nominstru{
position:absolute;
top:52px;
left:15px;
font-size:12px;
}

#guide div p.nominstru2{
position:absolute;
top:52px;
left:10px;
font-size:12px;
}

#guide div p.nominstru3{
position:absolute;
top:52px;
left:14px;
font-size:12px;
}
#guide div p.nominstru4{
position:absolute;
top:52px;
left:15px;
font-size:12px;
}

#guide div p.liensinstru{
position:absolute;
top:3px;
left:197px;
width:170px;
font-size:12px;
}
#guide div p.deux{
top:12px;
}
#guide div p.unseul{
top:18px;
}
#guide div p{
color:#0C5689;
}
#guide div p a{
color:#0C5689;
}
#aides{
position:absolute;
top:488px;
left:396px;
width:375px;
height:160px;
background:url("../images/index/aides.gif");
}

#pourquoi{
position:absolute;
top:354px;
left:396px;
width:374px;
height:144px;

}

#ecoles{
position:absolute;
top:354px;
left:396px;
width:374px;
height:144px;

}

#aides h2{
position:absolute;
top:13px;
left:18px;
width:186px;
height:22px;
}
#aides p{
position:absolute;
top:45px;
left:5px;
}
a.nu
{
text-decoration:none;
}
a.nu img
{
border:0;
}

.bouton
{
position:absolute;
right:10px;
bottom:-3px;
}

#bouton_0
{
position:absolute;
left:109px;
bottom:37px;

}