/* GLOBAL */

body[orient="portrait"] {
	background-color: #111622; 
	height: 480px; 
	width: 320px;
}
body[orient="landscape"] {
	background-color: #111622; 
	height: 320px; 
	width: 480px;
}

div#left {
	float: left;
	width: 160px;
	height: 320px;
	margin: 4px;
}
div#logo {
	width: 160px;
    height: 80px;
}
div#menu {
	width: 160px;
    height: 240px;
	text-align: right;
	line-height: 140%; 
}

div#right {
	float: left;
    height: 320px;
	margin: 4px;
}
div#contenu {
	margin-top: 80px;
	width: 160px;
    height: 240px;
}
div#press {
	margin-top: 80px;
	width: 160px;
    height: 240px;
}

img#photo { 
	width: 100%; 
	z-index: -1; 
	position:absolute; 
	color: red; 
}

/* TEXT */

.titre {
	font-family: Georgia, sans-serif;
	color: #3399cc;
	line-height: 160%;
	font-size: 150%;
	background-image: url("images/back_white50.png");
}
.texte {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	font-size: 66%;
	background-image: url("images/back_white50.png");
}
.stitre {
	font-family: Georgia, sans-serif;
	color: #3399cc;
	line-height: 160%;
	font-size: 150%;
	font-style: italic;
	background-image: url("images/back_white90.png");
}
.stexte {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #3399cc;
	font-size: 66%;
	font-style: italic;
	background-image: url("images/back_white90.png");
}

img {border : none;}
a:link {color: #565656; text-decoration: none;}
a:active {color: #0066cc; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #3399cc; text-decoration: none; font-style: italic; background-image: url("images/back_white90.png");}
a.image:hover{border: none; text-decoration: none; background-image: none;}