@charset "utf-8";
/* CSS Document */

@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");

html, body { height:100%; margin:0; padding:0; outline:none; background:#E7E3C9; }

a {	color: #0099CC;	text-decoration: none;}
a:hover {	color: #00CCFF;}
a img {  border: none;/*remove border for linked images*/}

a.petitbleu {	color: #0099CC;	text-decoration: none; font-size:11px;}
a:hover {	color: #666666;}
a img {  border: none;/*remove border for linked images*/}

.rouge { color : #B20000; }
.gras { font-weight:bold; padding:0; margin:0;  }
.italique { font-style:italic; padding:0; margin:0;  }
.rightevent { display:block; float:right; margin:120px 0 0 0; padding:0; }


h1 { font-size: 1.6em; height: 20px; padding-top: 0;}
h2{	font-size: 1.2em; height: 20px;	padding-top: 0;}
h3{	font-size: 1.2em; height: 20px; padding-top: 0;}
h4 { font-size: 1.9em; height: 20px; padding: 10px 0 0 10px; margin-bottom:-20px; margin-left:-60px; color:#CCC;}

.citation { font-size: 1.6em; line-height:22px; padding: 10px 0 0 10px; margin: 10px; color:#B20000;}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
/***** Main Layout ****/


#content {

  	width: 800px;
	height:800px;
	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding:0;
}

#top_menu {
	position: relative; 
	width:800px;
	height:200px;
	padding:0;
	margin:0;
}
  
#logo {
	float:left;
	width:800px;
	height:123px;
}

#menuprincipal {
	
	float:left;
	width:800px;
	height:78px;
	margin:-4px 0 0 0;
	background:url(../images/bck_menu_general_itf.png) no-repeat 0 0;
	
}

#btn-accueil {
position: absolute;
top:117px;
left:-59px;
width:60px;
height:20px;
background:#FFF;
text-align:center;
font-weight:bold;
line-height:20px;
}

#menuprincipal ul { 
	display:block; 
	margin:0; 
	padding:0; 
	text-align:left;
	height:78px;
	}
	
#menuprincipal li { 
	display:block; 
	float:left; 
	margin:0px;
	padding:0px;
	list-style:none;
	height:78px;
	width:200px;
	}
	
	#menuprincipal li a { 
		display:block; 
		float:left; 
		margin:0; 
		padding:43px 0 0 15px; 
		height:35px;
		width:185px;
		line-height:14px; 
		font-size:12px; 
		font-family:Arial, Helvetica, sans-serif; 

		}
		
	#menuprincipal li a:link, #menuprincipal li a:active, #menuprincipal li a:visited { 
		color:#CCCCCC; 
		text-decoration:none; 
		}
		
	#menuprincipal li a:hover { 
		color:#FFFFFF; 
		}
		
	#menuprincipal li.selected {
		background:url(../images/bck_fleche_itf.png) no-repeat bottom center;
		}
		

#panel_accueil {
	
float:left;
width:800px;
height:204px;
padding:0;

}

		#panel_accueil ul { 
			display:block; 
			margin:0; 
			padding:0; 
			text-align:left;
			height:204px;
			width:800px;
			}
			
		#panel_accueil li { 
			display:block; 
			float:left; 
			margin:0px;
			padding:0px;
			list-style:none;
			height:204px;
			}
			
#ss-menu {
	
	float:left;
	width:800px;
	height:78px;
	margin:-4px 0 0 0;
	
}
			
#ss-menu ul { 
	display:block; 
	margin:15px 0 0 0; 
	padding:0; 
	text-align:left;
	height:35px;
	}
	
#ss-menu li { 
	display:block; 
	float:left; 
	margin:0px;
	padding:0px;
	list-style:none;
	height:35px;
	border-right: 1px solid #CCC;
	}
	
	#ss-menu li a { 
		display:block; 
		float:left; 
		height: 35px;
		margin:0 5px 5px 5px; 
		padding:0 20px 0 20px; 
		font-size:16px;
		line-height:35px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		
		}
		
	#ss-menu li a:link, #ss-menu li a:active, #ss-menu li a:visited { 
		color:#B20000;
		text-decoration:none; 
		}
		
	#ss-menu li a:hover, #ss-menu li a.selected { 
		color:#333;
		background:#E8E8E8;
		}
		

			

