html {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
}

#pageHeader{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 167px;
	background-image: url('/images/bois3.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

#pageTitle{
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -100px;
	width: 500px;
	height: 30px;
	text-align: right;
	color: #DDDDDD;
	font-size: 160%;
	font-family : Trebuchet MS;
}


#contentHeader {
	position: absolute;
	left: 50%;
	margin-left : -350px;
	width: 750px;
	top: 140px;
	height: 27px;
	filter:alpha(opacity=30);
	opacity:0.3;
	background-color: rgb(98,105, 162);
	z-index: 6;
	border-top: solid 1px rgb(218, 220, 237);
	border-left: solid 1px rgb(218, 220, 237);
	border-right: solid 1px rgb(218, 220, 237);	
	border-bottom: 0px;
}

#contentTitle {
	position: absolute;
	left: 50%;
	margin-left : -350px;
	width: 750px;
	top: 140px;
	height: 27px;
	font-size: 100%;
	color: white;
	font-family: Trebuchet MS;
	font-weight: bold;
	z-index: 8;
	padding: 4px;

}

#contentContainer {
	position: absolute;
	left: 50%;
	margin-left : -350px;
	width: 750px;
	top: 167px;
	border: 0px;
	
}

#content {
	width: 100%;

	background-color: rgb(208, 210, 227);
	font-family: Trebuchet MS;
	font-size: 80%;
	border-left: solid 1px rgb(218, 220, 237);
	border-right: solid 1px rgb(218, 220, 237);
	border-bottom: solid 1px rgb(218, 220, 237);
}


#menu {
	position: absolute;
	right: 50%;
	margin-right : 350px;
	width: 150px;
	top: 175px;
	text-align: right;
	padding-right: 5px;
	font-family: Trebuchet MS;
	font-size: 80%;
	color: black;
	font-weight: bold;
	z-index: 99;
	filter:alpha(opacity=70);
	opacity:0.7;
	background-color: white;
}

#footer{
	width: 100%;
	font-family: Trebuchet MS;
	font-size: 70%;
	color: #BBBBBB;
	font-weight: bold;
	background-color: white;
}

#logo {
	position: relative;
	float: left;
	margin-left: -120px;
	margin-top: -120px;
	height: 120px;
	width: 120px;
	text-align: center;
	background-color: white;
}

a#logoacao {
	color : #CCCCCC;
	text-decoration : none;
}

a#logoacao:hover {
	color : orange;
}

a{
	font-family: Trebuchet MS;
	color: black;
}

.basic{
	font-family: Trebuchet MS;
	font-size: 100%;
}
.petit{
	font-family: Trebuchet MS;
	font-size: 85%;
}

imgBorder{
	border: 1px solid #DDDDDD;
}

/*********************************
* menu
**********************************/
div.menuItem {
	font-family: Trebuchet MS;
	font-style: italic;
	font-weight: bold;
	color: black;
	height: 20px;
}

div.menuItemCurrent {
	font-family: Trebuchet MS;
	font-style: italic;
	font-weight: bold;
	color: #111166;
	height: 20px;
}

div.menuEntreCrochets {
	text-align: center;
	font-family: Trebuchet MS;
	font-size: 85%;
	color: black;
	height: 20px;
}

a.menu {
	text-decoration : none;
	color: black;
}

a.menu:hover {
	color: #4444AA;
}

/**************
	sondage
**************/
.groupe{
	background-color:gray;
	font-weight : bold;
	font-family: Trebuchet MS;
	font-size: 85%;
	color : white;
	text-align:center;
}

/**************
styles de page
**************/

.header {
	position: relative;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	margin-top: -22px;
	float: left;
}

div.textbox {
	margin-left: 20px;
	margin-right: 20px;
	background-color: rgb(240, 242, 239);	
	border: 1px solid #DDDDDD;
	padding: 10px 0 10px 3px;
	font-size: 100%;
}

div.illustrationDroite {
	float:right;
	margin-color: red;
	padding: 10px;
	width: 220px;
	height: 170px;
	text-align: center;
}

div.clearer {
	clear: both;
}

td.entete{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #333333;	
}
a.basic{
	text-decoration:none;
}
a.basic:hover{
	border-bottom:1px solid #000033;
}
/***********************
	visite virtuelle
***********************/
img.photolink{
	border: 1px solid #DDDDDD;
}
img.photolink_current{
	border: 2px solid rgb(200,120,80);
}
a.photolink {
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

img.photolink:hover {
	border: 1px solid rgb(0,120,80);
}

a.photolink_current {
	padding: 2px;
}


div.centeredImage {
	position: absolute;
	left:50%;
	top:50%;
	width:356px;
	height:200px;
	margin-left:-178px;
	margin-top:-100px;
	z-index: 10;
	color: white;
	font-family: Tahoma, Arial, Helvetica, Courier;
	font-size: 80%;
}

div.centered {
	position: absolute;
	left:50%;
	top:50%;
	width:500px;
	height:400px;
	margin-left:-250px;
	margin-top:-200px;
	z-index: 10;
	color: white;
	font-family: Tahoma, Arial, Helvetica, Courier;
	font-size: 80%;
}
/**************************
* buttons
***************************/ 

input.blueButton{
	color: rgb(220,220,249);
    background-color: gray;
    font-family: Verdana;
    font-size : 80%;
    font-weight:bold;
    border:1px solid rgb(196,196,225);
    
 }
.grayBorder{
 border:1px solid gray;
 }