@import url();
* {margin:0;padding:0;}

html, body {min-height:100%;}
	
body {
	font-family:Helvetica, Verdana, sans-serif;
	font-size:80%;
	text-align:center;
	color:#4D4D4D;
}

button {border:none;background:none;cursor:pointer;}

a, a:link, a:visited {text-decoration:none;color:#4D4D4D;}

a:hover {text-decoration:underline;color:#4D4D4D;}

acronym {border-bottom:1px dashed #41B7EC;}

img {border:0;}

ul {list-style-type:none;}

li {list-style-type:none;}

h1 {
	position:absolute;
	width:461px;
	height:76px;
	top:40px;
	left:240px;
	text-indent:-9000px;
	background:url(../images/1200-fiches-pedagogiques.png) no-repeat;
}

h2{font-size:1.5em;color:#A3C938;margin-bottom:.5em;text-transform:uppercase;}
	
h4 span {font-weight:normal;}
	
table {border-collapse:collapse;}

fieldset{margin-bottom:20px;border:none;border-bottom:1px dashed #E41B5B;padding-bottom:20px;}

fieldset#Last{margin-bottom:0;padding-bottom:0;border:none;}

legend {border:none;font-size:1.2em;font-weight:bold;}

#wrapper {
	width:960px;
	min-height:100%;
	margin:0 auto;
	background:url(../images/fond_mainContent.jpg) repeat;
	overflow:hidden;
	padding:0 10px;
	position:relative;
	}
	
#Entete {position:relative;min-height:132px;border-bottom:1px solid #666;}
	
#Logo {position:absolute;float:left;top:-20px;z-index:1;}
	
#AchatCredits {float:right;}
		
#logArea {
	float:right;
	background:url(../images/fond-log.png) bottom left no-repeat;
	color:#FFF;
	min-height:30px;
	line-height:2.2em;
	padding:0 10px;
	}
	
#logArea a{color:#FFF;}
	
#CarteBancaire {float:right;position:absolute;right:20px;top:30px;}

#Contact {float:right;position:absolute;right:5px;top:45px;}
		
#ListeCycle {position:absolute;bottom:0;right:0;}

#ListeCycle li {float:left;margin-left:1px;}
	
#ListeCycle li a{
	display:block;
	width:46px;
	height:27px;
	background:url(../images/bg-onglet-section.png) top center no-repeat;
	color:#FFF;
	font-weight:bold;
	line-height:2em;
	font-size:1.1em;
	}
	
#ListeCycle li a:hover, #ListeCycle li#CurrentSection a{
	background:url(../images/bg-onglet-section.png) 0 -27px no-repeat;
	}
	
/* BLOC CONTENU PRINCIPAL*/
#MainContentBox {
	width:960px;
	background:#FFF url(../images/fondColRight-bleu.gif) right repeat-y;
	overflow:hidden;
	border-top:1px solid #FFF;
	border-bottom:1px solid #666;
	position:relative;
	}
	
#RightColumn, #LeftColumn {float:left;overflow:hidden;}

#LeftColumn {
	width:620px;
	text-align:left;
	padding:30px 20px 20px;
	background:#FFF url(../images/fond_MainContentBox.jpg) top repeat-x;
	position:relative;
	}
	
#LeftColumn p{margin-bottom:1em;}

#LeftColumn h3 {margin:1.5em 0 0.5em;}
	
#LeftColumn .ContentBoxGrey h3, #LeftColumn  .ContentBoxGreen h3, #LeftColumn .ContentBoxBlue h3 {margin:0 0 .5em;}
	
#LeftColumn .ContentBoxMagenta h3 {
	margin:0 20px .5em 0;
	font-size:3.2em;
	color:#FFF;
	width:270px;
	float:left;
	}
	
#LeftColumn .ContentBoxMagenta h3 span {font-size:.8em;}
	
#SearchForm {
	width:300px;
	min-height:70px;
	background:#3FB0E3 url(../images/fond-searchForm.jpg) top center no-repeat;
	padding-top:20px;
	}

#ContainSearch {
	margin:0 0 0 20px;
	background:url(../images/input_search.png) top left no-repeat;
	height:29px;
	text-align:left;
	}
	
input#TxtInput {
	width:214px;
	height:19px;
	border:none;
	background:transparent;
	color:#4D4D4D;
	font-size:1em;
	position:relative;
	float:left;
	left:0;
	padding:6px 0 4px 5px;
	}
	
#SearchForm	#BtSearch {
	cursor:pointer;
	width:39px;
	float:left;
	height:29px;
	background:transparent;
	border:none;
	position:relative;
	}

#SearchForm a {color:#FFF;}
	
#SearchForm p{position:relative;top:10px;}

p#ThemaSearch a{
	padding:10px 45px 10px 0;
	background:url(../images/dossier-thema.png) center right no-repeat;
	}
	
/* CONTAINER DE COULEUR*/	
.BoxGrey, .BoxGreen, .BoxBlue, .BoxMagenta {
	margin-top:30px;
	padding-top:15px;
	background:url(../images/top-grey.gif) top left no-repeat;
	clear:both;
	}

