/* CSS pour site IFAGP */


/* style général */
* {
	margin: 0;
	padding: 0;
}
html,body {
	height: auto;
	background: #FFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

code {
	padding: 10px 20px 10px 20px;
	text-align: left;
	display: block;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;	
	/* white-space: pre; */
  background: #F5F5F5;
	border: 1px solid #e6e7e8;
	border-left: 3px solid #a22d2b;
} 

/* exposant et indice */
span.raise {
	font-size: 60%;
	vertical-align: 4px;
	line-height: 11px;
}

span.lower {vertical-align: sub;}



/* les liens */
a {
	color: #688cb5;
	text-decoration: none;
}
a:hover {
	color: #ba7207;
}

h1 {
	width: 512px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #688cb5;
	padding: 20px 0 30px 0px;
	font-weight: bold;
	}

h2 {
	font-size: 13px;
	color: #a22d2b;
	padding: 10px 0 20px 0px;
	}

h3 {
	font-size: 12px;
	color: #373737;
	padding: 10px 0 10px 0px;
	}
/* style spéciaux / utilisé pour nom entre tableaux dans publication */
h5 {
	font-size: 13px;
	color: #a22d2b;
	padding: 20px 0 20px 0px;
	}			
				
sup	{ 	line-height:70%; 	font-size:77% }

/* style spéciaux / utilisé une seul fois */

/* dans la partie membres - note de bas de page */
.spec_membres_bas {
	font-size: 10px;
	}

/* dans la page présentation - le titre ne doit pas aller à la ligne */
.spec_presentation_h1 {
	letter-spacing: -0.04em;
	}

/* dans la page liens - le 1er lien est un faux lien */
.spec_liens_vide {
	color: #688cb5;
	font-weight: bold;
}
/* dans la page colloque 2009 - la 2eme ligne du titre est en minuscule */
.h1_spec {
	font-weight: normal;
	}
	
.moderateur {
	font-size: 13px;
	}	



#page_accueil {
	width: 785px;
	height: 600px;
	position: relative;
	margin: 0 auto 0 auto;
	background-image: url(../image/Accueil_IFAGP.jpg);
	background-repeat: no-repeat;
	background-position: 0 64px;
}

#zone_cliquable_1{
	height: 480px;
	width: 331px;
	position: absolute;
	left: 6px;
	top: 9px;
}
#zone_cliquable_2{
	height: 325px;
	width: 435px;
	position: absolute;
	left: 339px;
	top: 9px;
}
#zone_cliquable_3{
	height: 100px;
	width: 770px;
	position: absolute;
	left: 6px;
	top: 502px;
}
#zone_cliquable_4{
	height: 30px;
	width: 120px;
	position: absolute;
	left: 660px;
	top: 460px;
}

#zone_cliquable_1 a img
{border:0; }

#zone_cliquable_2 a img
{border:0; }

#zone_cliquable_3 a img
{border:0; }

#zone_cliquable_4 a img
{border:0; }

#email_page_accueil{
	height: 18px;
	width: 232px;
	position: absolute;
	left: 358px;
	top: 437px;
}


	
/* le conteneur - la page est centrée */
#conteneur {
	
	width: 915px;
	height: auto;
	margin: 0 auto 0 auto;
}	



/* le haut de page */
#header {
	width: 915px;
	height: 215px;
	background: #ffffff url(../image/haut_de_page.jpg) top left no-repeat;
	position: relative;
	margin: 0 auto;
}

#logo_ifagp{
	height: 190px;
	width: 130px;
	position: absolute;
	left: 65px;
	top: 23px;
}

#logo_ifagp a img {border:0; }
/* la barre de navigation dans le header */
#navbar {	position: absolute;	bottom: 55px;	right: 119px; }

#nav {
	width:562px;
	list-style-type: none;
	height: 21px;
	background-color:transparent;	
}
	#nav li {
	float: left;
	display: block;
	height: 21px;
	overflow:hidden;
	text-indent: -99999px;
}