#body_panel {
	float:left;
	width: 800px;
  	margin: 15px 0 0 0;
  	text-align: left;
	padding:0;
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	
}

		#specialisation {
			float:left;
			width:390px;
			padding:0;
			margin-bottom:20px;
			font-size:12px;
			line-height:18px;
			
		}
			#containtercours{
				float:left;
				width:400px;
				text-align:left;
			}

			#codecours { 
				float:left;
				width:65px;
				text-align:left;
			}

			#titrecours {
				float:left;
				width:250px;
			}

			#detailscours {
				float:right;
				width:50px;
			}
		
		#specialisation h1{
			display:block;
			width: 390px;
			height:25px;
			background:url(../images/trait_hory_people.png) repeat-x left bottom;
			margin-bottom:10px;
			font-size:14px;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:#333;
		
		}

		#encadre-vierge {

			float:left;
			width:440px;
			height:50px;
			padding:10px 10px 0 80px;
			background:url(../images/encadre_vierge_itf.png) no-repeat;
			font-size:16px;
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:#00CCFF;	   	
		}


		#container-events {
			
			float:left;
			width:528px;
			height:301px;
			margin-top:30px;
			padding:0;
			margin:4px 35px 0 0;
			background:#FFF;
			border:#FFF 1px solid;
						
		}
		
		#simple-colonne {
			
			float:left;
			width:265px;
			padding:6px 0 0 6px;
			margin:0 15px 0 0;
			width:250px;
			font-size:12px;
			color:#5A5444;
			line-height:18px;
			
		}
		

		#db-colonne {
			
			float:left;
			padding:0;
			margin:5px 35px 0 0;
			border:1px solid #FFF;
			width:528px;
			
		}

		#db-colonne-noborder {
			
			float:left;
			padding:0;
			margin:5px 35px 0 0;
			width:528px;
			
		}
		
		#accesrapide {
			
			float:left;
			background: url(../images/acces_rapide_panel_itf.png) no-repeat 0 0;
			padding:0;
			margin:0;
			width:235px;
			height:230px;
			
		}
		
			#accesrapide ul { 
				display:block; 
				margin:0; 
				padding:25px 0 0 20px; 
				text-align:left;
				width:190px;
				}
				
			#accesrapide li { 
				display:block; 
				float:left; 
				margin:0px;
				padding:4px 4px 4px 20px;
				list-style:none;
				height:20px;
				width:160px;
				border-bottom:#FFF dotted 1px;
				background: url(../images/fleche_acces_rapide_itf.png) no-repeat 0 5px;
				color:#FFF;
				font-size:12px;
				}
				
			#accesrapide li a { 
				
				font-size:12px; 
				font-family:Arial, Helvetica, sans-serif; 
		
				}
				
			#accesrapide li a:link, #accesrapide li a:active, #accesrapide li a:visited { 
				color:#FFF; 
				text-decoration:none; 
				}
				
			#accesrapide li a:hover { 
				color:#CCC; 
				}


		#demo-en-ligne {
			
			float:left;
			background: url(../images/demo_cours_en_ligne_itf.png) no-repeat 0 0;
			padding:20px;
			margin:0;
			width:195px;
			height:190px;
			color:#FFF;
			margin-left:30px;
		}

			#demo-en-ligne h2 {
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:#FFF;
			font-size:16px;
			}


		#form-de-contact {
			
			float:left;
			background: #FFF;
			padding:15px;
			margin:10px 0 0 30px;
			width:197px;
			color:#333;
			border:1px solid #DFDED7;
			
			
		}

			#form-de-contact h2 {
			font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
			color:#333;
			font-size:16px;
			}


		
		#ombre {
			
			float:left;
			margin:10px 0 0 30px;
			width:240px;
			height: 150px;
			
		}
		
		#documentation {

			float:left;
			margin:10px 0 0 30px;
			width:240px;
			
		}

		#itfmonde{
			
			float:left;
			/*background: url(../images/bck_itf_monde_utf.png) no-repeat 0 0;*/
			height:50px;
			width:220px;
			padding:0;
			padding:0;
			margin:20px 0 0 0;
			
			
		}
		
				#itfmonde select {
					padding: 3px;
					margin:0 0 0 50px;
					width: 160px;
					font-size:11px;
					color:#999;
					}
				

		
			#tierscolonne ul { 
				display:block; 
				margin:0; 
				padding:25px 0 0 20px; 
				text-align:left;
				width:160px;
				}
				
			#tierscolonne li { 
				display:block; 
				float:left; 
				margin:0px;
				padding:4px 4px 4px 20px;
				list-style:none;
				height:20px;
				width:160px;
				border-bottom:#FFF dotted 1px;
				background: url(../images/fleche_acces_rapide_itf.png) no-repeat 0 5px;
				color:#FFF;
				font-size:12px;
				}
				
			#tierscolonne li a { 
				
				font-size:12px; 
				font-family:Arial, Helvetica, sans-serif; 
		
				}
				
			#tierscolonne li a:link, #tierscolonne li a:active, #tierscolonne li a:visited { 
				color:#FFF; 
				text-decoration:none; 
				}
				
			#tierscolonne li a:hover { 
				color:#CCC; 
				}
						
						
	#news1 {
		
		float:left;
		padding:0;
		margin:0 0 10px 0;
		width:270px;
		border:1px solid #DFDED7;
		background: #F5F4EB;
	
	}
	
	#news2 {
		
		float:left;
		width:250px;
		border:1px solid #DFDED7;
		background: #E9E5CD;
	
	}
	
		#affichedate {
			
			float: left;
			width:30px;
			height:30px;
			background:#FFF;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			font-size:16px;
			color:#333;
			border-bottom: 1px solid #DFDED7;
			border-top: 1px solid #F5F4EB;
			text-align:center;
			padding:5px 10px 10px 10px;
			
		}
		
		#affichetitre {
			
			float: left;
			width:200px;
			height:30px;
			background:#E9E5CD;
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
			border-bottom: 1px solid #DFDED7;
			border-top: 1px solid #F5F4EB;
			font-size:14px;
			color:#333;
			text-align:left;
			padding:5px 10px 10px 10px;
			
		}
		
		#affichedetail {
		float: left;
		width:250px;
		padding:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border-top: 1px solid #FFF;
		}
		
		#titrenews {
		
		float:left;
		font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		font-size:16px;
		width:270px;
		padding:0 0 5px 0;
		margin: -5px 0 10px 0;
		border-bottom:solid 1px #A7A7A7;
		}
		
