/*
vert clair : #cf6
vert foncé : #363
gris texte : #404040
rouge foncé pour liens: #8a1a00
bleu : 
*/

* {margin: 0; padding: 0;}

body {
	color: #363;
	font-family: eurostile, Helvetica, sans-serif;
font-size: 12px;
	background: #cf6;
}

#page {
	position: relative;
	left: 20px;
	top: 0;
	width: 970px;
	height: inherit;
b-ackground: #cf6;
}

div#menu1 {
	float:left;
	width:320px;
	height:400px;
	background-color:#CCFF66;
	}
div#menu_haut {
	width:320px;
	height:180px;
	background-color:#CCFF66;
	}
div#menu_bas {
	width:320px;
	height:300px;
	background-color:#CCFF66;
	font-family: Eurostile, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	text-align: justify;
	}


#Layer1 {
	position:absolute;
	left:814px;
	top:54px;
	width:137px;
	height:149px;
	z-index:1;
}
a:link {
	text-decoration: none;
	color: #8a1a00;
}
a:visited {
	text-decoration: none;
	color: #8a1a00;
}
a:hover {
	text-decoration: none;
	color: #8a1a00;
}
a:active {
	text-decoration: none;
	color: #8a1a00;
}


div#bloc_news {
	float:right;
	width:180px;
	height:300px;
	background-color:#8A1A00;
	}
#contenu #bloc_news p {
	font-family: Eurostile, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 20px;
	
}

ul {list-style: none;}


#logo {
	position: fixed;
	left: 5%;
	top: 0;
	width: 935px;
	height: 50px;
	background: #cf6  /*url(css-img/logo_ET.jpg) no-repeat right bottom scroll*/;
	z-index: 5;
}
#logo a {
	position: absolute;
	left: -10px;
	top: 16px;
	border: none;
}
#logo img {border: none;}

#menu {position: fixed; left: 10px; top: 5px; width: 245px; padding: 220px 0 0 25px; background: #cf6;}
#menu li {margin: 0; }
#menu li a {display: block; width: 270px; height: 20px;}
#menu li a span {display: none;}

#menu #statement a {background: transparent url(css-img/statement_a.gif) no-repeat right center scroll;}
#menu #statement a:hover, #menu #statement .curr_section {background-image: url(css-img/statement_b.gif);}

#menu #presentazione a {background: transparent url(css-img/presentazione_a.gif) no-repeat right center scroll;}
#menu #presentazione a:hover, #menu #presentazione .curr_section {background-image: url(css-img/presentazione_b.gif);}




#menu #appelprojet a {background: transparent url(css-img/appelprojet_a.gif) no-repeat right center scroll;}
#menu #appelprojet a:hover, #menu #appelprojet .curr_section {background-image: url(css-img/appelprojet_b.gif);}

#menu #callproposals a {background: transparent url(css-img/callproposals_a.gif) no-repeat right center scroll;}
#menu #callproposals a:hover, #menu #callproposals .curr_section {background-image: url(css-img/callproposals_b.gif);}

#menu #projects a {background: transparent url(css-img/projects_a.gif) no-repeat right center scroll;}
#menu #projects a:hover, #menu #projects .curr_section {background-image: url(css-img/projects_b.gif);}


#menu #bando a {background: transparent url(css-img/bando_a.gif) no-repeat right center scroll;}
#menu #bando a:hover, #menu #bando .curr_section {background-image: url(css-img/bando_b.gif);}

#menu #progetti a {background: transparent url(css-img/progetti_a.gif) no-repeat right center scroll;}
#menu #progetti a:hover, #menu #progetti .curr_section {background-image: url(css-img/progetti_b.gif);}

#menu #projets a {background: transparent url(css-img/projets_a.gif) no-repeat right center scroll;}
#menu #projets a:hover, #menu #projets .curr_section {background-image: url(css-img/projets_b.gif);}


