/* Importation de police */
@font-face {
    font-family: 'lady_iceregular';
    src: url('fonts/ado.justice_subdomain/ladyic__-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyic__-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyic__-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyic__-webfont.ttf') format('truetype'),
         url('img/ladyic__-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_icebold';
    src: url('fonts/ado.justice_subdomain/ladyib__-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyib__-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyib__-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyib__-webfont.ttf') format('truetype'),
         url('img/ladyib__-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_iceitalic';
    src: url('fonts/ado.justice_subdomain/ladyici_-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyici_-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyici_-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyici_-webfont.ttf') format('truetype'),
         url('img/ladyici_-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_ice_-_condensedregular';
    src: url('fonts/ado.justice_subdomain/ladyicn_-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyicn_-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyicn_-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyicn_-webfont.ttf') format('truetype'),
         url('img/ladyicn_-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_ice_revisitedregular';
    src: url('fonts/ado.justice_subdomain/ladyir__-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyir__-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyir__-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyir__-webfont.ttf') format('truetype'),
         url('img/ladyir__-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_ice_revisitedbold';
    src: url('fonts/ado.justice_subdomain/ladyirb_-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyirb_-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyirb_-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyirb_-webfont.ttf') format('truetype'),
         url('img/ladyirb_-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'impossible_-_0regular';
    src: url('fonts/ado.justice_subdomain/impos0__-webfont.eot');
    src: url('fonts/ado.justice_subdomain/impos0__-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/impos0__-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/impos0__-webfont.ttf') format('truetype'),
         url('img/impos0__-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lady_ice_-_scbold';
    src: url('fonts/ado.justice_subdomain/ladyiscb-webfont.eot');
    src: url('fonts/ado.justice_subdomain/ladyiscb-webfont.eot#iefix') format('embedded-opentype'),
         url('fonts/ado.justice_subdomain/ladyiscb-webfont.woff') format('woff'),
         url('fonts/ado.justice_subdomain/ladyiscb-webfont.ttf') format('truetype'),
         url('img/ladyiscb-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
	 
	 
/* Page */
body { 
  	height: 100%;
	width:480px;
		
}


/* Bandeau */


/* Contenant principal*/

#page_index{
position:relative;
width:480px;
height:100%;
z-index:0;
background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.frame {
position:relative;
width:100%;
height:100%;
border:0px;
padding:0px;
left:230px;
}
.cadre{
position:relative;
width:100%;
height:100%;
margin-left:100px;
margin-top:70px;
z-index:1;
}

/* Menu */

.menu_left {
height:100%;
text-align:center;
position:relative;
width:185px;
font-size:24px;
margin-top:40px;
margin-left:0px;
z-index:99;
}

.menu_left h1,h2,h3,h4 {position:relative;
border-radius: 30px;
font-family: lady_ice_revisitedregular;
height:30px;
z-index:1;
cursor:pointer;
}

.accordeon1 {
position:relative;
padding-top:25px;
margin-bottom:10px;
margin-top:-20px;
border-radius: 10px;
font-family: lady_ice_revisitedregular;
font-size:16px;
background-color:#A0A393;
z-index:0;
text-align:left;
padding-left:10px;
padding-bottom:10px;
}
.accordeon2 {
position:relative;
padding-top:25px;
margin-bottom:10px;
margin-top:-20px;
border-radius: 10px;
font-family: lady_ice_revisitedregular;
font-size:16px;
background-color:#A0A393;
z-index:0;
text-align:left;
padding-left:10px;
padding-bottom:10px;
}
.accordeon3 {
position:relative;
padding-top:25px;
margin-bottom:10px;
margin-top:-20px;
border-radius: 10px;
font-family: lady_ice_revisitedregular;
font-size:16px;
background-color:#A0A393;
z-index:0;
text-align:left;
padding-left:10px;
padding-bottom:10px;
}
.accordeon4 {
position:relative;
padding-top:25px;
margin-bottom:10px;
margin-top:-20px;
border-radius: 10px;
font-family: lady_ice_revisitedregular;
font-size:16px;
background-color:#A0A393;
z-index:0;
text-align:left;
padding-left:10px;
padding-bottom:10px;
}

#menu1 {
background: #99FF00;
}
	
#menu2 {
background: #00C2E3;
}

#menu3 {
background: #9966FF;
}

#menu4 {
background: #FF4B00;
 }

#rub1 li a{
color:#000000;
text-decoration:none;
}

#rub1 li a:hover{
background: #99FF00;
}

#rub2 li a{
color:#000000;
text-decoration:none;
}

#rub2 li a:hover{
background: #00C2E3;
}

#rub3 li a{
color:#000000;
text-decoration:none;
}

