*{
	margin:0;
	padding:0;
}

body{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:12px;
	line-height:14.27px;
	}
	
.fond{
	width:1024px;
	height:768px;
	background-repeat:no-repeat;
	margin:auto;
}

#fondHome{
	background-image:url('images/fond_page/home.jpg');
	}
	
#fondMentions{
	background-image:url('images/fond_page/mentions.jpg');
	}
	
#fondCredits{
	background-image:url('images/fond_page/credits.jpg');
	}
	
#fondPlan{
	background-image:url('images/fond_page/plan.jpg');
	}
	
#fondContacts{
	background-image:url('images/fond_page/contacts.jpg');
	}
	
#fondFiche{
	background-image:url('images/fond_page/fiche.jpg');
	}
	
#fondNotions{
	background-image:url('images/fond_page/introNotions.jpg');
	}
	
#fondDessin{
	background-image:url('images/fond_page/dessin.jpg');
	}
	
#fondPhoto{
	background-image:url('images/fond_page/photo.jpg');
	}
	
#fondAffiche{
	background-image:url('images/fond_page/affiche.jpg');
	}
	
#fondPeinture{
	background-image:url('images/fond_page/peinture.jpg');
	}
	
#fondCinema{
	background-image:url('images/fond_page/cinema.jpg');
	}
	
#container{
	float:left;
	width:807px;
	height:633px;
	margin-left:117px;
	margin-top:67px;
}

#leftColumn{
	float:left;
	width:145px;
	height:633px;
	}
	
#logoIE{
	margin-left:8px;
	height:78px;
}

#logoIA{
	float:right;
	margin-right:32px;
}

#drapeaux{
	width:120px;
	height:13px;
	margin-top:12px;
	margin-left:9px;
}

h2{
	margin:0;
	margin-top:20px;
	font-weight:bold;
	font-size:13.63px;
	color:#FF0387;
}

h4{
	margin:0;
	font-weight:bold;
	font-size:13.63px;
}
	
a img{
	border:0 none;
	}
	
#blocTextEdito{
	height:318px;
	width:145px;
}

#editoCourt, #editoLong{
	text-align:left;
	font-size:10.22px;
	line-height:12.27px;
	width:145px;
	}
	
#savoirPlus, #savoirMoins {
	background-color:black;
	font-size:7px;
	margin-left:98px;
	padding-left:4px;
	padding-right:4px;
	width:40px;
}

#savoirPlus a, #savoirMoins a{
	color:white;
	text-decoration:none;
}

#boutons{
	position:absolute;
	top:668px;
	}
	
#linkMentions {
	cursor:pointer;
	float:left;
	background-image:url("images/boutons/Mentions_legales.png");
	background-position:29px 0;
	height:29px;
	width:29px;
}

a{
	color:black;
	text-decoration:none;
	}
	
li{
	list-style:none;
}
	
#linkMentions:hover{
	background-position:0 0;
}

#linkCredits {
	cursor:pointer;
	float:left;
	background-image:url("images/boutons/Credits.png");
	background-position:29px 0;
	height:29px;
	width:29px;
}

#linkCredits:hover{
	background-position:0 0;
}

#linkPlan{
	cursor:pointer;
	float:left;
	background-image:url("images/boutons/Plan.png");
	background-position:17px 0;
	margin-top:5px;
	height:20px;
	width:17px;
}

#linkPlan:hover{
	background-position:0 0;
}

#linkContacts{
	cursor:pointer;
	float:left;
	background-image:url("images/boutons/Contact.png");
	background-position:32px 0;
	height:22px;
	margin-top:2px;
	width:31px;
}

#linkContacts:hover{
	background-position:0 0;
}

#listeLiens span, #listeNotions span, #listeAnims span{
	display:block;
	font-size:13.63px;
	font-weight:bold;
	margin:0;
}

.trait {
	background-color:black;
	float:left;
	height:28px;
	margin-left:4.5px;
	margin-right:4.5px;
	margin-top:2px;
	width:1px;
}

#center {
	background-image:url("images/fond-blanc.png");
	float:right;
	height:585px;
	width:662px;
}

#center2 {
	float:right;
	height:472px;
	margin-right:38px;
	margin-top:37px;
	width:596px;
}


