/*interface globa///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////l*/

* {
margin:0;
padding:0;
}

body {
font-family:verdana, arial, sans-serif;

background-color:black;
}

div#interface {
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background04.jpg) no-repeat left top;
}

/*bouton print///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#print {
position:absolute;
top:190px;
left:336px;
width:64px;
height:40px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#print span {
display:none;
}

div#interface a#print:hover span {
display:block;
position:absolute;
bottom:-20px;
text-align:center;
background-color:none;
width:64px;
font-size:.85em;
}

/*bouton animation///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#animation {
position:absolute;
top:343px;
left:247px;
width:100px;
height:66px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#animation span {
display:none;
}

div#interface a#animation:hover span {
display:block;
position:absolute;
bottom:90px;
text-align:center;
background-color:none;
width:64px;
font-size:.85em;
}

/*bouton illustration///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#illustration {
position:absolute;
top:453px;
right:267px;
width:182px;
height:56px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#illustration span {
display:none;
}

div#interface a#illustration:hover span {
display:block;
position:absolute;
bottom:-19px;
right:70px;
background-color:none;
width:182px;
font-size:.85em;
}

/*bouton CV///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#cv {
position:absolute;
top:241px;
right:444px;
width:80px;
height:107px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#cv span {
display:none;
}

div#interface a#cv:hover span {
display:block;
position:absolute;
bottom:108px;
left:40px;
background-color:none;
width:182px;
font-size:.85em;
}

/*bouton web///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#web {
position:absolute;
top:275px;
left:540px;
width:43px;
height:43px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#web span {
display:none;
}

div#interface a#web:hover span {
display:block;
position:absolute;
left:40px;
top:15px;
background-color:none;
width:182px;
font-size:.85em;
}

/*bouton interface web02////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface_web a#web02 {
position:absolute;
top:52px;
left:663px;
width:55px;
height:25px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface_web a#web02 span {
display:none;
}

div#interface_web a#web02:hover span {
display:block;
position:absolute;
left:40px;
top:15px;
background-color:none;
width:182px;
font-size:.85em;
}

/*bouton interface web02////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface_web02 a#web {
position:absolute;
top:52px;
left:564px;
width:55px;
height:25px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface_web02 a#web span {
display:none;
}

div#interface_web02 a#web:hover span {
display:block;
position:absolute;
left:40px;
top:15px;
background-color:none;
width:182px;
font-size:.85em;
}



/*bouton contact///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface a#contact {
position:absolute;
top:425px;
right:453px;
width:41px;
height:29px;
display:block;
color:black;
text-decoration:none;
font-weight:bold;
}

div#interface a#contact span {
display:none;
}

div#interface a#contact:hover span {
display:block;
position:absolute;
left:115px;
top:-12px;
background-color:none;
width:182px;
font-size:.85em;
}

/*interface print et bouton retour de print a index///////////////////////////////////////////////////////////////////////////////////////*/

div#interface_print {
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background_print.jpg) no-repeat left top;
}

div#interface_print a#retour_print {
position:absolute;
top:51px;
right:354px;
width:22px;
height:24px;
}

/*interface animation et bouton retour de animation a index////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface_animation {
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background_print.jpg) no-repeat left top;
}

div#interface_animation a#retour_animation {
position:absolute;
top:51px;
right:354px;
width:22px;
height:24px;
}

/*interface web et bouton retour de web a index////////////////////////////////////////////////////////////////////////////////////*/

div#interface_web{
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background_print02.jpg) no-repeat left top;
}

div#interface_web a#retour_web {
position:absolute;
top:51px;
right:354px;
width:22px;
height:24px;
}

/*interface web02 et bouton retour de web a index////////////////////////////////////////////////////////////////////////////////////*/

div#interface_web02{
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background_print03.jpg) no-repeat left top;
}

div#interface_web02 a#retour_web {
position:absolute;
top:51px;
right:354px;
width:22px;
height:24px;
}

/*interface illustration et bouton retour de illustration a index///////////////////////////////////////////////////////////////////////*/

div#interface_illustration {
position:relative;
width:1280px;
height:768px;
margin: 0 auto;
background:url(img/background_print.jpg) no-repeat left top;
}

div#interface_illustration a#retour_illustration {
position:absolute;
top:51px;
right:354px;
width:22px;
height:24px;
}