#rub3 li a:hover{
background: #9966FF;
}

#rub4 li a{
color:#000000;
text-decoration:none;
}

#rub4 li a:hover{
background: #FF4B00;
}

#logo_ado {
background-image:url(img/logo_ado.gif);
position:relative;
float:left;
width:107px;
height:106px;
margin-left:40px;
margin-top:60px;}

#logo_ado:hover {
background-image:url(img/HOME_OK_on.png);
}


/* Page d'accueil */

.pastille{
background-image:url(img/rond_vert.png);
background-repeat:no-repeat;
width:100%;
max-width:600px;
height:100%;
position:relative;
margin-top:100px;
margin-left:300px;
z-index:0;
}



.ado_bienvenue{
	font-family:impossible_-_0regular;
	font-size:50px;
	position:relative;
	width:358px;
	text-align:center;
	margin-top:-220px;
	color:#0071BC;
	float:left;
}

.ado_titre{
	font-family:lady_ice_-_scbold;
	font-size:75px;
	position:relative;
	margin-top:-160px;
	width:358px;
	text-align:center;
	color:#0071BC;
}

.ado_chapo{
	font-family:lady_ice_revisitedregular;
	font-size:15px;
	width:230px;
	left:55px;
	color: #000000;
	position:relative;
	z-index:1;
	padding-top:0px;
	text-align:center;
}
   


#bloc_ado {
background-image:url(img/bloc_ado.png);
width:430px;
height:324px;
position:relative;
margin-left:-200px;
margin-top:-230px;
z-index:1;

}

#bloc_loupe {
width:660px;
height:120px;
background-color:#77005E;
position:relative;
border-radius: 10px;
margin-left:-150px;
margin-top:-40px;
padding-bottom:50px;


}
#dock {position:relative; top:60px;display:none;left:50px; 
z-index:1;}

#bloc_loupe .titre {
position:relative;
color:#FFFFFF;
font-size:34px;
font-family:lady_ice_revisitedregular;
float:right;
margin-right:10px;
}



#balance {background-image:url(img/balance.gif);
background-repeat:no-repeat;
width:95px;
height:102px;
position:relative;
margin-left:130px;
margin-top:-150px;
z-index:2;


}

#symboles {background-image:url(img/symboles.png);
width:247px;
height:147px;
position:relative;
margin-left:130px;
margin-top:-150px;
z-index:0;


}

#sceptre {
background-image:url(img/sceptre.gif);
width:111px;
height:153px;
position:relative;
margin-left:-40px;
margin-top:-20px;
z-index:0;}

#sceaux{
background-image:url(img/sceaux.gif);
width:103px;
height:136px;
position:relative;
margin-left:260px;
margin-top:-80px;
z-index:0;
}

#glaive {
background-image:url(img/glaive.png);

background-repeat:no-repeat;
width:121px;
height:244px;
position:relative;
margin-left:300px;
margin-top:20px;
z-index:10;
}

#code {
background-image:url(img/code.png);
background-repeat:no-repeat;
width:93px;
height:100px;
position:relative;
margin-left:-20px;
margin-top:0px;
z-index:2;
}

.jeu{
position:relative;
background-image:url(img/le_jeu.png);
width:196px;
height:161px;
float:left;
margin-left:30px;
margin-top:0px;
vertical-align: middle;
}
.texte_jeu{
position:relative;
margin-left:250px;
padding-top:60px;
color:#FFFFFF;
font-family:lady_iceregular;
font-size:24px;

}


/* Footer*/

#ft {
position:relative;
height:140px;}

.footer {
position:absolute;
bottom:0px;
width:100%;
z-index:1;
height:60px;
vertical-align:bottom;
padding-bottom:0px;
}

.footer .frise {
position:relative;
background-image:url(img/frise.gif);
height:40px;
}

.footer .textfoot {
background-color:#666666;
font-family: lady_ice_revisitedregular;
font-size:16px;
height:20px;
position:relative;
}

.footer .textfoot a{
text-decoration:none;
color:#000000;
}

.footer .textfoot a:hover {
color:#FFFFFF;
}



.vspacer {
height:10px;}


.yui-skin-sam {height:1080px;
}