*
{
	font-family: Calibri;
}
body, #menu, #centre
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	border: 0;
}
h1
{
	background-color: #1166ff;
	padding: 0.5em;
}
h2, h3, h4, h5, h6
{

	margin-bottom: 0.5em;
}

#menu
{
	/*float: left;
	width: 18%;
	margin: 0em 1em 1em;
	padding: 1em;*/
	position:absolute;
	left:80px;
	top:20px;
	width:250px;
	height:540px;
	z-index:2;	
	border-left:solid;
	border-left-width:thin;
	border-left-color:#660000;
	border-bottom:solid;
	border-bottom-width:thin;
	border-bottom-color:#660000;
	background-color:#FFFFFF;
}

#menutop {
	position:absolute;
	left:650px;
	top:65px;
	width:500px;
	height:32px;
	z-index:3;
}

#cadre {
	position:absolute;
	left:60px;
	top:115px;
	width:1050px;
	height:570px;
	z-index:1;
	border-bottom:solid;
	border-bottom-width:medium;
	border-bottom-color:#660000;
	border-right:solid;
	border-right-width:medium;
	border-right-color:#660000;
	border-left:solid;
	border-left-width:thin;
	border-left-color:#999999;
	border-top:solid;
	border-top-width:thin;
	border-top-color:#999999;
}

#centre
{
	/*margin: 1em 1em 1em 23%;
	padding: 1em;*/
	position:absolute;
	left:350px;
	top:120px;
	width:750px;
	height:528px;
	z-index:1;
}
#bas
{
	/*clear: both;
	padding: 1em;*/
	position:absolute;
	left:60px;
	top:637px;
	width:951px;
	height:27px;
	z-index:5;
}
label
{
	float: left;
	width: 250px;
	text-align: left;
}
input
{
	margin-bottom: 2px;
}
table, tr, td, th
{
	/*border-collapse: collapse;*/
	border: 0px solid #ADE4f0;
}

ul#menu_horizontal li { 
display : inline;
/*padding : 0 0.5em; Pour espacer les boutons entre eux */
}
ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

.Style1 {
	font-family: "Myriad", Myriad Pro, Arial, Helvetica, sans-serif;
	color: #330000;
}

.Style3 {
	color: #330000;
	font-family: "Myriad", "Myriad Pro", Arial, Helvetica, sans-serif;
	border: 0;
	font-size: 12px;
}

#defilement {	
	position:absolute;
	left:220px;
	top:430px;
	width:273px;
	height:70px;
	z-index:7;
}

#IdNumPg {
	position:relative;
	left:70px;
	top:-35px;
	width:31px;
	height:23px;
	z-index:8;
}

#IdRoseVents {
	position:absolute;
	left: 0px;
	top: -50px;
	width:533px;
	height:533px;
	z-index:9;
	
}

#IdBlle {
	position:absolute;
	width:100px;
	height:350px;
	z-index:10;
	left: 570px;
	top: 10px;
	visibility:hidden;
}

#menuonglets
{
        border-bottom : 1px solid #9EA0A1;
        padding-bottom : 25px;
}

#onglets
{
	position : absolute;
   border : 1px solid transparent;
   padding : 0;
   font : bold 11px "Myriad", "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #330000;   
   list-style-type : none;
   left : 320px;
   margin-top : 0;
   width : 490px;
	margin-left : -300px; /* la moitié de width */ 
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #FFFFCC;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #330000;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#onglets a
{
    display : block;
    color : #330000;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    background : #fff;
}

#IdGirouette {
	position:absolute;
	left:120px;
	top:125px;
	width:365px;
	height:361px;
	z-index:1;
}

#pageonglet {
	position:relative;
	left:0px;
	top:0px;
	/*with:500px;*/
	height:528px;
	overflow: auto;	
	padding-top:4px;
}

#IdAide {
	position:absolute;
	left:110px;
	top:145px;
	width:300px;
	height:159px;
	z-index:15;
	padding-left:10px;
	padding-top:15px;
	padding-right:8px;
	background-image:url('/images/aide.jpg');
	border-top : 1px solid #330000;
	border-left : 1px solid #330000;
	border-right : 2px solid #330000;
	border-bottom : 2px solid #330000;
	-moz-border-radius: 8px;
}