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

html {
position:relative;
width:100%;
height:100%;
}
body{
background-color:#f3f4f6;
margin:0;
padding:0;

font-family:Verdana, Arial, Helvetica, sans-serif;
width:100%;
height:100%;
position:relative;
}

h2{

font-size: 17px; /* Titres de 22 pixels */
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img{
border:none;
}

.logo{
position:relative;
top:10px;
left:-70px;
}


.supporter{
position: relative;
top:0px;
left:0px;
}

.defile{
position: relative;
top:0px;
left:0px;

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

.footer{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:800px;
right:-50px;
}
.footer a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
	color:#666666;
}
.footermapa{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:755px;
right:-50px;
}

.footermapa a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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

.footer2{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:2215px;
right:-50px;
}
.footer2 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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

.footer3{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:1725px;
right:-50px;
}
.footer3 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

.footer4{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:2080px;
right:-50px;
}
.footer4 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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

.footer5{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:1870px;
right:-50px;
}
.footer5 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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


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

.footer45{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:1030px;
right:-50px;
}
.footer45 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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



.conteneur{
position:absolute;
width:1038px;
margin:auto;
height:auto;
left:110px;
}

.footer47{
position:absolute;
width:auto;
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
top:2920px;
right:-50px;
}
.footer47 a{
font-size:9px;
color:#b1b2af;
text-align:right;
text-decoration:none;
}

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

/* MENU GENERAL ACCUEIL */
.menuGeneral{
width:500px;
height:150px;
position:relative;
top:-15px;
left:598px;
background-image:url(imagenes/boutonstyle.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:#808080;
font-weight:bold;
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:13px;
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(imagenes/metierBGout.png);
background-repeat:no-repeat;
color:#ff6600;
}

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

.selec, .selec:hover{
background-image:url(imagenes/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:160px;
right:23px;
}

.imagetext{
padding-left:27px;

}

.menuMetier ul{
list-style-type:none;
margin:0px;
padding:0px;
}
.menuMetier li{
font-size:13px;
height:42px;
margin-top:7px;
padding-top:7px;
padding-left:11px;
}

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

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

.mConstruction, .mConstruction:hover{
background-image:url(imagenes/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;

}
.textbloc{
	position:absolute;
	top:180px;
	right:320px;
	width: 830px;
    height: 2000px;
    overflow: auto; 
}

.textblocata{
	position:absolute;
	top:180px;
	right:320px;
	width: 820px;
    height: 1520px;
    overflow: auto; 
}

.textblocompa{
position:absolute;
	top:130px;
	right:320px;
	width: 820px;
    height: 1900px;
    overflow: auto; 
}

.textblochelp{
position:absolute;
	top:130px;
	right:320px;
	width: 820px;
    height:2700px;
    overflow: auto; 
}
.textblocbanca{
position:absolute;
	top:130px;
	right:320px;
	width: 820px;
    height: 800px;
    overflow: auto; 
}

.textblocontact{
position:absolute;
	top:130px;
	right:320px;
	width: 820px;
    height: 1700px;
    overflow: auto; 
}

.textblocserv{
position:absolute;
	top:130px;
	right:320px;
	width: 820px;
    height: 630px;
    overflow: auto; 
}


iframe {
margin-left:35px;
}

.image1{
position: relative;
top:0px;
left:0px;
}

.rotat1{
position: relative;
top:0px;
left:0px;
}

.image2{
position: relative;
top:0px;
left:0px;
}

.rotat2{
position: relative;
top:0px;
left:0px;
}
.image3{
position: relative;
top:0px;
left:0px;
}

.ProdIndex{
position: relative;
top:0px;
right:0px;
}

.boutonUp{
position: absolute;
top:145px;
right:300px;
}
.boutonDown{
position: absolute;
top:530px;
right:300px;
}

.espacio{
position: relative;
top:0px;
left:0px;
}
.boutonContact{
position: relative;
top:0px;
left:0px;
}
.boutonPartner{
position: relative;
top:0px;
left:0px;
}
.actualite{
position:absolute;
top:340px;
right:23px;
width:232px;
}
.actualite ul
{
list-style-type:none;
margin:0px;
padding:0px;
}
.actualite li{
margin-top:10px;
padding-top:0px;
padding-left:0px;
}
.contenucontact{
background-image: url(imagenes/fondcontacta.png);
position:absolute;
background-repeat:no-repeat;
height:1800px;
width:1160px;
top:130px;
left:-60px;
}

.contenucompania{
background-image: url(imagenes/fondcompania.png);
position:absolute;
background-repeat:no-repeat;
height:2000px;
width:1160px;
top:130px;
left:-60px;
}

.contenubanca{
background-image: url(imagenes/gs.png);
position:absolute;
background-repeat:no-repeat;
height:950px;
width:1160px;
top:130px;
left:-60px;
}

.contenuhelp{
background-image: url(imagenes/gs3.png);
position:absolute;
background-repeat:no-repeat;
height:2860px;
width:1160px;
top:130px;
left:-60px;
}

.contenuservicios{
background-image: url(imagenes/fondservicios.png);
position:absolute;
background-repeat:no-repeat;
height:700px;
width:1160px;
top:130px;
left:-60px;
}

.contenuservicios2{
background-image: url(imagenes/fondservicios2.png);
position:absolute;
background-repeat:no-repeat;
height:700px;
width:1160px;
top:130px;
left:-60px;
}

.contenufide{
background-image: url(imagenes/fondfide.png);
position:absolute;
background-repeat:no-repeat;
height:2090px;
width:1160px;
top:130px;
left:-60px;
}

.contenucatalogo{
background-image: url(imagenes/fondcatalogo.png);
position:absolute;
background-repeat:no-repeat;
height:1600px;
width:1160px;
top:130px;
left:-60px;
}

div#menuProd{
position:relative;
width:232px;
}

div#menuProd ul{
list-style-type:none;
margin:0px;
padding:0px;
}
div#menuProd li{
font-size:13px;
height:42px;
margin-top:-12px;
padding-top:10px;
padding-left:5px;
}

.ProdBouton{
background-image:url(imagenes/metierBGout_mini.png);
background-repeat:no-repeat;
color:#ff6600;
}

.ProdBouton:hover {
background-image:url(imagenes/metierBGover_mini.png);
color:#ffffff;
cursor:pointer;
}

div#ProdIndex{
position:relative;
right:15px;
padding:10px;
}

div#catalogIndex{
position:relative;
right:15px;
padding:10px;
}

.ilu1{
padding-left:40px;
}

div#follow{
top:40px;
left:50px;
position:relative;
font-family: Verdana, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color:#c0c0c0;
}

div#follow a{
font-family:Verdana, sans-serif;
font-size:14px;
color:#c0c0c0;
}

.rubrik{
top:180px;
right:40px;
position:absolute;
}

div#actualite_fide{
position:relative;
}

div#actualite_fide ul
{
list-style-type:none;
margin:0px;
padding:0px;
}
div#actualite_fide li{
margin-top:10px;
padding-top:0px;
padding-left:0px;
}