/* generiques */
body	{
margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; 
background-image: url(../images/_imacharte/fd_page2.jpg); background-position: left; background-repeat: repeat-y; 
} * html body	{
font-size: .62em;
} body#impression	{
background-image: url(../images/_imacharte/fd_impression_page.jpg); 
background-position: top left; background-repeat: no-repeat; 
} a	{
text-decoration: none; cursor: hand;
} a:active,
a:hover	{
text-decoration: underline;
} a img	{
border-width: 0px;
}



/* generales */
.largeurExterne,
.largeurExterneCarte	{
width: 100%; min-width: 800px; max-width: 936px;
width: expression(document.body.clientWidth > 936 ? "936px" : "auto");
} .largeurExterne	{
float: expression(document.body.clientWidth > 936 ? "none" : "left");
} .largeurExterneCarte	{
position: relative; height: 30.5em;
} .largeurInterne	{
float: right; width: 768px; padding-right: 32px;
} .largeurInterneMi	{
float: right; width: 800px; position:relative; height: 22.6em;
} #navigationBasse .largeurInterneMi	{
height: 11.4em;
} #navigationCarte .largeurInterneMi	{
height: 1.8em;
} #footer .largeurExterne	{
max-width: 100%;
} #footer .largeurInterne	{
float:left; margin-left:160px; width: auto; padding:0;
} * html #footer .largeurInterne {
display:inline; width:100%;
}

/* haut */
#accueil	{ 
width: 100%; max-width: 1008px; height: 6.2em; float: left; position: relative; background-color: #FFFFFF;
width: expression(document.body.clientWidth > 1008 ? "1008px" : "100%");
} #logo	{
float: left; padding: 0px 16px; height: 46px;
} #toggleLang{
position:relative; float: right; height: 1.6em;
}#toggleLang #focales	{ 
height: 1.6em; padding-right: 20px; float: right; background-color: #071739; float:left;
background-image: url(../images/_imacharte/coin-droite_recherche.gif); background-position: top right; background-repeat: no-repeat;
} #moteur	{
height: 1.6em; padding: 0px 4px 0px 18px; position: relative; float: left; border-right: 1px solid #FFFFFF;
background-image: url(../images/_imacharte/coin-gauche_recherche.gif); background-position: top left; background-repeat: no-repeat;
} html>body #moteur	{
padding-right: 0px;
} #moteur .val	{
margin-left: 7px;
} html>body #moteur .val	{
margin-left: 4px;
} #moteur label,
#moteur input,
#toggleLang #utilisateur img,
#toggleLang #utilisateur a	{
float: left; position: relative; top: 0px;
}#toggleLang #utilisateur	{
height: 1.6em; padding: 0px; padding-left:1px; position: relative; float: left;
}
#toggleLang #toggle{
position:relative; margin: 0px; margin-left:0px;left:-20px; width:auto;white-space:nowrap;padding:0px;overflow:auto;
background-image: url(../images/_imacharte/bg_toggle.gif); background-repeat: repeat-x;  background-position: top right;
}#toggle span.lang{
display: block; _position:relative; padding:1px 20px 1px 0px; text-transform:uppercase;
background-image: url(../images/_imacharte/right.gif); background-position: top right; background-repeat: no-repeat;
}

/* navigation */
#navigationHaute,
#navigationBasse,
#navigationCarte{
height: 22.6em; clear: both; overflow: hidden; position: relative; z-index: 0; background-color: #000000;
background-position: top left; background-repeat: no-repeat; width: 100%; min-width: 800px; max-width: 1008px;
width: expression(document.body.clientWidth > 1008 ? "1008px" : "auto");
} #navigationBasse	{
height: 11.4em;
} #navigationCarte	{
height: 1.8em;
} 
/* ie ??? !
#navigationBasse.comb	{
background-image: url(../images/_imacharte/namigation_comb.jpg);
} #navigationBasse.stexu	{
background-image: url(../images/_imacharte/namigation_stexu.jpg);
} ! ??? ei 

-> xsl : cf ifm_nomdustyleoriginel.css
*/
#menu img,
#menu a	{
float: left; 
}