#formation {
	width: 91px;
	background: url(../image/formation.png) 0 -42px no-repeat;	
}
#presentation {
	width: 104px;
	background: url(../image/presentation.png) 0 -42px no-repeat;	
}
#perfectionnement {
	width: 147px;
	background: url(../image/perfectionnement.png) 0 -42px no-repeat;		
}
#intervention {
	width: 220px;
	background: url(../image/intervention.png) 0 -42px no-repeat;			
}
#act_scient {
	width: 176px;
	background: url(../image/act_scient.png) 0 -42px no-repeat;		
}
#aut_acti {
	width: 139px;
	background: url(../image/aut_acti.png)  0 -42px no-repeat;				
}
#membres {
	width: 88px;
	background: url(../image/membres.png) 0 -42px no-repeat;		
}
#publication {
	width: 110px;
	background: url(../image/publication.png) 0 -42px no-repeat;		
}
#lien {
	width: 49px;
	background: url(../image/lien.png) 0 -42px no-repeat;		
}



#nav li a {
	display: block;
	height: 21px;
	overflow:hidden;
	text-indent: -99999px;
	}

#presentation-nav a {
	width: 104px;
	background: url(../image/presentation.png) 0 0 no-repeat;
		}
#formation-nav a {
	width: 91px;
	background: url(../image/formation.png) 0 0 no-repeat;		
}
#perfectionnement-nav a {
	width: 147px;
	background: url(../image/perfectionnement.png) 0 0 no-repeat;		
}
#intervention-nav a {
	width: 220px;
	background: url(../image/intervention.png) 0 0 no-repeat;		
}
#act_scient-nav a {
	width: 176px;
	background: url(../image/act_scient.png) 0 0 no-repeat;		
}
#aut_acti-nav a {
	width: 139px;
	background: url(../image/aut_acti.png) 0 0 no-repeat;		
}
#membres-nav a {
	width: 88px;
	background: url(../image/membres.png) 0 0 no-repeat;		
}
#publication-nav a {
	width: 110px;
	background: url(../image/publication.png) 0 0 no-repeat;		
}
#lien-nav a {
	width: 49px;
	background: url(../image/lien.png) 0 0 no-repeat;		
}

#nav li a:hover, 
#presentation #presentation-nav a,
#formation #formation-nav a,
#perfectionnement #perfectionnement-nav a,
#intervention #intervention-nav a,
#act_scient #act_scient-nav a,
#aut_acti #aut_acti-nav a,
#membres #membres-nav a,
#publication #publication-nav a,
#lien #lien-nav a

 { 
	background-position: 0 -21px;
	
}
	
	
/* tous les contenus dans le coeur */
#core {
	width: 915px;
	height: auto;
	background: #FFF url(../images/coreback.gif) top left repeat-y;
	margin: 0 auto;
}

/* sous-rubrique et adresse */
#coreleft {
	width: 205px;
	height: auto;
	float: left;
	text-align: right;
	/*background: #ffffff url(../image/navgauche.jpg) top left no-repeat;*/
}


	#coreleft ul {
		padding-top: 24px;
		list-style: none;
	}
	#coreleft li {
		line-height: 13px;
		padding-bottom: 8px;
		
		}
		
	#coreleft li a {
		text-decoration: none;
		color: #b4591c;
	}
	#coreleft li a:hover {
		font-weight: bold;
	letter-spacing: -0.020em;
	}
	#coreleft li.first {
	font-weight: bold;
	letter-spacing: -0.02em;
	color: #a22d2b;
	
	}
	
	#actu {
	padding-left:105px;
	padding-top: 7px;
	padding-bottom: 1px;
	}
	
	#actu_fixe {
	display:block;
    width:95px;
    height:28px;
	background:url("../image/actualite.png") 0 -56px no-repeat;
	}

a.actu-bouton {
	display:block;
    width:95px;
    height:28px;
    background:url("../image/actualite.png") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.actu-bouton 
{
	background-position: 0 -28px;
	}
	
	#nav-gauche {
	position: relative;
	top: 0px;
	left: 0px;
	height:143px;
	width:200px;
	}
	
	#infobar {
	position: relative;
	top: 2px;
	left: 0px;
	width:199px;
	}
	
	#coreleft h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: -0.01em;
	padding-bottom: 12px;
	color: #000000;
	}
	
	#coreleft p {
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: -0.051em;
	padding-bottom: 12px;
	}


