.@charset "utf-8";
/* CSS Document */

html {
position:relative;
width:100%;
height:100%;
}
body{
background-color:#f3f4f6;
margin:0px;
padding:0px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:100%;
}

img{
border:none;
}
.logo{
position: relative;
top:0px;
left:0px;
}

.login{
height:20px;
width:auto;
position:absolute;
top:20px;
right:20px;
font-size:9px;
color:#007bbc;
}

.footer{
position: relative;
bottom:0px;
right:10px;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}
.footer a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
	color:#666666;
}

.conteneur{
position:relative;
width:1038px;
margin:auto;
/*background-color:#999999;*/
}


/* MENU GENERAL ACCUEIL */
.menuGeneral{
height:150px;
position:absolute;
top:47px;
right:15px;
background-image:url(img/menuGeneral-bg.png);
background-position:right top;
background-repeat:no-repeat;
}
.menuGeneral a,  .menuGeneral a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#b2b5bb;
text-decoration:none;
}
.menuGeneral a:hover{
text-decoration:none;
color:#333333;
}
.menuGeneral ul{
list-style-type:none;
margin:0px;
padding:0px;
}

.menuGeneral li {
text-align:right;
float:left;
padding-left:10px;
padding-right:8px;
padding-top:6px;}


/* POP UP */
.popup{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff6600;
}

/* contenu*/

.chemin{
position:absolute;
top:0px;
left:0px;
padding-left:47px;
padding-top:24px;
font-size:12px;
color:#857970;
font-weight:bold;
}
.chemin a, chemin a:visited {
text-decoration:none;
color:#857970;
font-weight:normal;
}

.chemin a:hover{ text-decoration:underline; color:#857970;}

.titre{
position:absolute;
top:56px;
left:0px;
}
/* MENU RUBRIQUE */

.menuRubrique ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menuRubrique li{
font-size:15px;
height:42px;
margin-top:-2px;
padding-top:10px;
padding-left:15px;
}

.nonSelec{
background-image:url(img/metierBGout.png);
background-repeat:no-repeat;
color:#ff6600;
}

.nonSelec:hover {
background-image:url(img/metierBGover.png);
color:#ffffff;
cursor:pointer;
}

.selec, .selec:hover{
background-image:url(img/menuSelec.png);
background-repeat:no-repeat;
color:#ffffff;
cursor:default;
}
.menuRubrique li a, .menuRubrique li a:visited, .menuRubrique li a:hover{
text-decoration:none;
color:inherit;
}

/* MENU METIER ACCUEIL */
.menuMetier{
width:232px;
position:absolute;
top:145px;
right:23px;
}

.menuMetier ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menuMetier li{
font-size:15px;
height:42px;
margin-top:-2px;
padding-top:10px;
padding-left:15px;
}

.mActif{
background-image:url(img/metierBGout.png);
background-repeat:no-repeat;
color:#ff6600;
}

.mActif:hover {
background-image:url(img/metierBGover.png);
color:#ffffff;
cursor:pointer;
}

.mConstruction, .mConstruction:hover{
background-image:url(img/metierBGout.png);
background-repeat:no-repeat;
color:#ff6600;
cursor:default;
}
.menuMetier li a, .menuMetier li a:visited{
text-decoration:none;
color:#ff6600;
}
.menuMetier li a:hover{
text-decoration:underline;
color:#ff6600;
}

iframe {
margin-left:35px;
}