#menu .l{
	background-position: top left; 
	background-image: url(../images/_imacharte/coin-gauche_lien-langue.gif) ;
}

/* dans zone de navigation : etudes de cas */
#introduction	{
padding: 7px 9px; position: relative; clear: both;
} /* cf ie #introduction.introsubduction{} #introduction.introHyperDuction{} ... */
.introduction	{
margin: 32px 15px; 
} html>body .introduction	{
margin: 14px 15px;
} .hypoduction	{
margin: -5px 15px;
} html>body .hypoduction	{
margin: -11px 15px;
} .hyperduction	{
margin: -10px 15px;

} html>body .hyperduction	{
margin: -12px 15px;

} .hypraduction	{
margin: 0px 15px; top: -15px;
} #introDetaillee0	{
padding-top: 4px; margin-left: 16px;

} #introDetaillee1	{
padding-top: 4px; 
} #introDetailleeN	{
padding-top: 4px; margin-left: 2px;
} html>body #introDetaillee0	{
margin-left: 24px;
} html>body #introDetaillee0,
html>body #introDetaillee1,
html>body #introDetailleeN	{
padding-top: 5px;
} #detail	{
width: 310px; padding-top:2em; padding-left: 6px; vertical-align:bottom; border-left: 1px solid #FFFFFF; 
} #postDetail	{
margin-left: -339px;
} html>body #postDetail	{
margin-left: -315px;
} .lien	{
padding-top: 7px;
}