/*---#menu #instituts a {background: transparent url(css-img/instituts_a.gif) no-repeat right center scroll;}
#menu #instituts a:hover, #menu #instituts .curr_page {background-image: url(css-img/instituts_b.gif);}

#menu #partenaires a {background: transparent url(css-img/partenaires_a.gif) no-repeat right center scroll;}
#menu #partenaires a:hover, #menu #partenaires .curr_page {background-image: url(css-img/partenaires_b.gif);}--*/

#menu #documentation a {background: transparent url(css-img/documentation_a.gif) no-repeat right center scroll;}
#menu #documentation a:hover, #menu #documentation .curr_page {background-image: url(css-img/documentation_b.gif);}

#menu #form a {background: transparent url(css-img/form_a.gif) no-repeat right center scroll;}
#menu #form  a:hover, #menu #form  .curr_page {background-image: url(css-img/form_b.gif);}

#menu #formulaire a {background: transparent url(css-img/formulaire_a.gif) no-repeat right center scroll;}
#menu #formulaire  a:hover, #menu #formulaire  .curr_page {background-image: url(css-img/formulaire_b.gif);}



#menu #programme a {background: transparent url(css-img/programme_a.gif) no-repeat right center scroll;}
#menu #programme  a:hover, #menu #programme  .curr_page {background-image: url(css-img/programme_b.gif);}

#menu #programma a {background: transparent url(css-img/programma_a.gif) no-repeat right center scroll;}
#menu #programma  a:hover, #menu #programma  .curr_page {background-image: url(css-img/programma_b.gif);}

#menu #program a {background: transparent url(css-img/program_a.gif) no-repeat right center scroll;}
#menu #program  a:hover, #menu #program  .curr_page {background-image: url(css-img/program_b.gif);}

#menu #stampa a {background: transparent url(css-img/stampa_a.gif) no-repeat right center scroll;}
#menu #stampa  a:hover, #menu #stampa  .curr_page {background-image: url(css-img/stampa_b.gif);}

#menu #presse a {background: transparent url(css-img/presse_a.gif) no-repeat right center scroll;}
#menu #presse  a:hover, #menu #presse  .curr_page {background-image: url(css-img/presse_b.gif);}

#menu #press a {background: transparent url(css-img/presse_a.gif) no-repeat right center scroll;}
#menu #press  a:hover, #menu #press  .curr_page {background-image: url(css-img/press_b.gif);}



#menu #modulo a {background: transparent url(css-img/modulo_a.gif) no-repeat right center scroll;}
#menu #modulo  a:hover, #menu #modulo  .curr_page {background-image: url(css-img/modulo_b.gif);}

#menu #liens a {background: transparent url(css-img/liens_a.gif) no-repeat right center scroll;}
#menu #liens a:hover, #menu #liens .curr_page {background-image: url(css-img/liens_b.gif);}

#menu #credits a {background: transparent url(css-img/credits_a.gif) no-repeat right center scroll;}
#menu #credits a:hover, #menu #credits .curr_page {background-image: url(css-img/credits_b.gif);}

#menu #crediti a {background: transparent url(css-img/crediti_a.gif) no-repeat right center scroll;}
#menu #crediti a:hover, #menu #crediti .curr_page {background-image: url(css-img/crediti_b.gif);}


#menu #links a {background: transparent url(css-img/links_a.gif) no-repeat right center scroll;}
#menu #links a:hover, #menu #links .curr_page {background-image: url(css-img/links_b.gif);}

#menu #photos a {background: transparent url(css-img/photos_a.gif) no-repeat right center scroll;}
#menu #photos a:hover, #menu #photos .curr_page {background-image: url(css-img/photos_b.gif);}

#menu #credits_EN a {background: transparent url(css-img/credits_EN_a.gif) no-repeat right center scroll;}
#menu #credits_EN a:hover, #menu #credits_EN .curr_page {background-image: url(css-img/credits_EN_b.gif);}


#menu #contact a {background: transparent url(css-img/contact_a.gif) no-repeat right center scroll;}
#menu #contact a:hover, #menu #contact .curr_page {background-image: url(css-img/contact_b.gif);}


