/*
THEME NAME: ISAO - Design
DESCRIPTION: Crée pour Sophie Ménissier dans le cadre d'un projet HETIC.
AUTHOR: at
*/
*{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
        /*font-family: Courier New, Courier, monospace;*/
        /*font-family: Times New Roman, Times, serif;*/
	/*font-family: Georgia, Times New Roman, Times, serif;*/
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        /*font-family: Geneva, Arial, Helvetica, sans-serif;*/
        -moz-outline: none;
}

#header{
	text-indent:-9999px;
	text-align:center;
}

#bkg{
	position:absolute;
	left: 50%; 
        top: 50%;
	width:1000px;
	height:600px;
	background:transparent url(images/bkg-accueil.jpg) no-repeat scroll 0 0;
	margin-top: -300px; /* moitié de la hauteur de l'image */
        margin-left: -500px; /* moitié de la largeur de l'image */
	z-index:0;
}

#global{
	position:absolute;
        left: 50%; 
        top: 50%;
	width:1000px;
	height:600px;
        margin-top: -300px; /* moitié de la hauteur de l'image */
        margin-left: -500px; /* moitié de la largeur de l'image */
	color:silver;
	z-index:3;	
}

#body {
	height:100%;
	width:100%;
	margin:0;
	text-align:justify;
	z-index:5;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

#menu {
	width: 475px ;
	list-style: none ;
	margin-top:20px;
	float:left;
}

#menu li a {
	display:block;
	margin:10px 0px 0px 0px;
	padding:0;
	position:relative;
	text-align:right;
	font-size:1.1em;
	font-weight: bold;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
	-moz-outline: none;
}

#menu li a:link, #menu li a:visited, #menu li a:active 
{ 
	text-decoration: none; 
	color: silver;
}

#menu li a:hover {
	color:Peru;
}

#menu ul li.current_page_parent a, #menu ul li.page_item current_page_parent a, #menu ul li.current_page_item a, #menu ul li.page_item current_page_item a 
{
	color:Peru;
}

.entry-content a:link, .entry-content a:visited, .entry-content a:active { 
	color: silver;
}

.entry-content a:hover { 
	color: white;
}

.entry-title a:link, .entry-title a:visited, .entry-title a:active {
	color:white;
}

.entry-title a:hover { 
	color: silver;
}

#content a img.alignleft
{
	float: left;
	margin-right: 5px;
}

#content a img.alignright
{
	float: right;
	margin-left: 5px;
}
#content a img:hover {
	border-color:#FFFFFF;
}

#content a img {
	border:1px solid #000000;
}

div#menu ul,div#menu ul ul {
	line-height:1;
	list-style:none;
	margin:0;
	padding:0;
}

#content {
	float:right;
	height:315px;
	width:510px;
	margin-top:95px;
	font-size:13px;
	overflow-y:auto;
	position:relative;
	line-height:19px;
	color:#FFFFFF;
}

#content h2{
	font-size:16px;
	margin-top:-20px;
}

#content h3{
	margin-top:10px;
	margin-bottom:5px;
}

.entry-content {
	width:375px;/*330px*/
	margin:10px 0px 10px 0px;
}
.entry-meta {
	margin-bottom:15px;
}

.sidebar{
	display:none;
}

div.skip-link {
	display:none;	
	position:absolute;
	right:1em;
	top:1em;
}

#footer {
	position:relative;
	/*height:100%;*/
	text-align:right;
	margin-top:520px;
	margin-right:10px;
}

.entry-meta {
	display:none;
}

.entry-date {
	display:none;
}

span#massage a:link, span#massage a:visited, span#massage a:active   {
	text-decoration: none;
	color:SteelBlue;
}

span#massage a:hover   {
	text-decoration: none;
	background-color:white;
}

span#danse a:link, span#danse a:visited, span#danse a:active   {
	text-decoration: none;
	color:DarkOrange;
}

span#danse a:hover   {
	text-decoration: none;
	background-color:white;
}

span#contact a:link, span#contact a:visited, span#contact a:active   {
	text-decoration: none;
	color:purple;
}

span#contact a:hover   {
	text-decoration: none;
	background-color:white;
}

#centerflash{
	position:absolute;
        left: 50%; 
        top: 50%;
	width:1000px;
	height:600px;
        margin-top: -300px; /* moitié de la hauteur de l'image */
        margin-left: -500px; /* moitié de la largeur de l'image */
	
}

#flash {
	width:100%;
	text-align:center;
	position:absolute;
	z-index:0;
}

