* {padding : 0; margin : 0;}


img{ border: 0;}

.link{
	cursor: hand;
	cursor: pointer;
}

body.portail{
	background-color: #fff;
	font-size: 9px;
	font-family: Arial,Sans-serif;
	color: #000;
	margin-left: 50%;
}
body.portail div#content{
	position: relative;
	width: 900px;
	margin-left: -450px;
	margin-top: 0px;
}

table#portail{
	border-collapse: collapse;
}

div#bandeau_haut h1#estiaLogo{
	/*border: solid 1px #f00;*/
	display: block;
	position: absolute;
	top: -60px;
	left: 20px;
	width: 160px;
	height: 140px;
}
div#bandeau_haut h1#estiaLogo a{
	/*border: solid 1px #0f0;*/
	display: block;
	width: 160px;
	height: 140px;
	
}


div#bandeau_haut h1 span,
div#bandeau_haut h2 span,
div#bandeau_haut h3 span,
*.invisible{
	display: none;
} 
div#bandeau_haut{
	position: relative;
	padding-top: 90px;
}
div#bandeau_haut p{
	
}
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

div#bandeau_alert{
	position: absolute;
	top: 30px; left: 426px;
	/*border: solid 1px #fc0;*/
}
div#bandeau_alert marquee{
	width: 230px;
	font-size: 10px;
	font-color: #3277A1;
}

div#content table#cols{
	border: none;
	border-collapse: collapse;	 
}
div#content table#cols td{
	/*border: solid 1px #f00;*/
}

table#portail div#identite_infos a{
	color: #666;
}

div#bandeau_haut{
	position: relative;
	background: #fff url(../pict/bandeau_01.jpg) no-repeat top left;
}

div.spanish div#bandeau_haut{
	background: #fff url(../pict/bandeau_03_sp.png) no-repeat top left;
}

div.english div#bandeau_haut{
	background: #fff url(../pict/bandeau_03_en.png) no-repeat top left;
}

div#traductions{
	position: absolute;
	top: 40px;
	left: 800px;
	width: 100px;
	
}
div#traductions h4{
	display: none;
}
div#traductions p{
	padding-left: 15px;
	/*padding-top: 40px;*/
}
div#traductions a{
	color: #999;
	text-decoration: none;
}
div#traductions img{
	border: 0;
	margin-right: 4px;
}
div#traductions p{
	font-size: 9px;
}

div#identite_infos p{
	font-size: 9px;
	color: #999;
}

div#main{
	position: relative;
	width: 900px;
	background: #fff url(../pict/line_top.gif) no-repeat 0 0;
	padding-top: 47px;
}

table#cols td{
	font-size: 11px;
}
table#cols td.gauche{
	width: 200px;
	background: #E2EAF3 url(../pict/line_bottom_td_gauche.gif) no-repeat bottom left;
	/*border: solid 1px #00f;*/
}
div#formations,
div#webpratique,
div#outils_navigation,
div#annonce_speciale {
	position: relative;
	padding-left: 20px;
	padding-bottom: 10px;
}
div#webpratique{
	/*border: solid 1px #0f0;*/	
	top: -2px;
}
div#formations{
	top: -15px;
	margin-bottom: -15px;
}
table#cols td.gauche div#annonce_speciale{
	/*border: solid 1px #0f0;*/	
	top: -2px;
}

table#cols td.gauche img{
	width: 200px;
	padding: 0px;
	/*margin-left: -40px;
	margin-right: 0px;*/
	/*background-color: #E2EAF3;*/
	border-top: solid 3px #fff;
	border-bottom: solid 3px #fff;
}

table#cols td.gauche div#colg_autres_contenus img{
	width: auto;
	padding: 0px;
	/*margin-left: -40px;
	margin-right: 0px;*/
	/*background-color: #E2EAF3;*/
	border-top: none;
	border-bottom: none;
}

div#colg_autres_contenus div.csc-header-n1{
	display: none;
}