#menu #contatti a {background: transparent url(css-img/contatti_a.gif) no-repeat right center scroll;}
#menu #contatti a:hover, #menu #contatti .curr_page {background-image: url(css-img/contatti_b.gif);}


#menu .sub a {
	width: 200px;
	height: 20px;
	position: relative;
	left: 30px;
	background-color: #FFFFFF;
}

#menu .sub #janusbus a {background-image: url(css-img/janusbus_a.gif);}
#menu .sub #janusbus a:hover, #menu .sub #janusbus .curr_page {background-image: url(css-img/janusbus_b.gif);}

#menu .sub #boomerang a {background-image: url(css-img/boomerang_a.gif);}
#menu .sub #boomerang a:hover, #menu .sub #boomerang .curr_page {background-image: url(css-img/boomerang_b.gif);}

#menu .sub #carteblanche a {background-image: url(css-img/carteblanche_a.gif);}
#menu .sub #carteblanche a:hover, #menu .sub #carteblanche .curr_page {background-image: url(css-img/carteblanche_b.gif);}

#menu .sub #cartabianca a {background-image: url(css-img/cartabianca_a.gif);}
#menu .sub #cartabianca a:hover, #menu .sub #cartabianca .curr_page {background-image: url(css-img/cartabianca_b.gif);}

#menu .sub #migratour a {background-image: url(css-img/migratour_a.gif);}
#menu .sub #migratour a:hover, #menu .sub #migratour .curr_page {background-image: url(css-img/migratour_b.gif);}

#menu .sub #shortguide a {background-image: url(css-img/shortguide_a.gif);}
#menu .sub #shortguide a:hover, #menu .sub #shortguide .curr_page {background-image: url(css-img/shortguide_b.gif);}

#menu .sub #videos a {background-image: url(css-img/videos_a.gif);}
#menu .sub #videos a:hover, #menu .sub #videos .curr_page {background-image: url(css-img/videos_b.gif);}



#menu .sub #articles a {background-image: url(css-img/st_articles_g.gif);}
#menu .sub #articles a:hover, #menu .sub #articles .curr_page {background-image: url(css-img/st_articles_v.gif);}

#content {
	position: absolute;
	left: 383px;
	top: -102px;
	width: 370px;
	padding-bottom: 100px;
	text-align: left;
	background: #fff url(css-img/bg-content2.gif) no-repeat 440px 85px fixed;
	z-index: 3;
}
body#home #content {background-image: none;}

#content h2 {width: auto; height: 43px; margin-bottom: 50px; color: #9f0; background: transparent url() no-repeat left top scroll;}
#content h2 span {display: none;}

#content p {margin: 25px 0;}

div#contenu {
	float:left;
	width:650px;
	height:inherit;
	background-color:#CCFF66;
	font-family: Eurostile, Helvetica, sans-serif;
	font-size: 14px;
	color: #336633;
	text-align: left;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;	
	
	}
div#pied_page {
	clear:both;
	width:970px;
	height:12px;
	background-color:#CCFF66;
	background-position: center;
	
	
	}
#pied_page {
	font-family: Eurostile, Helvetica, sans-serif;
	font-size: 10px;
	color: #336633;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-width: 1px;
	border-right-width: thin;
	border-bottom-width: 1px;
	border-left-width: thin;
	border-top-color: #356635;
	border-right-color: #356635;
	border-bottom-color: #356635;
	border-left-color: #356635;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}



/* bloc d'animation des fleurs (page d'accueil) 
#anim {position: absolute; left: 0; top: 0; width: 466px;}
/* en raison de l'animation (apparition des fleurs) le bloc anim déborde de 79px sur la droite de la troisième fleur 
#anim li {
	float: left;
	height: 451px;
}
#anim li#fleur1 {width: 167px;}
#anim li#fleur2 {width: 136px;}
#anim li#fleur3 {
	position: relative;
	left: -79px;
	top: 106px;
	height: 345px;
	width: 163px;
}
*/