/*contenu print///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#couv_emc a#couv_emc {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#couv_emc a#couv_emc {
position:absolute;
top:112px;
left:381px;
width:98px;
height:120px;
}

div#couv_emc img{
border:none;
}

div#couv_emc ul li{
top:206px;
left:396px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#affiche_20ans a#affiche_20ans {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#affiche_20ans a#affiche_20ans {
position:absolute;
top:112px;
left:489px;
width:98px;
height:120px;
}

div#affiche_20ans img{
border:none;
}

div#affiche_20ans ul li{
top:206px;
left:502px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#illu_OPO a#illu_OPO {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#illu_OPO a#illu_OPO {
position:absolute;
top:112px;
left:597px;
width:98px;
height:120px;
}

div#illu_OPO img{
border:none;
}

div#illu_OPO ul li{
top:206px;
left:610px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#max a#max {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#max a#max {
position:absolute;
top:112px;
left:705px;
width:98px;
height:120px;
}

div#max img{
border:none;
}

div#max ul li{
top:206px;
left:713px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#visite_test a#visite_test {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#visite_test a#visite_test {
position:absolute;
top:112px;
left:813px;
width:98px;
height:120px;
}

div#visite_test img{
border:none;
}

div#visite_test ul li{
top:206px;
left:826px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#visite_final a#visite_final {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#visite_final a#visite_final {
position:absolute;
top:252px;
left:381px;
width:98px;
height:120px;
}

div#visite_final img{
border:none;
}

div#visite_final ul li{
top:346px;
left:409px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#carrefour a#carrefour {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#carrefour a#carrefour {
position:absolute;
top:252px;
left:489px;
width:98px;
height:120px;
}

div#carrefour img{
border:none;
}

div#carrefour ul li{
top:346px;
left:517px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#math a#math {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#math a#math {
position:absolute;
top:252px;
left:597px;
width:98px;
height:120px;
}

div#math img{
border:none;
}

div#math ul li{
top:346px;
left:617px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#math02 a#math02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#math02 a#math02 {
position:absolute;
top:252px;
left:705px;
width:98px;
height:120px;
}

div#math02 img{
border:none;
}

div#math02 ul li{
top:346px;
left:724px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#nuro a#nuro {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#nuro a#nuro {
position:absolute;
top:252px;
left:813px;
width:98px;
height:120px;
}

div#nuro img{
border:none;
}

div#nuro ul li{
top:346px;
left:841px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#livre a#livre {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#livre a#livre {
position:absolute;
top:392px;
left:381px;
width:98px;
height:120px;
}

div#livre img{
border:none;
}

div#livre ul li{
top:487px;
left:383px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

/*contenu web///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#interface_aec_01 a#interface_aec_01 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#interface_aec_01 a#interface_aec_01 {
position:absolute;
top:112px;
left:381px;
width:98px;
height:120px;
}

div#interface_aec_01 img{
border:none;
}

div#interface_aec_01 ul li{
top:206px;
left:403px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#interface_aec_02 a#interface_aec_02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#interface_aec_02 a#interface_aec_02 {
position:absolute;
top:112px;
left:489px;
width:98px;
height:120px;
}

div#interface_aec_02 img{
border:none;
}

div#interface_aec_02 ul li{
top:206px;
left:511px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#interface_aec_03 a#interface_aec_03 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#interface_aec_03 a#interface_aec_03 {
position:absolute;
top:112px;
left:597px;
width:98px;
height:120px;
}

div#interface_aec_03 img{
border:none;
}

div#interface_aec_03 ul li{
top:206px;
left:618px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#medad_01 a#medad_01 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#medad_01 a#medad_01 {
position:absolute;
top:112px;
left:705px;
width:98px;
height:120px;
}

div#medad_01 img{
border:none;
}

div#medad_01 ul li{
top:206px;
left:724px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#medad_02 a#medad_02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#medad_02 a#medad_02 {
position:absolute;
top:112px;
left:813px;
width:98px;
height:120px;
}

div#medad_02 img{
border:none;
}

div#medad_02 ul li{
top:206px;
left:834px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#medad_03 a#medad_03 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#medad_03 a#medad_03 {
position:absolute;
top:252px;
left:381px;
width:98px;
height:120px;
}

div#medad_03 img{
border:none;
}

div#medad_03 ul li{
top:346px;
left:403px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#medad_04 a#medad_04 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#medad_04 a#medad_04 {
position:absolute;
top:252px;
left:489px;
width:98px;
height:120px;
}

div#medad_04 img{
border:none;
}

div#medad_04 ul li{
top:346px;
left:513px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#thiriet_01 a#thiriet_01 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#thiriet_01 a#thiriet_01 {
position:absolute;
top:252px;
left:597px;
width:98px;
height:120px;
}

div#thiriet_01 img{
border:none;
}

div#thiriet_01 ul li{
top:346px;
left:623px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#thiriet_02 a#thiriet_02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#thiriet_02 a#thiriet_02 {
position:absolute;
top:252px;
left:705px;
width:98px;
height:120px;
}

div#thiriet_02 img{
border:none;
}

div#thiriet_02 ul li{
top:346px;
left:732px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#sncf_01 a#sncf_01 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#sncf_01 a#sncf_01 {
position:absolute;
top:252px;
left:813px;
width:98px;
height:120px;
}

div#sncf_01 img{
border:none;
}

div#sncf_01 ul li{
top:346px;
left:816px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#saison a#saison {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#saison a#saison {
position:absolute;
top:392px;
left:381px;
width:98px;
height:120px;
}

div#saison img{
border:none;
}

div#saison ul li{
top:486px;
left:390px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#veto a#veto {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#veto a#veto {
position:absolute;
top:392px;
left:489px;
width:98px;
height:120px;
}

div#veto img{
border:none;
}

div#veto ul li{
top:486px;
left:511px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#alexis a#alexis {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#alexis a#alexis {
position:absolute;
top:392px;
left:598px;
width:98px;
height:120px;
}

div#alexis img{
border:none;
}

div#alexis ul li{
top:486px;
left:607px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#PI a#PI {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#PI a#PI {
position:absolute;
top:392px;
left:706px;
width:98px;
height:120px;
}

div#PI img{
border:none;
}

div#PI ul li{
top:486px;
left:711px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#PI02 a#PI02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#PI02 a#PI02 {
position:absolute;
top:392px;
left:813px;
width:98px;
height:120px;
}

div#PI02 img{
border:none;
}

div#PI02 ul li{
top:486px;
left:819px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

/*contenu animation///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#cuisine a#cuisine {
position:absolute;
top:112px;
left:381px;
width:98px;
height:120px;
}

div#cuisine img{
border:none;
}

div#cuisine ul li{
top:206px;
left:405px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#pj01 a#pj01 {
position:absolute;
top:112px;
left:489px;
width:98px;
height:120px;
}

div#pj01 img{
border:none;
}

div#pj01 ul li{
top:206px;
left:505px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#pj02 a#pj02 {
position:absolute;
top:112px;
left:597px;
width:98px;
height:120px;
}

div#pj02 img{
border:none;
}

div#pj02 ul li{
top:206px;
left:613px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#pj03 a#pj03 {
position:absolute;
top:112px;
left:705px;
width:98px;
height:120px;
}

div#pj03 img{
border:none;
}

div#pj03 ul li{
top:206px;
left:721px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#nis1 a#nis1 {
position:absolute;
top:112px;
left:813px;
width:98px;
height:120px;
}

div#nis1 img{
border:none;
}

div#nis1 ul li{
top:206px;
left:834px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#nis2 a#nis2 {
position:absolute;
top:252px;
left:381px;
width:98px;
height:120px;
}

div#nis2 img{
border:none;
}

div#nis2 ul li{
top:346px;
left:403px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#sncf1 a#sncf1 {
position:absolute;
top:252px;
left:489px;
width:98px;
height:120px;
}

div#sncf1 img{
border:none;
}

div#sncf1 ul li{
top:346px;
left:515px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#sncf2 a#sncf2 {
position:absolute;
top:252px;
left:597px;
width:98px;
height:120px;
}

div#sncf2 img{
border:none;
}

div#sncf2 ul li{
top:346px;
left:623px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#sol a#sol {
position:absolute;
top:252px;
left:705px;
width:98px;
height:120px;
}

div#sol img{
border:none;
}

div#sol ul li{
top:346px;
left:729px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#play a#play {
position:absolute;
top:252px;
left:813px;
width:98px;
height:120px;
}

div#play img{
border:none;
}

div#play ul li{
top:346px;
left:837px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


/*contenu illustration///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#monster a#monster {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#monster a#monster {
position:absolute;
top:112px;
left:489px;
width:98px;
height:120px;
}

div#monster img{
border:none;
}

div#monster ul li{
top:206px;
left:500px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#monster02 a#monster02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#monster02 a#monster02 {
position:absolute;
top:112px;
left:597px;
width:98px;
height:120px;
}

div#monster02 img{
border:none;
}

div#monster02 ul li{
top:206px;
left:608px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#PJ a#PJ {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#PJ a#PJ {
position:absolute;
top:112px;
left:705px;
width:98px;
height:120px;
}

div#PJ img{
border:none;
}

div#PJ ul li{
top:206px;
left:722px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}


div#v20ans a#v20ans {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#v20ans a#v20ans {
position:absolute;
top:112px;
left:381px;
width:98px;
height:120px;
}

div#v20ans img {
border:none;
}

div#v20ans ul li {
top:206px;
left:395px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#picto a#picto {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#picto a#picto {
position:absolute;
top:112px;
left:813px;
width:98px;
height:120px;
}

div#picto img{
border:none;
}

div#picto ul li{
top:212px;
left:827px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#picto_evol a#picto_evol {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#picto_evol a#picto_evol {
position:absolute;
top:252px;
left:381px;
width:98px;
height:120px;
}

div#picto_evol img{
border:none;
}

div#picto_evol ul li{
top:351px;
left:417px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

/*contenu interface web02/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#linie a#linie {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#linie a#linie {
position:absolute;
top:112px;
left:381px;
width:98px;
height:120px;
}

div#linie img {
border:none;
}

div#linie ul li {
top:206px;
left:395px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}

div#linie02 a#linie02 {
position:relative;
width:98px;
height:120px;
margin: 0 auto;
}

div#linie02 a#linie02 {
position:absolute;
top:112px;
left:489px;
width:98px;
height:120px;
}

div#linie02 img {
border:none;
}

div#linie02 ul li {
top:206px;
left:504px;
position:absolute;
font-size:0.58em;
text-align:center;
list-style:none;
}