.BoxNouveautes{
	margin-top:10px;
	padding-top:15px;
	background:url(../images/top-green.gif) top left no-repeat;
	}
	
.BoxGreen{background:url(../images/top-green.gif) top left no-repeat;}
	
.BoxBlue {background:url(../images/top-blue.gif) top left no-repeat;}
	
.BoxMagenta {background:url(../images/top-magenta.gif) top left no-repeat;}

.ContentBoxGrey, .ContentBoxGreen, .ContentBoxBlue, .ContentBoxMagenta {
	padding:5px 20px 10px;
	color:#666;
	background:url(../images/bottom-grey.gif) bottom left no-repeat;
	overflow:hidden;
	margin:0 0 20px 0;
	}
	
.ContentBoxNouveautes {
	padding:0 0 15px;
	color:#666;
	background:url(../images/bottom-green.gif) bottom left no-repeat;
	overflow:hidden;
	margin:0 0 20px 0;
	}
	
.ContentBoxGreen {background:url(../images/bottom-green.gif) bottom center no-repeat;}
	
.ContentBoxBlue {background:url(../images/bottom-blue.gif) bottom center no-repeat;}

.ContentBoxMagenta {background:url(../images/bottom-magenta.gif) bottom left no-repeat;}

.ContentBoxGrey p, .ContentBoxGreen p, .ContentBoxBlue p {margin-top:1em;}	
	
.ContentBoxGrey p span, .ContentBoxGreen p span, .ContentBoxBlue p span{font-weight:bold;font-size:1.2em;}
	

/* BLOC MODULE*/	
#ModuleLettreInfo {background-color:#EDF4D7;	}
	
#ModuleParrainage {background:#DBDBDB;color:#4D4D4D;}
	
#ModuleTelechargement {background:#D9F1FB;}
	
#FormLettreInfo button {width:259px;height:73px;}

#FormLettreInfo input, .FormParrainage input {margin:10px 0;width:220px;color:#666;}
	
#FormParrainage button {width:228px;height:73px;}
	
#ModuleTemoignage {background-color:#DBDBDB;text-align:left;}

#ModuleTemoignage h4 {margin-bottom:1em;}
	
p.Module {color:#4D4D4D;margin-bottom:1em;}
	
#ModuleTemoignage p {font-style:italic;color:#4D4D4D;margin-bottom:1em;}
	
#ModuleTemoignage p.next {float:right;color:#4D4D4D;margin-bottom:0;}

.CorpModule {width:260px;padding:20px;overflow:hidden;}

#TblListTelechargement {
	width:100%;
	text-align:left;
	color:#4D4D4D;
	margin:0;
	}
	
#TblListTelechargement td {width:60%;margin:0;padding:0;}
	
#TblListTelechargement td.First {width:15%;}

#TblListTelechargement td.Third {width:25%;text-align:right;}

	
/* LISTE SELECTION REDACTION*/
#ListeSelection {padding-left:15px;margin:20px 0 30px;overflow:hidden;}

#ListeSelection li {float:left;text-align:center;margin-right:15px;width:170px;}

#ListeSelection li img {margin-bottom:.5em;}


/* BLOC FOOTER*/	
#Footer {
	width:930px;
	background:#FFF url(../images/fond_MainContentBox.jpg) top repeat-x;
	overflow:hidden;
	border-top:1px solid #FFF;
	margin-bottom:20px;
	padding:15px;
	}

#FirstLevel {overflow:hidden;padding-left:30px;margin-top:15px;}
	
#FirstLevel li {
	float:left;
	font-size:1em;
	font-weight:bold;
	width:25%;
	text-align:left;
	}
	
#FirstLevel li li {float:left;font-size:.8em;line-height:1.5em;width:200px;}
	
#FirstLevel li li a{color:#999;}
	
#FirstLevel li li a:hover{color:#41B7EC;}

.SecondLevel {margin-top:10px;overflow:hidden;}

/* PAGE INSCRIPTION */
	
#FormInscription label {
	float:left;
	width:450px;
	text-align:right;
	margin:5px 0;
	line-height:1.5em;
	}
	
#FormInscription fieldset#MesClasses label {
	width:160px;
	text-align:left;
	padding-left:20px;
	position:relative;

	}
	
#FormInscription fieldset#MesClasses label input {
	float:left;
	position:absolute;
	top:0;
	left:0;
	}
	
#MesInfos input, #MonMdp input {width:250px;margin-left:20px;}	
	
.ErrorMessage {
	clear:both;
	padding-top:20px;
	width:250px;
	background:url(../images/message-error-top.gif) top center no-repeat;
	color:#FFF;
	position:relative;
	left:193px;
	display:none;
	}

#LeftColumn .ErrorMessage p {
	background:url(../images/message-error-corps.gif) bottom center no-repeat;
	padding:5px 10px 15px;
	margin:0;
	}

#FormInscription button {float:right;}
	
.Level {width:33%;float:left;margin-top:15px;}
	
#Decimal {margin-left:40px;}

#Decimal li {list-style-type:decimal;}

#Signature {float:right;font-size:.8em;}