/* sous-navigation : choix langue */
#menuLingua	{
position: relative; z-index: 5; top: 15px; float: left;
} html>body #menuLingua	{
top: 10px;
} #menuLingua a,
#menuLingua span	{
float: left; height: 2.2em; background-repeat: no-repeat; 
} #menuLingua .langue1 a,
#menuLingua .langue1 span	{
padding: 4px 4px 0px 22px; background-position: top left; 
background-image: url(../images/_imacharte/coin-gauche_lien-langue.gif) ;
} #menuLingua .langue2 a,
#menuLingua .langue2 span	{
padding: 4px 22px 0px 5px; background-position: top right; 
background-image: url(../images/_imacharte/coin-droite_lien-langue.gif) ;
}
/* sous-navigation : sous-menus */
#sousMenu	{
position: relative; z-index: 2; top: 5px; height: 3.2em; clear: both; 
} html>body #sousMenu	{
top: 0px;
} #sousMenu.apresLingua	{
top: -23px; margin-bottom: -23px;
} html>body #sousMenu.apresLingua	{
top: -22px; 
} #navigationHaute #fondSousMenu, #navigationHaute #fondSousMenu2	{
bottom: 17.5em;
} html>body #navigationHaute #fondSousMenu, html>body #navigationHaute #fondSousMenu2	{
bottom: 17.6em;
} #fondSousMenu, #fondSousMenu2	{
position: absolute; bottom: 6.2em; z-index: 1; width: 1008px; height: 5em; clear: both;
background-position: top left; background-repeat: no-repeat;
background-image: url(../images/_imacharte/fd_sousmenu.gif); filter: alpha(opacity=70);
} html>body #fondSousMenu, html>body #fondSousMenu2	{
background-image: url(../images/_imacharte/fd_sousmenu.png); bottom: 6.4em;
} #fondSousMenu2{
left:-136px; _left:0px;
}#fondSousMenu{
 left: -136px;
}.sousMenu, .sousMenu2	{
position: relative; left: 125px; z-index: 3; padding-top: 6px; line-height: .9em;
}.sousMenu2{
padding-left: 0px;
}.sousMenuLong .sousMenu{
left: -8px; margin-right: -40px;
} * html .sousMenuLong .sousMenu	{
position: absolute; width: 120%; white-space: nowrap;
} .sousMenu2 a,
.sousMenu2 span,
.sousMenu2 .sousMenuActif,
.sousMenu a,
.sousMenu span,
.sousMenu .sousMenuActif,
.deSousMenu a,
.deSousMenu span,
.deSousMenu .sousMenuActif	{
float: left; position: relative; z-index: 4;top:0px;
} .sousMenuInferieur a,
.sousMenuInferieur span,
.sousMenuInferieur .sousMenuActif	{
float: left; position: relative; z-index: 4;top:3px;
}.sousMenu a, .sousMenu2 a,
.sousMenuInferieur a	{
padding: 0px 7px;
} .sousMenu a, .sousMenu2 a	{
text-align: center; padding-bottom: 2px;  white-space: normal;
} .sousMenu .sousMenuActif, .sousMenu2 .sousMenuActif	{
background-color: #DBDCDE; padding: 6px 11px 8px 11px; margin: -6px -1px; height:18px; text-align: center; white-space: normal;

} .sousMenuInferieur .sousMenuActif	{
background-color: #E6E7E8; padding: 9px 11px; margin: -9px -1px;
} .deSousMenu a,
.deSousMenu .sousMenuActif	{
padding: 0px 11px; text-align: center; white-space: normal;
} .sousMenu .separer, .sousMenu2 .separer,
.deSousMenu .separer	{
padding-top: 3px; 
} * html .sousMenu .separer, * html .sousMenu2 .separer	{
height: 14px;
} .sousMenuInferieur .separer	{
margin-top: -2px; 
} 
#sousMenuInferieur	{
position: absolute; bottom: 0px; left: 0px; width: 100%; height: 5em; clear: both; z-index: 2; 
} * html #sousMenuInferieur	{
bottom: -1px;
} #fondSousMenuInferieur	{
position: absolute; z-index: 1; width: 100%; height: 5em; margin-left: -136px; padding-right: 136px;
background-position: top left; background-repeat: no-repeat;
background-image: url(../images/_imacharte/fd_sousmenu-inferieur.gif); filter: alpha(opacity=80); 
} html>body #fondSousMenuInferieur	{
background-image: url(../images/_imacharte/fd_sousmenu-inferieur.png);
}
#sousMenuInferieur img	{
position: relative; z-index: 3; margin-left: 24px; 
}
.sousMenuInferieur	{
position: relative; z-index: 3; margin-left: 174px; padding-top: 6px;
} 
#cartouche{
margin:0; padding:0; position:relative; z-index: 3; margin:0; padding:0; white-space: nowrap;
}#cartouche .cartouche span,
#cartouche .cartoucheBlank span{
text-transform: uppercase; font-family: arial; text-align:center; font-size: 14px; width:145px; height:18px; white-space: nowrap; font-weight: bold;
color: white; margin:0; padding: 0px 12px; padding-bottom:2px; 
}#cartouche .cartouche span{
background-position: top left; background-image: url(../images/_imacharte/smenu_bg.gif); background-repeat: repeat;
}#cartouche img.bord{
position: relative; z-index: 3; margin:0; margin-left:78px; padding:0; width:18px; height:18px; vertical-align: top; 
}#cartouche .cartouche img.bord{
position: relative; z-index: 3; margin:0; margin-left:0px; padding:0; width:18px; height:18px; vertical-align: top; 
}
.languesBack{
position:relative; left:-16px; height: 16px; max-height:16px; white-space: nowrap; display:block; float: left;                                                                             
}

#cartoucheLang{
margin:0; padding:0; position:relative; z-index: 3; margin:0; padding:0; white-space: nowrap; left:0px; display:inline; height: 16px;
}
#cartoucheLang .cartoucheLang span.lang{
position: relative; z-index: 11; height:16px;  float: left;  left: 0px; 
background-image: url(../images/_imacharte/fd_linguistique.gif); background-position: left top; background-repeat: repeat-x;
}#cartoucheLang .cartoucheLang span.lang a.langue{
position: relative; z-index: 4; padding-right:5px;
}#cartoucheLang img.bord{
position: relative; z-index: 3; margin:0; padding:0; width:16px; height:16px; vertical-align: top; 
}#cartoucheLang .cartoucheLang img.bord{
position: relative; z-index: 3; margin:0; margin-left:-3px; left:1px; _left:-3px; padding:0; width:16px; height:16px; vertical-align: top; 
}#cartoucheLang .cartoucheLang span.terme{
padding: 0px 5px;
}