#imprimer {
	padding-left:176px;
	padding-top: 9px;
	}

a.imprimer-bouton {
	display:block;
    width:25px;
    height:23px;
    background:url("../image/imprimer.png") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.imprimer-bouton 
{
	background-position: 0 -25px;
	}

	

/* contenu principal */
#corecenter1 {
	width: 563px;
	height: auto;
	float: left;
	background: #FFFFFF url(../image/filet.jpg) top left repeat-y;
	padding-left: 69px;	
	}



#corecenter {
	width: 563px;
	height: auto;
	float: left;
	background: #FFFFFF url(../image/comp_bas.jpg) bottom right no-repeat;
	marging-right: 40px;
}
	
	
	
	
	#corecenter p {
	width: 512px;
	line-height: 16px;
	padding: 0 0px 16px 0px;
	letter-spacing: 0.01em;
		}
	
	#corecenter ul {
	width: 472px;
	list-style-type: none;
	list-style-image: url(../image/puce_liste.png);
	padding: 0 0px 0px 25px;
	letter-spacing: 0.01em;
		}
	#corecenter li {
	
	/*background:url(../image/puce_liste.png) 0px 8px no-repeat;*/
	line-height: 16px;
	padding: 0 0px 16px 0px;
	letter-spacing: 0.01em;
	}
	
	
	#calendrier {
	
	}

a.calendrier-bouton {
	display:block;
	width:130px;
	height:23px;
	background:url("../image/calendrier.png") 0 0 no-repeat;
	text-decoration: none;
	text-indent: 28px;
	font-size: 10px;
	padding-top: 6px;
	}

a:hover.calendrier-bouton 
{
	background-position: 0 -25px;
	}






/* partie colloque en cours */

.intervenant {
	color: #054c74;
	font-size: 13px;
	font-weight: bold;
	}

.programme {
	color: #b4591c;
	font-size: 15px;
	}

.programme_titre {
	color: #054c74;
	font-size: 15px;
	padding-bottom: 2px;
}
.programme_heure {
	color: #000000;
	font-size: 15px;
	vertical-align: top;
}

#fleche_colloque {
	padding-top: 44px;
	padding-left: -54px;
	padding-bottom: 22px;
	}




	

#nav_colloque { font-size: 13px; color: #a22d2b; padding: 10px 0 20px 0px; }

#nav_colloque a { text-decoration: none; color: #688cb5; }
#nav_colloque a:hover { color: #b4591c;}









/* the footer contains all copyright info etcetera */
#footer {
	clear: both;
	width: 909px;
	height: 158px;
	background: #ffffff url(../image/pied_de_page.jpg) top left no-repeat;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
	#footer p {
	color: #ba7207;
	padding-left: 229px;
	padding-top: 33px;
	}
	#footer a {
	color: #ba7207;
	text-decoration: none;
	}
#footer a:hover {
	color: #688cb5;
	}


#fleche {
	padding-left:265px;
	padding-top: 44px;
	}

a.fleche-bouton {
	display:block;
    width: 25px;
    height: 23px;
    background:url("../image/retour_haut.jpg") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.fleche-bouton {
	background-position:0 -25px;}
	
	
	
/* annonce colloque page d'accueil */
#go_colloque {
	height: 60px;
	width: 300px;
	position: absolute;
	left: 358px;
	top: 335px;
}

a.go_colloque-bouton {
	display:block;
    width: 300px;
    height: 60px;
    background:url("../image/colloque.gif") 0 0 no-repeat;
    text-decoration: none;
	}

a:hover.go_colloque-bouton {
	background-position:0 -60px;}
	
/* Publications */	
	
#corecenter table{
		width: 510px;
		border-spacing: 0px;
		
	}
#corecenter table td{
		width: 430px;
		padding: 0px 0px 12px 0px;
		/* text-align:left;*/
	}
#corecenter table th{
		width: 80px;
		padding: 0px 0px 0px 0px;
		text-align:left;
		vertical-align: top;
		font-weight: bold;
		color: #0f5f8b;
	}