/* = RAZ
------------------------ */
	a:hover, a:link, a:visited {color: #DF0128}
	a img {border: 0}
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
	hr{height:1px !important;}
	em {font-style: normal}
	ul {list-style: none; }
	address {font-style: normal}
	table, td, th {font-size: 1em}
	form {margin: 0; padding: 0}
	
	
	
/* = element pour le print
------------------------ */
#LogoPrint{display: none;}
	
/* = Mise en page Global
	------------------------ */
	body {
		font-family: Lucida, Trebuchet,  Arial, Geneva, sans-serif;
		font-size: 62.5%;
		}
		
	body#Accueil, body#flash{background: #FFF url(/global/images/bg_acc.jpg)repeat-x;}
	body#Gab1{background: #FFF url(/global/images/bg_Gab1.jpg)repeat-x;}
		
	.clear{clear: both;}
		
#Page{
	position: relative;
	width: 780px; margin: 0px auto;
	}
	body#Accueil #Page{background: transparent url(/global/images/bg_page.jpg) 0px -7px no-repeat;}
	body#Gab1 #Page {background: transparent url(/global/images/bg_page_gba1.jpg) 0px -7px no-repeat;}
	body#flash #Page {background: transparent url(/global/images/bg_page_flash.jpg) 0px -7px no-repeat;}

/* = Header
------------------------ */
#Header {width: 780px; height: 120px; }
	
	/* =  Logo ESI------------------------ */
	#Header h1{
		position: relative;
		display: block; width: 274px; height: 98px; overflow: hidden;
		margin-top: 8px; line-height: 100em;
		background: transparent url(/global/images/logo_esi.gif)0px 0px no-repeat; cursor:pointer
		}
		#Header h1 a{cursor:pointer;}
		
	/* = Nav langues ------------------------ */
	#Header p.txtaccueil a{
		display:block; color:#FFF; text-decoration:none;
		position:absolute; top:98px; left: 10px;
		font-size:1.2em; margin:3px 0px 0px 0px; 
		}
	#Header #Langue {width: 274px; height: 16px; }
	#Header #Langue ul li {margin: 5px 4px 0px 0px; float: right; display: block;}
	#Header #Langue ul li a{display: block; width: 16px; height: 11px; overflow: hidden; text-indent: -100em;}
	#Header #Langue ul li a.fr {background: transparent url(/global/images/flag_fr.gif) no-repeat;}
	#Header #Langue ul li a.gb {background: transparent url(/global/images/flag_gb.gif) no-repeat;}
	
		
	/* = MainNav navigation principal ------------------------ */
	#Header #MainNav {width: 506px; height: 110px;
		position: absolute;
		top: 7px; left: 274px;
		}
		/* = nav de niveau 1 ------------------------ */
		#Header #mainNav ul{}
		#Header #MainNav ul li {
			position: relative; top: 94px;
			float: left; 
			width: 124px; height: 14px;
			padding: 0px;
			}
			#Header #MainNav ul li a{
				text-align: right; padding: 1px 4px 0px 0px;
				font-size: 1.2em; color: #FFF; text-decoration: none;
				display: block; width: 120px; height: 14px; background: transparent url(/global/images/bg_nav1.gif) 0px -1px repeat-x;
				border-left: 1px #FFF solid;
				
				}
			#Header #MainNav ul li a:hover, #Header #MainNav ul li a.menu_current{background: transparent url(/global/images/bg_nav1Hover.gif) repeat-x;}
		/* = navi de niveau 2 ------------------------ */	
		#Header #MainNav ul ul {
			position: absolute; top: -88px; left: 124px;
			width: 150px; height:88px;
			border-left: 1px #14490F solid;
			overflow: auto;
			}
		#Header #MainNav ul ul li{
			border: none;
			background: transparent;
			top: 0px; left: 0px;
			height: auto !important; width: auto;
			}
		#Header #MainNav ul ul li a{
			display: block; width: 100px;
			text-align: left; padding: 0px 0px 0px 12px;
			color: #14490F; font-size: 1.1em;
			background: transparent url(/global/images/bg_nav3.gif) 1px 3px no-repeat;
			height: auto !important;
			}
			#Header #MainNav ul ul li a:hover, #Header #MainNav ul ul li a.menu_current{background: transparent url(/global/images/bg_nav3Hover.gif) 1px 3px no-repeat; color: #FE5000;}
			
		