#container-people {

float:left;
padding:5px;
margin:5px 35px 15px 0;
border:1px solid #DFDED7;
width:518px;
background:#F5F4EB;

}

	#picture-people {
		
	float:left;
	padding:4px;
	background:#FFF;
	width:120px;

	}

	#description-people {
		
	float:left;
	padding:0 0 0 10px;
	width:380px;
	font-size:12px;

	}
	
	#description-people h1 {
	display:block;
	width:370px;
	height:25px;
	padding:5px 0 8px 0;
	margin-bottom:8px; 
	background: url(../images/trait_hory_people.png) repeat-x left bottom;
	font-size:14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	

#container-professeur {

float:left;
padding:5px;
margin:5px 20px 15px 0;
border:1px solid #DFDED7;
width:370px;
background:#F5F4EB;

}

	#picture-professeur {
		
	float:left;
	padding:4px;
	background:#FFF;
	width:88px;

	}

	#description-professeur {
		
	float:left;
	padding:0 0 0 10px;
	width:260px;
	font-size:12px;

	}
	
	#description-professeur h1 {
	display:block;
	width:260px;
	height:25px;
	padding:5px 0 8px 0;
	margin-bottom:8px; 
	background: url(../images/trait_hory_people.png) repeat-x left bottom;
	font-size:14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
	