#cartoucheBack{
margin:0; padding:0; position:relative; z-index: 3; margin:0; padding:0; white-space: nowrap; left:-31px; display:block; float:left; height: 16px;
}
#cartoucheBack .cartoucheBack span{
position: relative; z-index: 11; height:16px;  float: left;  left: 0px; 
background-image: url(../images/_imacharte/fd_retour.gif); background-position: left top; background-repeat: repeat-x;
}#cartoucheBack .cartoucheBack span a.langue{
position: relative; z-index: 4;
}#cartoucheBack img.bord{
position: relative; z-index: 3; margin:0; padding:0; width:16px; height:16px; vertical-align: top; 
}#cartoucheBack .cartoucheBack img.bord{
position: relative; z-index: 3; margin:0; left:0px; _left:-3px; padding:0; width:16px; height:16px; vertical-align: top; 
}

#flashContainerBanner{margin-left:-184px;margin-top:-64px;z-index:0;}
* html #flashContainerBanner{position:absolute;margin-left:-386px;margin-top:-186px;}
* + html #flashContainerBanner{margin-top:-77px;}

#flashContainerBannerHome{margin-left:-184px;margin-top:-44px;z-index:0;}
* html #flashContainerBannerHome{position:absolute;margin-left:-386px;margin-top:-142px;}
* + html #flashContainerBannerHome{margin-top:-44px;}

.fright{
float:right;	
}.fleft{
float:left;
}
.dinline{
display: inline;
}
.displayImg{
	display: block;	
}

/* sous-navigation : sous-menus de second niveau */
#deSousMenu	{
position: relative; left: 144px; top:-13px; _top: -16px; height: 3.2em; margin: 0px; 
background-image: url(../images/_imacharte/coin-gauche_ssousmenu.gif); background-position: top left; background-repeat: no-repeat;
} * html #deSousMenu	{
top: -8px; width: 90%;
} .deSousMenu	{
height: 3em; width: 140%; _width: 100%; margin-left: 31px; background-color: #DADCDE; padding-top: .2em;
} 
#deSousMenuLong{
position: relative; left: -136px; _left: 0px; top: -13px; _top: -16px; height: 3.2em; margin: 0px; 
background-image: url(../images/_imacharte/coin-gauche_ssousmenu.gif); background-position: top left; background-repeat: repeat-x;
} * html #deSousMenuLong	{
top: -8px; width: 125%; left:0px;
}
/* interface interactive : carte */
img.carteCalage	{
position: absolute; right: -72px; z-index: 1;
} img.auServiceDeMonsIE	{
margin-bottom: -1px;
} img.carteBas	{
position: absolute; left: 0px; top: 305px;
} 

/* centre (voir aussi tectogrammes.css) */
#content	{
width: auto; padding-top: 16px; min-height: 54.1em;
background-image: url(../images/_imacharte/fd_contenu2.jpg); background-position: top left; background-repeat: no-repeat;

}
* html #content	{
height: 53em;
} 
#content.apresCircum	{
padding-top: 32px;
} #impressionContent	{
width: 51em; padding: 24px 16px;  
} html>body #impressionContent	{
width: 50.7em;
}

#footer{
width: 100%; height: expression(document.body.clientWidth > 200 ? "auto" : "200px");
}

/* bas */
#pied	{
position:relative; height: 1.6em; padding-right: 17px; margin: 2.4em 5px 0px 0px; float: left; min-width: 69px;
background-image: url(../images/_imacharte/coin-droite_pied.gif); background-position: top right; background-repeat: no-repeat;

} * html #pied	{
margin-right: 3px;
} #pied div	{
height: 1.4em; background-color: #071739; float: left; padding: 0px 12px 2px 12px; margin-right: 1px;
} #pied div img	{
margin-bottom: -2px;
} #pied div.dernier	{
margin-right: 0px;
}

.bannercasestudyItem {
	/*visibility:visible;*/
	display:none;
}
.hidden{display: none;}

.display{display: block;}