/* = Content
------------------------ */
#Content {position:relative;}

	/* = BlocIntroOuFlash ------------------------ */
	#Content #BlocIntroOuFlash {height: 173px;}
	#Content #BlocIntroOuFlash h1, #Content #BlocIntroOuFlash p{display: block; width: 300px; margin: 10px 0px 0px 450px;}
	#Content #BlocIntroOuFlash h1{font-size: 1.4em; font-weight: bold; color: #0D310A;}
	#Content #BlocIntroOuFlash p{font-size: 1.2em; color: #0D310A;}
	#Content #BlocIntroOuFlash #zoneFlash {overflow: hidden;}
	
	/* = Article ------------------------ */
	#Content #Article {margin-top: 10px; padding: 0px 10px 0px 10px; background: transparent url(/global/images/bg_article.gif) 10px 10px repeat-y;}
	#Article:after {
	content: "."; display: block; clear: both; visibility: hidden;
	}
	#Content #Article a{color: #FE8A01;}
	
	/* = PageTitle ------------------------ */
	#Content #Article #PageTitle {float: left; width: 161px; }
	#Content #Article #PageTitle h1{background: #F28700; padding: 3px; text-align: right; font-size: 1.6em; color: #FFF;}
	#Content #Article #PageTitle ul {width: 161px; margin-top: 5px;}
	#Content #Article #PageTitle ul li{text-align: right; color:#F28700; font-style: italic; font-size: 1.1em; padding: 3px;}
	#Content #Article #PageTitle ul li a{color:#F28700;}
	
	/* = ColA ------------------------ */
	
	#Content #Article #colA, #Content #Article #colB, #Content #Article #colC {float: left; border-left: 1px #FE8A00 solid;padding: 10px;}
	#Content #Article #colA, #Content #Article #colB { width: 273px; }
	#Content #Article #colC { width: 546px; }
	#Content #Article #colA img, #Content #Article #colB img, #Content #Article #colC img{float: right; display: block; margin:3px; }
	
	#Content #Article #colA h1, #Content #Article #colB h1, #Content #Article #colC h1{font-size: 1.7em; color: #14490F; margin-bottom: 5px;}
	#Content #Article #colA h2, #Content #Article #colB h2, #Content #Article #colC h2{font-size: 1.2em; font-style: italic; color: #14490F; margin-bottom: 10px;}
	#Content #Article #colA h3, #Content #Article #colB h3, #Content #Article #colC h3{font-size: 1.4em; font-weight: bold; color: #FE8A00; margin-bottom: 5px;}
	#Content #Article #colA h6, #Content #Article #colB h6, #Content #Article #colC h6{font-size: 1.0em; color: #FF2F16; margin:10px 0px 0px 160px;}
	#Content #Article #colA p, #Content #Article #colB p, #Content #Article #colC p{font-size: 1.2em; margin-bottom: 5px;}
	#Content #Article #colA table, #Content #Article #colB table, #Content #Article #colC table{width: 100%; border-collapse: collapse; margin-top: 10px;}
	#Content #Article #colA th, #Content #Article #colB th, #Content #Article #colC th{color: #FFF;background: #91BC2F url(/global/images/bg_table_th.jpg) 2px 2px no-repeat; border: 1px #E8E8E8 solid; text-align: left;}
	#Content #Article #colA td, #Content #Article #colB td, #Content #Article #colC td{background: #FFF; border: 1px #E8E8E8 solid;}
	#Content #Article #colA ul, #Content #Article #colB ul, #Content #Article #colC ul{margin-left: 15px;margin-bottom:2em;}
	#Content #Article #colA ul li, #Content #Article #colB ul li, #Content #Article #colC ul li{font-size: 1.2em; list-style-type: square; color: #FE8A01; }
	
	body#flash #Content #Article #colC img {border: 1px #E8E8E8 solid; padding:3px;}
	body#Gab1 #Content #Article #colC img {border: 1px #E8E8E8 solid; padding:3px;}
	
	hr{clear:both; border:1px #E9E9E9 dotted;}
	
	img.libre{float:none !important; border:none !important;}
	
/* = Etude de cas ------------------------ */
.etudeDeCas strong {font-size:1.5em; font-weight:bold; color:#F28700; margin:10px 0px 5px 0px;}
a.savplus {display:block; margin:5px 0px 15px 0px; padding-left:12px; background:transparent url(/global/images/bg_nav2Hover.gif) left no-repeat;}
	
/* = PLAN DU SITE ------------------------ */
	ul.sitemap1 a{text-decoration:none; }
	ul.sitemap1 li {font-size:1.2em; font-weight:bold; list-style-type:none !important; border-top: 1px #fff dotted; margin-top:5px;}
	ul.sitemap1 li a{color:#144911 !important;}
	ul.sitemap1 li li{font-size:1em !important; font-weight:normal; margin-top:2px !important;}
	ul.sitemap2 {border-left: 1px #F28700  solid; }
	ul.sitemap2 li {font-size:0.1em; padding-left:10px; }
	ul.sitemap2 li a{color:#F25700 !important;}
	ul.sitemap2 li li{font-size:0.1em;  }
	
/* = CONTACT ------------------------ */
	#Content #Article p.label {display:block; width:150px; float:left; text-align:right; padding-right:10px;}
	#Content #Article p.champs input, #Content #Article p.champs textarea {width:300px; border:1px #0F461C solid;}
	#Content #Article p.captcha {margin-left:160px;}
	#Content #Article p.captcha img{float:left !important; margin:0px 0px 10px 0px !important; padding:0px !important;}
	#Content #Article p.envoyer{margin-left:160px;}
	.clear{clear:both;}
	
/* = Footer
------------------------ */
#Footer {padding: 10px;}
#Footer p{background: #FE8A01; padding: 3px; color: #FFF; }
#Footer ul li{display: inline; padding:0px 10px 0px 10px; background:transparent url(/global/images/pucefooter.gif) 0px 2px no-repeat;}
#Footer ul li a{color: #FE8A01;}
#Footer img{float: right; position: relative; top: -23px; right: -10px;}