/*Elements principaux de la page*/
body
{
	width: 1000px;
	text-align: center;
	margin: auto;

	font-family:'Trebuchet MS', Arial,'Courier New', sans-serif;
	color:#181818;
}

#bloc_page
{
	width: 1000px;
	text-align: left;
}

/*header*/
header
{
	border: 5px black groove;
	background-color: #dcdcdc;
	height: 110px;
}

header h1
{
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	margin-top: 4px;
}


header h2
{
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 1.7em;
	font-weight: normal;
	text-align: center;
	margin-top: -40px;	
}

section
{
	font-family: 'Comic sans MS', Arial, sans_serif;
	font-weight: normal;
	border: 1px solid black;
	background-color: #dcdcdc;
	position: relative;
	text-decoration: none;
}

#friseecole
{
	margin-top: 10px;
	width: 100%;
}

section h3
{
	margin-left: 20px;
	text-decoration: underline;
}

h4
{
	text-decoration: underline;
}

#preambule
{
	display: inline-block;
	border: 1.5px solid blue;
	width: 930px;
	height: 765px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 20px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
	
}

#recre
{
	border: 3px solid black;
	margin-left: 50px;
}

#tbur
{
	border: 3px solid black;
	margin-left: 250px;
}

#recreat
{
	border: 1.5px solid blue;
	width: 105px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: -100px;
	margin-left: 330px;
}

#bur
{
    display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 105px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 740px;
	margin-top: -70px;
}

#groupe51
{
	border: 3px solid black;
	margin-left: 150px;
}

#gr51
{
	border: 1.5px solid blue;
	width: 160px;
	height: 20px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 187px;
	margin-top: 5px;
}

#groupe53
{
	border: 3px solid black;
	margin-left: 210px;
}

#gr53
{
	border: 1.5px solid blue;
	width: 160px;
	height: 20px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 625px;
	margin-top: -35px;
}

#minimefillatre
{
	margin-top: 15px;
	margin-left: 50px;
}

#groupe54
{
	border: 3px solid black;
	margin-left: 30px;
	margin-top: 15px;
}

#groupe55
{
	border: 3px solid black;
	margin-left: 205px;
	margin-top: 15px;
}

#minirfillatre
{
	margin-left: 20px;
	margin-top: 15px;
}

#gr54
{
	border: 1.5px solid blue;
	width: 160px;
	height: 20px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 197px;
	margin-top: 5px;
}

#clic
{
	display: inline-block;
	position: relative;
	border: 2px solid red;
	width: 150px;
	height: 80px;
	background-color: yellow;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	vertical-align: top;
	margin-left: 405px;
	margin-top: -100px;
	padding: 5px;
	
	
}

#gr55
{
	display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 180px;
	height: 20px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 615px;
	margin-top: -55px;
}

#groupe59
{
	border: 3px solid black;
	margin-left: 50px;
	margin-top: -15px;
}

#groupe60
{
	position: absolute;
	border: 3px solid black;
	margin-left: 460px;
	margin-top: -15px;
}

#gr59
{
	border: 1.5px solid blue;
	width: 180px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 63px;
	margin-top: 5px;
}

#gr60
{
	display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 180px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	vertical-align: top;
	margin-left: 745px;
	margin-top: -55px;
}

#petiteclasse
{
	border: 1.5px solid blue;
	width: 960px;
	height: 1310px;
	margin-left: 20px;
	margin-top: 10px;
}

#imgmmefillatre
{
	display: inline-block;
	border: 1.5px solid blue;
	width: 125px;
	height: 260px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 30px;
	margin-left: 15px;
}

#mmefillatre
{
	border: 3px groove #efc33e;
	margin: 20px 5px 0px 3px;
}
#mmef
{
	margin-top: -5px;
	padding-left: 10px;
}

#decoptclass
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	margin-left: 135px;
	margin-top: -200px;
	width: 790px;
	height: 260px;
}

#eqclas
{
	position: absolute;
	border: 2px solid black;
	margin-left: 5px;
	margin-top: 10px;
}

#legeqclas
{
	border: 1.5px solid blue;
	width: 450px;
	height: 20px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	vertical-align: top;
	margin-left: 120px;
	margin-top: 180px;
	padding: 10px 10px 10px 10px;
}

