#entete{
position:absolute;
top:0px;
height:100px;
background-color:#CFF3FE;
display:inline;
}



#pieddepage {
display:inline;
width:100%;
height:20%;
margin-top:55px;
padding:15px;
position:absolute;
font-size:x-small;
}

.contenu{
position:absolute;
left:5%;
width:900px;
background-color: #CC0000;
height:auto;
padding-bottom:45px;
margin-top:55px;
border:solid 2px #000000;
-moz-border-radius-topleft: 26px;
-moz-border-radius-topright:26px;
-moz-border-radius-bottomleft:26px;
-moz-border-radius-bottomright:26px;
-webkit-border-top-left-radius:26px;
-webkit-border-top-right-radius:26px;
-webkit-border-bottom-left-radius:26px;
-webkit-border-bottom-right-radius:26px;
border-top-left-radius:26px;
border-top-right-radius:26px;
border-bottom-left-radius:26px;
border-bottom-right-radius:26px;
}

head {
color:#000000;
}

body {
width:1024px;
font-family:'Ubuntu', sans-serif;
font-size:12px;
color:#000000;
background-color:#CFF3FE;
}

.conteneur {
margin-top:5%;
margin-left:75px;
border:groove 5px #000000;
-moz-border-radius-topleft: 31px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:32px;
-webkit-border-top-left-radius:31px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:32px;
border-top-left-radius:31px;
border-top-right-radius:5px;
border-bottom-left-radius:6px;
border-bottom-right-radius:32px;
text-align:center;
width:750px;
padding:10px;
color:#000000;
background-color:#FFFFFF;
height:auto;
}

#onglets li{
float:left;
-webkit-transition:All 2s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(10px);
-moz-border-radius-topleft: 36px;
-moz-border-radius-topright:36px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:36px;
-webkit-border-top-right-radius:36px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:36px;
border-top-right-radius:36px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
margin-bottom:0;
padding:15px;
background-color: #CC0000;
color:#000000;
display:inline;
list-style-type:none;

}

#onglets li.active{
    background-color: #fff;
	border-collapse:collapse;
	text-align:center;
}

a {
text-decoration:none;
display:inline;
color:#000000;
}

#onglets li:hover {
-moz-box-shadow:inset 9px 7px 39px #000000;
-webkit-box-shadow:inset 9px 7px 39px #000000;
box-shadow:inset 9px 7px 39px #000000
}

#profil {
background:top left no-repeat;
background-image:url(/images/profil.png);
padding-left:25px;
height:auto;
}

ol{
list-style-type:none;
}

#connexion {
background:bottom right no-repeat;
background-image:url(/images/nouveau_logoHG_2.png);
}

.tree { 
		margin:0;
		padding:0; 
		font:11px Arial, Helvetica, sans-serif;
	}
	.tree a {
		text-decoration:none;
		color:#666;
	}
	.tree ul {
			padding:3px 0;
			margin:0;
	}
	.tree li {
		background:top left no-repeat;
		cursor:pointer;
		display:block;
		list-style:none;
		padding:3px;
	}

.tree .counter {
        color:#CC6600;
    }
	
#formconex input[type=text],input[type=password] {
border:none;
border-bottom-style:groove;
}

input[type=submit],input[type=button] {
cursor:pointer;
}

#btnconnexion {
background-color:#FFFFFF;
border:none;
cursor:pointer;
padding:0px;
}



#cotegauche {
text-align:left;
margin-right:70%;
background-color:#0099CC;
}

#cellulefichier {
padding:10px;

border-right:solid 2px;
vertical-align:top;
text-align:left;
}

#menufichier {
text-align:center;
padding:10px;
font-size:smaller;
}

#iconeprofil {
text-align:right;
}

#interfaceprofil {
width:100%;
height:auto;
left:0px;
right:0px;
}

#corbeille {
cursor:pointer;
}

#nouvdossier {
cursor:pointer;
}