table#cols td.gauche img.img_speciale {
	top: -100px;
	border-top: 0;
	border-bottom: 0;
}

table#cols td.centre{
	width: 430px;
	background: #fff url(../pict/line_bottom_td_centre.gif) no-repeat bottom left;
	padding-left: 20px;
}
table#cols td.droite{
	width: 250px;
	background: #fff url(../pict/line_bottom_td_centre.gif) no-repeat bottom left;
	padding-bottom: 3px;
}

h4{
	color: #F47920;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 20px;
	background: transparent url(../pict/puce_01.gif) no-repeat 0px 2px;
	font-size: 11px;
}

#colg_autres_contenus {
	padding-top: 20px;
}

#colg_autres_contenus h4{
	margin-left: 22px;
}

h4 a, 
body.portail h4 a:link,
body.portail h4 a:visited,
body.portail h4 a:hover,
body.portail h4 a:active,
div#identite_infos a{
 	color: #F47920;
	text-decoration: none;
	font-size: 11px;
}
/*
<div id="formations">
<h4><a href="#1">Formations</a></h4>
<div class="link_formation"><a href="#1">Devenez ing&eacute;nieur ESTIA</a></div>
*/

div.link_formation a,
div.link_pratique a,
div.link_pratique p{
	color: #174C69;
	padding-left: 25px;
	font-size: 11px;
	text-decoration: none;
	background: transparent url(../pict/puce_02.gif) no-repeat 8px -3px;
}

td#tdgauche div.link_pratique p{
	background: none;
}

div.link_pratique input.data_search{
	width: 102px;
}
div.link_pratique input.search{
	line-height: 16px;
	margin-left: 6px;
	padding-left: 26px;
	width: 26px;
	background: transparent url(../pict/fond_search.gif) no-repeat 1px 1px;
	cursor: pointer; cursor: hand;
}

div#evenements{
	width: 450px;
	position: relative;
	top: -29px; left: -20px; 
	margin-right: -20px;
	margin-bottom: -29px;
	background: transparent url(../pict/fond_evenements.gif) no-repeat 0 0;
	padding-top: 28px;
}
div#evenements img{
	float: right;
	margin-left: 6px;
	margin-top: 10px;
}

/*div#evenements p{
	color: #0A3D5C;
	padding-top: 10px;
	padding-left: 20px;
	width: 450px;
}*/
div#evenements h4 {
	display: none;
}
div#evenements span.cat{
	font-size:9px;
	color: #999;
}
div#evenements span.date{
	font-size:9px;
	color: #999;
}
div#evenements span.title{
	font-size:11px;
	color: #174C69;
	font-weight: 900;
	letter-spacing: 1px;
}
div#evenements span.subheader{
	font-size:10px;
	color: #666;
}
div#evenements ul{
	padding-top: 10px;
	list-style: square inside url(../pict/puce_04.gif);
}
div#evenements li{
	margin-top : 4px;
	padding-left: 10px;
	border-bottom: dotted 1px #ddd;
	padding-bottom : 3px;
}
div#evenements li a{
	padding-left: 0px;
	
}

/*<p class="actus"><a href="index.php?id=42">Toute l'actualité...</a></p>*/
div#evenements p.actus{ text-align: right; }


table.centre_2cols{
	width: 430px;
	border: none;
	border-collapse: collapse;	 
	margin-top: 0px;
	margin-bottom: 20px;
}
table.centre_2cols td{

}
div#recherche, div#entreprise{ 
	width: 215px;

}

div#evenements a,
div#recherche p a,
div#entreprise p a{
	color: #174C69;
	font-size: 11px;
}	