#partenaires {

	float:left;
	padding:5px;
	margin:5px 35px 10px 0;
	border:1px solid #DFDED7;
	width:518px;
	background:#F5F4EB;
	

}

#partenaires-titre {
	float:left;
	font-size:14px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding:5px;
}

#partenaires-liens {

	float:right;
	margin:0;
	padding:5px 5px 5px 10px;
	background:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#menu-gauche-container {

	float:left;
	padding:5px 5px 0 5px;
	margin:5px 20px 10px 0;
	border:1px solid #DFDED7;
	width:190px;
	background:#F5F4EB;
	

}

#menu-gauche-item {
	float:left;
	width:180px;
	background:#FFF;
	padding:5px;
	margin-bottom:5px;
}

	#menu-gauche-item a{
		font-size:14px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
 	}

#programmes {
	float:left;
	width:530px;
	padding:0;
	margin-bottom:5px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

	#programmes h1{
		display:block;
		width: 530px;
		height:25px;
		background:url(../images/trait_hory_people.png) repeat-x left bottom;
		margin-bottom:10px;
		font-size:14px;
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color:#333;
	
 	}

#programmes-graph {
	float:right;
	width:260px;
	padding:0;
	
}

#journee-containter {

	float:left;
	width:132px;
	padding:10px;
	margin:0 10px 0 0;
	background:#FFF;

}
	
	#heures {
	
	float:left;
	width:110px;
	padding:3px 10px 3px 10px;
	margin:10px 0 0 0;
	background:#F5F4EB;
	text-align:center;
	font-weight:bold;
	border: #DFDED7 solid 1px;	
	
	}

	#cours {

	float:left;
	width:120px;
	padding:5px 5px 5px 5px;
	margin:0 0 0 0;
	border: #DFDED7 solid 1px;
	border-top:none;
	
	}

#moi-containter {

	float:left;
	width:780px;
	padding:10px;
	margin:0 10px 10px 0;
	background:#FFF;

}

	#date {
		float:left;
		width:150px;
		padding:10px;
		margin:0 0 10px 0;
		background:#F5F4EB;
		font-weight:bold;
	}


	#moi-desc {
		float:left;
		width:560px;
		padding:10px;
		margin:0 0 10px 10px;
		border-left: #DFDED7 solid 1px;	
	}

#inscription {
	
float:left;
width:475px;
padding:0px;
margin:0 0 0 10px;

}

#frais {

float:left;
width:315px;
padding:0px;
margin:0;

}

/***** FOOTER FOOTER FOOTER ****/
/***** FOOTER FOOTER FOOTER ****/
/***** FOOTER FOOTER FOOTER ****/
/***** FOOTER FOOTER FOOTER ****/
/***** FOOTER FOOTER FOOTER ****/

.footer, .push {
    height: 300px;
	background:#FFF ;
}



#container-footer {
position:relative;
width: 800px;
margin: 0 auto;/* center the page in Firefox */
text-align: left;
padding:15px 0 0 0;
height:190px;
border-bottom:1px #CCC dotted;
background:#FFF;
}

#footer2 {

width: 800px;
height:20px;
margin: 0 auto;/* center the page in Firefox */
padding:0;
border-bottom:1px #CCC dotted;
text-align:center;
color:#CCC;
font-size:11px;
}

		#container-footer  ul { 
			display:block; 
			margin:0; 
			padding:0; 
			text-align:left;
			height:150px;
			width:800px;
			}
			
		#container-footer  li { 
			display:block; 
			float:left; 
			margin:0px;
			padding:20px;
			list-style:none;
			height:120px;
			width:226px;
			background:url(../images/bck_menu_bas_itf.png) no-repeat 0 0;
			color:#999;
			font-size:11px;
			line-height:14px;
			}
			
			#container-footer  li a{
				color: #666;
				font-size:14px;
			}
			
			#container-footer  li a:hover{
				color: #999;
				font-size:14px;
			}
			
						
			#container-footer  li:first-child { 
			border-left: none;
			font-size:11px;
			color:#999;
			line-height:14px;
			background:none;
			padding:0 40px 0 0;
			}