#textpetiteclasse
{
	border: 1.5px solid blue;
	width: 905px;
	height: 570px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#histpetiteclasse
{
	border: 2px solid blue;
	width: 905px;
	height: 250px;
	padding: 10px 10px 10px 10px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin-left: 15px;
	margin-top: 30px;
	text-indent: 10px;
}

#sanction
{
	text-decoration: underline;
}

#grdeclasse
{
	border: 1.5px solid blue;
	width: 960px;
	height: 8155px;
	margin-left: 20px;
	margin-top: 25px;
}

#imgrfillatre
{
	display: inline-block;
	border: 1.5px solid blue;
	width: 125px;
	height: 300px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 30px;
	margin-left: 15px;
}

#rfillatre
{
	border: 3px groove #efc33e;
	margin: 20px 5px 0px 3px;
}
#rf
{
	margin-top: -5px;
	padding-left: 10px;
}

#textgrdeclasse
{
	display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 755px;
	height: 750px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	vertical-align: top;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#morale
{
	border: 1.5px solid blue;
	width: 600px;
	height: 110px;
	margin-left: 70px;
	margin-top: 15px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
}

#txtmorale
{
	margin-left: 70px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	font-style: italic;
}

#carnet
{
	border: 1.5px solid blue;
	width: 905px;
	height: 400px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#carscolaire
{
	margin-left: 320px;
	margin-top: 20px;
}

#carnote
{
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 100px;
}

#clicnote
{
	
	border: 2px solid red;
	width: 400px;
	height: 30px;
	background-color: yellow;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	margin-left: 205px;
	margin-top: 10px;
	padding: 5px;
}

#histgrdeclasse
{
	border: 2px solid blue;
	width: 905px;
	height: 370px;
	padding: 10px 10px 10px 10px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin-left: 15px;
	margin-top: 30px;
	text-indent: 10px;
}

#recreation
{
	border: 1.5px solid blue;
	width: 905px;
	height: 890px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#courec
{
	border: 3px solid black;
	margin-left: 150px;
	margin-top: 15px;
}

#crec
{
	border: 1.5px solid blue;
	width: 205px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: -100px;
	margin-left: 530px;
}

#certifprim
{
	border: 1.5px solid blue;
	width: 905px;
	height: 1270px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#bsscol
{
	text-decoration: underline;
}

#bspscol
{
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	margin-left: 50px;
}

#certif
{
	text-decoration: underline;
}

#certpr
{
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	margin-left: 50px;
}

#ceprim
{
    display: inline-block;
	position: relative;
	border: 3px solid black;
	margin-left: 60px;
	margin-top: 20px;
}

#clicsujet
{
    display: inline-block;
	position: relative;
    border: 2px solid red;
	width: 150px;
	height: 120px;
	background-color: yellow;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin-top: 15px;
	margin-left: 70px;
}



#brevsport
{
    display: inline-block;
	position: relative;
	border: 3px solid black;
	margin-left: 70px;
}

#dipcep
{
    display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 200px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 60px;
}

#bsport
{
	display: inline-block;
	position: relative;
	border: 1.5px solid blue;
	width: 200px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 330px;
	margin-top: 10px;
}

#ecolerep
{
	border: 1.5px solid blue;
	width: 905px;
	height: 800px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#defil1
{
	border: 3px solid black;
	margin-left: 40px;
	margin-top: 20px;
}

#defilscol
{
	border: 3px solid black;
	margin-left: 40px;
	margin-top: 20px;
}

#timbtub
{
 margin-left: 40px;
}

#def1
{
	
	border: 1.5px solid blue;
	width: 300px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 40px;
	padding-top: 5px;
}

#defscol
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 270px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: -70px;
	margin-left: 375px;
	padding-top: 5px;
}

#ttub
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 100px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 695px;
	margin-top: -70px;
	padding-top: 5px;
}

#voyscolaire
{
	border: 1.5px solid blue;
	width: 905px;
	height: 3220px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#voyag1
{
	border: 3px solid black;
	margin-left: 70px;
	margin-top: 20px;
}

#voyag7
{
	border: 3px solid black;
	margin-left: 100px;
	margin-top: 20px;
}

#voy1
{
	border: 1.5px solid blue;
	width: 300px;
	height: 50px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 72px;
	padding-top: 5px;
}

#voy7
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 100px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 560px;
	margin-top: -69px;
	padding-top: 15px;
}

#voyag10
{
	border: 3px solid black;
	margin-left: 280px;
	margin-top: 20px;
}

#voy10
{
	border: 1.5px solid blue;
	width: 300px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 282px;
	padding-top: 15px;
}

#voyag3
{
	border: 3px solid black;
	margin-left: 70px;
	margin-top: 20px;
}

#voyag2
{
	border: 3px solid black;
	margin-left: 100px;
	margin-top: 20px;
}


#voy3
{
	border: 1.5px solid blue;
	width: 250px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 97px;
	padding-top: 15px;
}

#voy2
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 250px;
	height: 30px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 510px;
	margin-top: -65px;
	padding-top: 15px;
}

#voyag4
{
	border: 3px solid black;
	margin-left: 85px;
	margin-top: 20px;
}

#voyag6
{
	border: 3px solid black;
	margin-left: 150px;
	margin-top: 20px;
}


#voy4
{
	border: 1.5px solid blue;
	width: 250px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 92px;
	padding-top: 10px;
}

#voy6
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 250px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 495px;
	margin-top: -65px;
	padding-top: 10px;
}

#voyag8
{
	border: 3px solid black;
	margin-left: 70px;
	margin-top: 20px;
}

#voyag9
{
	border: 3px solid black;
	margin-left: 100px;
	margin-top: 20px;
}

#voy8
{
	border: 1.5px solid blue;
	width: 300px;
	height: 30px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 72px;
	padding-top: 15px;
}

#voy9
{
	display: inline-block;
	position: absolute;
	border: 1.5px solid blue;
	width: 240px;
	height: 30px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-left: 510px;
	margin-top: -63px;
	padding-top: 15px;
}

#voyag11
{
	border: 3px solid black;
	margin-left: 280px;
	margin-top: 20px;
}

#voy11
{
	border: 1.5px solid blue;
	width: 260px;
	height: 40px;
	background-color: white;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 0.8em;
	font-style: italic;
	margin-top: 10px;
	margin-left: 290px;
	padding-top: 15px;
}

#cliq
{
	border: 2px solid red;
	width: 450px;
	height: 30px;
	background-color: yellow;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: normal;
	margin-left: 205px;
	margin-top: 20px;
	padding: 5px;	
}

#histvoyag
{
	border: 2px solid blue;
	width: 840px;
	height: 480px;
	padding: 10px 10px 10px 10px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin-left: 15px;
	margin-top: 30px;
	text-indent: 10px;
}

#voymars
{
	text-decoration: underline;
}

#tempslib
{
	border: 1.5px solid blue;
	width: 940px;
	height: 1935px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1.1em;
	margin-left: 20px;
	margin-top: 25px;
	padding: 10px 10px 10px 10px;
	text-indent: 10px;
}

#histhostie
{
	border: 2px solid blue;
	width: 840px;
	height: 825px;
	padding: 10px 10px 10px 10px;
	font-family:'Comic sans MS', Arial, sans-serif;
	font-size: 1em;
	font-style: italic;
	margin-left: 15px;
	margin-top: 30px;
	text-indent: 10px;
}

#hostie
{
	text-decoration: underline;
}

#tous_liens
{
	border: 2px solid blue;
	width: 960px;
	height: 120px;
	margin-top: 25px;
	margin-left: 20px;
	margin-bottom:20px;
	font-style: italic;
	font-family:'Trebuchet MS', Arial, sans-serif;
	font-size: 0.8em;
}

#retacc
{
	position: absolute;
	border: 2px solid red;
	background-color: #f1e70a;
	padding: 5px 5px 5px 5px;
	margin-left: 20px;
	margin-top: 20px;
}

#pprec
{
	position: absolute;
	border: 2px solid red;
	background-color: #f1e70a;
	padding: 5px 5px 5px 5px;
	margin-left: 280px;
	margin-top: 20px;
}
 
#haut_page
{
	position: absolute;
	border: 2px solid red;
	background-color: #f1e70a;
	padding: 5px 5px 5px 5px;
	margin-left: 570px;
	margin-top: 20px;
}

#psuiv
{
	position: absolute;
	border: 2px solid red;
	background-color: #f1e70a;
	padding: 5px 5px 5px 5px;
	margin-left: 800px;
	margin-top: 20px;
}

#contact
{
	border: 2px solid red;
	background-color: #54E0F6;
	padding: 5px 15px 5px 15px;
	position: absolute;
	margin-left: 180px;
	margin-top: 70px;
}

footer
{
	border: 2px solid black;
	background-color: #dcdcdc;
	position: relative;
	padding-left: 15px;
	font-size: 0.8em;
	font-weight: normal;
}