.txtCenter{
	font-size:12px;
	line-height:14.5px;
	position:relative;
	top:-188px;
	}
	
.centerPlan{
	top:-234px;
}

.centerContacts{
	top:-148px;
}

.link{
	position:relative;
	top:20px;
}

.link2{
	position:relative;
	top:64px;
	left:-77px;
}


.txtCenter div{
	left:104px;
	position:relative;
	top:-35px;
	width:477px;
}

h1 {
	font-size:15.31px;
	line-height:18.37px;
	font-weight:bold;
	margin-bottom:19px;
}

h5 {
	font-size:15.31px;
	line-height:18.37px;
	font-weight:bold;
	margin-bottom:4px;
}

.note{
	font-size:10.21px;
	line-height:12.25px;
}
#sublim{
	left:203px;
	position:relative;
	top:115px;
}

#divAnim, #divAnimOn{
	height:59px;
	left:62px;
	position:relative;
	top:-35.9583px;
	width:150px;
}

#anim{
	float:left;
	height:59px;
	width:150px;
	background-image:url("images/boutons/animations.png");
	}

#anim:hover, #animOn{
	float:left;
	height:59px;
	width:150px;
	background-image:url("images/boutons/animationsOn.png");
	}

#divNotions, #divNotionsOn {
	height:59px;
	left:212px;
	position:relative;
	top:-95px;
	width:150px;
}

#notions{
	height:59px;
	width:150px;
	float:left;
	background-image:url("images/boutons/notions.png");
	}

#notions:hover, #notionsOn{
	height:59px;
	width:150px;
	float:left;
	background-image:url("images/boutons/notionsOn.png");
}

#contenu {
	height:479px;
	margin-left:46px;
	margin-top:-44px;
	width:557px;
	float:left;
}

#pdf{
	float:right;
	width:23px;
	height:19px;
	background-image:url('images/boutons/pdf.gif');
	margin-right:8px;
}

#pdf:hover{
	background-image:url('images/boutons/pdfOn.gif');
	width:22px;
}

#retour{
	float:right;
	width:28px;
	height:18px;
	background-image:url('images/boutons/Retour.png');
	background-position:0 0;
}

#retour:hover{
	background-position:28px 0;
}
#contenuFiche {
	float:left;
	height:479px;
	margin-left:57px;
	margin-top:-65px;
	width:539px;
}

#leftContenu{
	width:115px;
	height:201px;
	margin-left:25px;
	float:left;
	}

h3{
	line-height:20.45px;
	font-size:17px;
	font-weight:bold;
}

.txtContenu{
	font-size:10.22px;
	line-height:12.47px;
	margin-bottom:3px;
	margin-top:3px;
	}
	
.lienNotion{
	background-image:url("images/flecheNotions.png");
	background-position:0 0;
	display:block;
	float:left;
	height:10px;
	margin-right:2px;
	margin-top:2px;
	width:10px;
	margin-left:5px;
}

.lienNotionOn{
	background-image:url("images/flecheNotions.png");
	background-position:0 10px;
	display:block;
	float:left;
	height:10px;
	margin-right:2px;
	margin-top:2px;
	width:10px;
	margin-left:5px;
}

.lienNotion:hover{
	background-image:url("images/flecheNotions.png");
	background-position:0 10px;
}
	
.txtContenu a:hover{
	color:#FF0387;
}
	
#linkFiche{
	float:left;
	background-image:url("images/boutons/Fiche_prof.png");
	background-position:0 17px;
	height:17px;
	margin-top:19px;
	width:111px;
}

#linkFiche:hover{
	background-position:0 0;
}

#linkAnalyse{
	float:left;
	background-image:url("images/boutons/Acces_analyse.png");
	background-position:0 17px;
	height:17px;
	margin-top:2px;
	width:111px;
}

#linkAnalyse:hover{
	background-position:0 0;
}

#centerContenu {
	float:left;
	height:368px;
	margin-left:16px;
	width:379px;
}
	
#sliderBloc {
	height:111px;
	float:left;
	top:367px;
	width:557px;
}

#flecheGauche, #flecheDroite {
	position:absolute;
	cursor:pointer;
	margin-top:37px;
}

#flecheDroite {
	margin-left:542.3px;
	margin-top:-50px;
}

