@charset "UTF-8";
/*Amankai Araya*/

body,td,th, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image:url(images/fond.jpg);

}

img {
border:0px;

}

a:link, a:focus, a:visited{
color:#c22848;
text-decoration:none;

}



a:hover{
color: #333333;
text-decoration:none;

}

#entete {
width:380px;
height:200px;
background-image:url(images/logo_amankai.jpg);
background-repeat:no-repeat;
float:left;
margin-top:50px;
margin-left:50px;

}


/* Navigation */

#navigation  {
height:100px;
}


#navigation li {
float:left;
margin-top:125px;
padding:0;
border-left: 1px black solid;
width:120px;


}

#navigation ul {
margin:0;
padding:0;
list-style-type:none;
text-align: left;



}

#navigation li ul li{
text-align:left;
margin-top:4px;
margin-left:0px;
padding-left:0px;
width:120px;

}

#navigation li a {
display:block;
width:100px;
color:black;
text-decoration:none;
padding:5px;

}

#navigation li a:hover {
color:#c22848;

}


#navigation ul li ul {
display: none;
font-size:9px;

}


#navigation ul li:hover ul {
display: block;


}

#navigation li:hover ul li {
 float:none;
 }


#texte {
	position:absolute;
	left:75px;
	top:276px;
	width:200px;
	height:90px;
	border-left:1px black solid;
}

#texte p {
margin-left:10px;
}

#precedent {
	position:absolute;
	border-left:2px black solid;
	padding-left:5px;
	left:75px;
	top:375px;
	width:55px;
	height:15px;
	z-index:1;

}



#precedent a:link, #precedent a:visited, #suivant a:link, #suivant a:visited{
color:black;
}

#precedent a:hover, #suivant a:hover{
color:#c22848;
}

#suivant {
	position:absolute;
	border-left:2px black solid;
	padding-left:5px;
	left:145px;
	top:375px;
	width:55px;
	height:15px;
	z-index:2;
}



#contenu {
width:555px;
margin-left:305px;
margin-top:170px;

}

#slideshow {
position: relative; 
width:565px;
height:333px;
margin-left:305px;
margin-top:170px;
overflow:hidden;

}

#sContent li { 
    display: inline; 
}

#sContent { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 1695px; 
    margin: 0;             
    padding: 0; 
     
    /*CSS3 keyframes animation*/ 
    -webkit-animation-name: AutoSlide; 
    -webkit-animation-duration: 15s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 1s;
	  
	
	-o-animation-name: AutoSlide; 
    -o-animation-duration: 10s; 
    -o-animation-iteration-count: infinite; 
    -o-animation-timing-function: ease-in-out;
	
	-moz-animation-name: AutoSlide; 
    -moz-animation-duration: 10s; 
    -moz-animation-iteration-count: infinite; 
    -moz-animation-timing-function: ease-in-out;
}

#liens{
width:555px;
margin-left:235px;
margin-top:170px;

}

#encadre {
	position:absolute;
	left:67px;
	top:462px;
	width:275px;
	height:170px;
	background-image:url(images/encadre_rose.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-top:20px;
	font-size:9px;
}

#encadre2 {
	position:absolute;
	left:59px;
	top:300px;
	width:275px;
	height:170px;
	background-image:url(images/encadre2.jpg);
	background-repeat:no-repeat;
	padding-left:95px;
	padding-top:20px;
	font-size:11px;
}

@-webkit-keyframes 'AutoSlide' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -565px; /*2ème image*/ 
    } 
    50% { 
        left: -565px; /*idem pour attente*/ 
    } 
    70% { 
        left: -1130px; /*3ème image*/ 
    } 
    85% { 
        left: -1130px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
}

@-moz-keyframes 'AutoSlide' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -565px; /*2ème image*/ 
    } 
    50% { 
        left: -565px; /*idem pour attente*/ 
    } 
    70% { 
        left: -1130px; /*3ème image*/ 
    } 
    85% { 
        left: -1130px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
}


@-o-keyframes 'AutoSlide' { 
    0% { 
        left: 0px; /*1ère image*/ 
    } 
    15% { 
        left: 0px; /*idem pour attente*/ 
    } 
    35% { 
        left: -565px; /*2ème image*/ 
    } 
    50% { 
        left: -565px; /*idem pour attente*/ 
    } 
    70% { 
        left: -1130px; /*3ème image*/ 
    } 
    85% { 
        left: -1130px; /*idem pour attente*/ 
    } 
    100% { 
        left: 0px; /*1ère image*/ 
    } 
}


-webkit-transition: all 1s;   /* pour Webkit */ 
   -o-transition: all 1s;   /* pour Opera 10.5+ */ 
   -moz-transition: all 1s;   /* pour Firefox 3.7 */ 
   transition: all 1s;   /* pour tous (futur...) */