div#recherche h4{
	background: transparent url(../pict/cooperer_titre.gif) no-repeat 0 0;
	cursor: hand; cursor: pointer; 
}
div#entreprise h4{
	background: transparent url(../pict/innover_titre.gif) no-repeat 0 0;
	cursor: hand; cursor: pointer; 
}
div#recherche h4, div#entreprise h4{
	padding-top: 34px;
	/*border-bottom: solid 1px #0f0; */
}
div#recherche p{
	background: transparent url(../pict/cooperer_fond.gif) no-repeat 0 0;
} 
div#entreprise p{
	background: transparent url(../pict/innover_fond.gif) no-repeat 0 0;
} 
div#recherche p{
	padding-left: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#entreprise p{
	padding-left: 75px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#recherche h4 a span,
div#entreprise h4 a span{
	display: none;
}

div#recherche h4 a span,
div#entreprise h4 a span{
	display: none;
}


div.evenement h5,
div#colloques h5{
	padding-top: 4px;
	padding-left: 18px;
	background: transparent url(../pict/puce_04.gif) no-repeat 4 11;
}



div.evenement h5 a,
div#colloques a{
	color: #174C69;
	font-size: 10px;
}

div#colloques{
	margin-top: -20px;
}
div#colloques p a{
	padding-top: 4px;
	padding-left: 18px;
	background: transparent url(../pict/puce_04.gif) no-repeat 4 11;
}
div#colloques p{
	margin-top: 8px;
}

/*
<div id="traductions">
	<h4>Traductions</h4>
	<p>
		<a href="http://www.estia.fr/documents/ESTIAanglais.pdf"><span>English</span></a>
		<a href="#"><span>Espa&ntilde;ol</span></a>
	</p>
</div>
*/
td.footer p{
	text-align: center;
}
td.footer p a{
	color: #666;
	font-size: 10px;
	padding-left: 12px;
	background: transparent url(../pict/puce_05.gif) no-repeat 4px 6px;
}

/*
<div id="international">
	<h4><a href="#16">International</a></h4>
	<p>Un cadre européen et des atouts régionaux, des partenariats académiques et un enseignement trilingue. </p>
</div>
*/

div#international{
	position: relative;
	top: -45px;
	left: 10px;
	width: 240px;
	background: #3277A1 url(../pict/fond_international.gif) no-repeat 0 0;
}

div#international p{
	color: #fff;
	font-size: 11px;
	padding: 22px 3px 8px 100px;
}

div#international p a{
	color: #fff;
	padding-left: 16px;
	background: transparent url(../pict/puce_06.gif) no-repeat 1 3;
}
div#international h4, div#technopole h4{
	display: none;
}

/*
<div id="technopole">
	<h4>La Technopole IZARBEL</h4>...
*/

div#technopole{
	position: relative;
	top: -30px;  left: 10px;
	width: 240px;
	background: #94AAC4 url(../pict/fond_tech_izarb3.gif) no-repeat 0 0;
	padding-top: 30px;
	margin-bottom: 30px;
}
table#portail div#technopole p, table#portail div#technopole ul{
	padding: 5px 10px;
	margin: 5px;
	color: #fff;
	background-color: #94AAC4;
	line-height: 12px;
	font-size: 11px;
}


div#technopole a{
	color: #fff;
}
table#portail div#technopole ul{
	list-style: square inside none;
}


div#espace_emploi{
	position: relative;
	top: -30px;
	left: 10px;
	width: 240px;
	background: #94AAC4 url(../pict/fond_espace_emploi.gif) no-repeat 0 0; /*background: #94AAC4 ;*/
	padding-top: 30px;
	margin-bottom: -25px;
}
div#espace_emploi p, div#espace_emploi ul{
	padding: 5px 10px;
	margin: 5px;
	color: #fff;
	/*background-color: #94AAC4;*/
	background-color: #94AAC4;
	line-height: 12px;
}
div#espace_emploi a{
	color: #fff;
	background: transparent url(../pict/puce_06.gif) no-repeat 1 3;
	padding-left: 16px;
}
table#portail div#espace_emploi ul{
	list-style: square inside ;
	margin-top: 0px;
}
div#paysbasquenum{
	position: relative;
	top: -30px;
	left: 30px;
	width: 240px;
	background: transparent ;
	margin-top: -20px;
	margin-bottom: -20px;
}