#conteneurSlider{
	position:relative;
	left:17.3px;
	overflow:hidden;
	width:524px;
}

#slider {
	left:0;
	overflow:hidden;
	position:relative;
	width:800px;
}
	
.eltAnimSlider, .eltAnimSliderOn {
	cursor:pointer;
	float:left;
	list-style:none outside none;
	margin-left:7.3px;
	margin-right:7.3px;
	width:117px;
	height:88px;
}

.eltAnimSliderOn {
	background-color:white;
	display:none;
	}
	
.eltAnimSliderOn span{
	display:block;
	background-color:white;
	color:#FF0387;
	font-size:15px;
	text-align:center;
	padding-top:22px;
	height:88px;
	width:117px;
	line-height:18.37px;
	font-weight:bold;
	margin-bottom:4px;
	}

#listeAnims{
	position:absolute;
	}
	
#listeAnims li a:hover{
	color:#FF0387;
	}
#listeNotions li a:hover{
	color:#2DD7E3;
	}
	
#listeNotions {
	left:150px;
	position:absolute;
	top:36px;;
}

#listeLiens li a:hover{
	color:#FF0387;
	}
#listeLiens{
	position:absolute;
	left:386px;
	}

#contenuCenter  {
	font-size:10.21px;
	line-height:12.26px;
	float:left;
	height:450px;
	margin-top:7px;
}

#txtFiche{
	margin-bottom:22px;
}

#creditsFiche{
	color:#FF0387;
	}
	
.submenu, .submenuOn{
	float:left;
	font-size:8.5px;
	font-weight:bold;
	width:143px;
	min-height:12px;
	margin-bottom:2px;
	line-height:10.5px;
	}

.submenu:hover, .submenuOn{
	color:#2DD7E3;
}

	
.niveau2 li{
	line-height:10.2px;
}

.menu{
	float:left;
	height:21px;
	width:142px;
	background-position:0 21px;
	margin-top:7px;
}

.lienNotions{
	float:left;
	}

.actMini{
	float:left;
	margin-left:6px;
	}

.menuOn, .menuSelect, .menu:hover{
	float:left;
	background-position:0 0;
	height:21px;
	width:142px;
	margin-top:7px;
	margin-bottom:5px;
}


#menuNotions{
	margin-top:48px;
	}
	

#linkDessin{
	background-image:url('images/boutons/Dessin.png');
	}
	
#linkAffiche{
	background-image:url('images/boutons/Affiche.png');
	}
	
#linkPhoto{
	background-image:url('images/boutons/Photographie.png');
	}
	
#linkPeinture{
	background-image:url('images/boutons/Peinture.png');
	}
	
#linkCinema{
	background-image:url('images/boutons/Cinema.png');
	}
	
#centerNotions{
	height:473px;
	margin-left:55px;
	margin-top:-65px;
	width:560px;
	float:left;
	overflow:hidden;
}

#introNotions{
	margin-left:27px;
	margin-top:20px;
	width:500px;
}

#sliderNotions {
	width:1680px;
	left:0;
	position:relative;
	}

.titreNotion{
	margin-bottom:5px;
	}

.imageNotions{
	float:left;
	margin-right:10px;
	width:260px;
	height:203px;
	margin-bottom:14px;
	}
	
.imageNotions2{
	float:left;
	margin-bottom:14px;
	width:530px;
	height:203px;
	}
	
.txtNotions, .txtActivites{
	float:left;
	height:180px;
	margin-right:10px;
	width:260px;
}

.txtActivites{
	height:180px;
	}

.ficheNotions{
	float:left;
	height:450px;
	width:560px;
	}
	
.ficheActivites{
	float:left;
	height:450px;
	width:560px;
	}
	
#controleSlider{
	float:right;
	}
	
#flecheGaucheBleue{
	cursor:pointer;
	float:left;
	margin-right:3px;
	}
	
#flecheDroiteBleue{
	float:left;
	cursor:pointer;
	}
	
.chiffreSelect, .chiffre:hover{
	cursor:pointer;
	float:left;
	font-size:17px;
	font-weight:bold;
	color:#2DD7E3;
	margin-right:3px;
	}
	
.chiffre{
	cursor:pointer;
	float:left;
	font-size:17px;
	font-weight:bold;
	color:#D1EAEF;
	margin-right:3px;
	}