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

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	list-style:none;
}
body{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	text-align:justify;
	color:#666666;
	padding-bottom:25px;
	background:#005983 url(../images/bg-body-degrade.png) repeat-x fixed;
}
body.sansDegrade{
	background:#009de6 url(../images/bg-body.png) repeat fixed;
}
body.avecDegrade{
	background:#005983 url(../images/bg-body-degrade.png) repeat-x fixed;
}
a{
	color:#666666;
	text-decoration:underline;
}
a:hover {
	color:#b1d82f;
	cursor:pointer;
}
p{
	margin-bottom:20px;
}

/* Header */
#header h1{
	width:226px;
	height:139px;
	margin-left:10px;
	background:url("../images/h1-j-arrete-quand-je-veux.png") no-repeat;
}
#header h1 a{
	display: block;
	width:226px;
	height:139px;
	text-indent:-9999px;
}

/* Contenu */
#container{
	width:960px;
	margin:30px auto 0;
	line-height:2em;
	position:relative;
}
#container h2{
	width:710px;
	height:30px;
	margin-top:19px;
	margin-left:250px;
	background:url("../images/bg-contenu-haut.png") no-repeat;
	text-indent:-9999px;
}
#mainContent{
	width:650px;
	margin-left:250px;
	padding:20px 0 20px 60px;
	background:url("../images/bg-contenu-repeat.png") repeat-y;
}
#mainContent.sondages{
	padding:20px 0 0 60px;
}
#mainContent.rubrique{
	padding-bottom:50px;
}
#mainContent h3{
	width:580px;
	height:40px;
	margin-bottom:60px;
	font-size:3.2em;
	color:#f7da0b;
}
#mainContent h4{
	width:580px;
	margin-bottom:20px;
	font-size:2.1em;
	font-weight:bold;
	color:#b1d82e;
}
#mainContent h5{
	margin-top:30px;
	padding:0 30px 10px 0;
	font-size:1.4em;
	font-weight:bold;
	color:#009de6;
}
#mainContent p{
	margin:0 70px 20px 0;
	font-size:1.4em;
}
#mainContent #texte ul li h4{
	font-size:1em;
	margin-bottom:10px;
}
#mainContent #texte ul li h4 a{
	text-decoration:underline;
}
#mainContent #texte ul li h4 a:hover{
	color:#b1d82e;
}
#mainContent #texte p{
	margin:0 70px 10px 0;
}
#mainContent #texte ul, #mainContent #texte ol{
	margin:0 70px 10px 0;
	padding-left:20px;
	font-size:1.4em;
}
#mainContent #texte ul li, #mainContent #texte ol li ul li{
	list-style:square;
}
#mainContent #texte ol li, #mainContent #texte ul li ol li{
	list-style:decimal;
}
#mainContent #texte ol li ul, #mainContent #texte ul li ol{
	font-size:100%;
	margin:10px 0 10px;
}
#mainContent #texte strong{
	font-size:100%;
}
#mainContent.page404{
	position:relative;
}

/* h3 - Titres Rubriques - Jeunes */
#mainContent h3.rubrique44{
	background:url("../images/h3-accueil.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique4{
	background:url("../images/h3-des-fins-differentes.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique5{
	background:url("../images/h3-ecrire-un-roman.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique6{
	background:url("../images/h3-ton-avis.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique7{
	background:url("../images/h3-quizz.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique10{
	background:url("../images/h3-merci.png") no-repeat bottom left;
	text-indent:-9999px;
}

/* h3 - Titres Rubriques - Enseignants */
#mainContent h3.rubrique26{
	background:url("../images/h3-accueil.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique27{
	background:url("../images/h3-questions-reponses.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique28{
	background:url("../images/h3-pistes-pedagogiques.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique29{
	background:url("../images/h3-idees-d-activites.png") no-repeat bottom left;
	text-indent:-9999px;
}
/*
#mainContent h3.rubrique12{
	background:url("../images/h3-accueil.png") no-repeat bottom left;
}
#mainContent h3.rubrique14{
	background:url("../images/h3-discussion.png") no-repeat bottom left;
}
#mainContent h3.rubrique15{
	background:url("../images/h3-distinction-reel-virtuel.png") no-repeat bottom left;
}
#mainContent h3.rubrique16{
	background:url("../images/h3-charte-d-utilisation.png") no-repeat bottom left;
}
#mainContent h3.rubrique17{
	background:url("../images/h3-lecture.png") no-repeat bottom left;
}
#mainContent h3.rubrique18{
	background:url("../images/h3-la-fin-de-l-histoire.png") no-repeat bottom left;
}
*/
/* h3 - Titres Rubriques - Parents */
#mainContent h3.rubrique23{
	background:url("../images/h3-accueil.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique24{
	background:url("../images/h3-questions-reponses.png") no-repeat bottom left;
	text-indent:-9999px;
}
#mainContent h3.rubrique25{
	background:url("../images/h3-pistes-de-discussion.png") no-repeat bottom left;
	text-indent:-9999px;
}

/* Video */
#mainContent #video{
	padding-bottom:30px;
}

/* Encart */
#mainContent .encart{
	width:590px;
	margin-bottom:30px;
	background:url("../images/bg-encart-repeat.png") repeat-y;
	position:relative;
}
#mainContent .encart h4{
	width:380px;
	margin:0;
	padding:20px 30px 20px 180px;
	background:url("../images/bg-encart-haut.png") no-repeat;
	text-align:left;
}
#mainContent .encart p{
	width:380px;
	margin:0 30px 0 180px;
	position:relative;
}
#mainContent .encart p.texte{
	height:100px;
}
#mainContent .encart p.bas{
	margin:0;
	padding:20px 30px 30px 180px;
	background:url("../images/bg-encart-bas.png") no-repeat bottom left;
}
#mainContent .encart p.bas a{
	display:block;
	height:27px;
	padding:0 30px 0 37px;
	padding-top:2px;
	background:url("../images/btn-play.png") no-repeat;
}
#mainContent .encart p.vignette{
	width:580px;
	height:100%;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
#mainContent .encart p.vignette a{
	display:block;
	width:140px;
	height:140px;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
}
#mainContent .encart#le-chien p.vignette a{
	background:url("../images/vignette-le-chien.png") no-repeat;
}
#mainContent .encart#lettre-a-yaelle p.vignette a{
	background:url("../images/vignette-lettre-a-yaelle.png") no-repeat;
}
#mainContent .encart#theo-va-chez-sa-mere p.vignette a{
	background:url("../images/vignette-theo-va-chez-sa-mere.png") no-repeat;
}
#mainContent .encart#comment-devient-on-ecrivain p.vignette a{
	background:url("../images/vignette-comment-devient-on-ecrivain.png") no-repeat;
}
#mainContent .encart#combien-de-temps-pour-ecrire-un-roman p.vignette a{
	background:url("../images/vignette-combien-de-temps-pour-ecrire-un-roman.png") no-repeat;
}
#mainContent .encart#as-tu-apprecie-le-roman p.vignette a{
	background:url("../images/vignette-qu-as-tu-pense-du-livre.png") no-repeat;
}
#mainContent .encart#petit-mot-de-la-fin p.vignette a{
	background:url("../images/vignette-petit-mot-de-la-fin.png") no-repeat;
}

#mainContent .encart#le-chien p.vignette{
	background:url("../images/bg-le-chien.png") no-repeat bottom right;
}
#mainContent .encart#lettre-a-yaelle p.vignette{
	background:url("../images/bg-lettre-a-yaelle.png") no-repeat bottom right;
}
#mainContent .encart#theo-va-chez-sa-mere p.vignette{
	background:url("../images/bg-theo-va-chez-sa-mere.png") no-repeat bottom right;
}
#mainContent .encart#comment-devient-on-ecrivain p.vignette{
	background:url("../images/bg-comment-devient-on-ecrivain.png") no-repeat bottom right;
}
#mainContent .encart#combien-de-temps-pour-ecrire-un-roman p.vignette{
	background:url("../images/bg-combien-de-temps-pour-ecrire-un-roman.png") no-repeat bottom right;
}
#mainContent .encart#as-tu-apprecie-le-roman p.vignette{
	background:url("../images/bg-qu-as-tu-pense-du-livre.png") no-repeat bottom right;
}
#mainContent .encart#petit-mot-de-la-fin p.vignette{
	background:url("../images/bg-petit-mot-de-la-fin.png") no-repeat bottom right;
}

/* Encart Vote */
#mainContent .encart dl dt{
	width:540px;
	height:20px;
	padding:20px 30px 20px 20px;
	font-size:1.4em;
	font-weight:bold;
	color:#b1d82e;
	background:url("../images/bg-encart-haut.png") no-repeat;
}
#mainContent .encart dl dd{
	margin:0 50px 0 40px;
	font-size:1.4em;
}
#mainContent .encart input.submit{
	display:block;
	width:168px;
	height:49px;
	margin:30px 0 0 66px;
	border:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
	background:url("../images/btn-je-vote.png") no-repeat top left;
}
#mainContent .encart  input.submit:hover{
	background-position:bottom left;
}
#mainContent .encart fieldset{
	padding-bottom:30px;
	background:url("../images/bg-encart-bas.png") no-repeat bottom left;
}
#mainContent .encart dl{
	padding-bottom:30px;
	background:url("../images/bg-encart-bas.png") no-repeat bottom left;
}
#mainContent form.encart dl{
	padding-bottom:0;
	background:none;
}
#mainContent .msg{
	color:#b1d82e;
}
#mainContent .error{
	color:#e70017;
}

/* Badge Retour */
#mainContent .resultatsHaut, #mainContent .resultatsBas, #mainContent .resultatsHautVote, #mainContent .resultatsBasVote, #mainContent .retourListe{
	margin:0;
}
#mainContent .resultatsHaut a, #mainContent .resultatsBas a, #mainContent .resultatsHautVote a, #mainContent .resultatsBasVote a{
	display:block;
	width:140px;
	text-indent:-9999px;
	background:url("../images/btn-voir-les-resultats.png") no-repeat;
}
#mainContent .resultatsHautVote a, #mainContent .resultatsBasVote a{
	display:block;
	width:140px;
	text-indent:-9999px;
	background:url("../images/btn-revenir-au-vote.png") no-repeat;
}
#mainContent .resultatsHaut a, #mainContent .resultatsHautVote a{
	height:120px;
	position:absolute;
	top:190px;
	left:490px;
}
#mainContent .resultatsBas a, #mainContent .resultatsBasVote a{
	height:100px;
}
#mainContent .retourListe a{
	display:block;
	width:140px;
	height:120px;
	text-indent:-9999px;
	background:url("../images/btn-retour-a-la-liste.png") no-repeat 0 -20px;
	position:absolute;
	top:158px;
	left:750px;
}

/* Documents */
#mainContent h5.documents{
	color:#f7da0b;
}
#mainContent a.pdf{
	display:block;
	height:35px;
	padding-left:40px;
	margin:0 70px 5px 0;
	font-size:1.4em;
	background:url("../images/icone-pdf.png") no-repeat;
}
#mainContent a.doc{
	display:block;
	height:35px;
	padding-left:40px;
	margin:0 70px 5px 0;
	font-size:1.4em;
	background:url("../images/icone-doc.png") no-repeat;
}
#mainContent ul.documents{
	margin-bottom:20px;
}

/* Commentaires */
#mainContent h5.reactions{
	padding:0 30px 20px 0;
	font-size:1.4em;
	font-weight:bold;
	color:#2082af;
}
#mainContent ul#commentaires li{
	width:590px;
	margin-bottom:20px;
	background:url("../images/bg-commentaires-repeat.png") repeat-y;
}
#mainContent ul#commentaires li cite{
	display:block;
	width:540px;
	height:20px;
	padding:20px 30px 0 20px;
	font-size:1.4em;
	font-weight:bold;
	color:#b1d82e;
	background:url("../images/bg-commentaires-haut.png") no-repeat top left;
}
#mainContent ul#commentaires li small{
	padding:20px 30px 0 20px;
	font-size:1.2em;
	color:#b1d82e;
}
#mainContent ul#commentaires li p{
	width:540px;
	margin:0;
	padding:20px 30px 60px 20px;
	background:url("../images/bg-commentaires-bas.png") no-repeat bottom left;
}
#mainContent form#formCommentaires{
	width:590px;
	background:url("../images/bg-commentaires-repeat.png") repeat-y;
}
#mainContent form#formCommentaires fieldset{
	padding-bottom:60px;
	background:url("../images/bg-commentaires-bas.png") no-repeat bottom left;
}
#mainContent form#formCommentaires fieldset legend{
	display:none;
	line-height:0;
	font-size:0;
}
#mainContent form#formCommentaires fieldset p.haut{
	width:590px;
	padding:20px 30px 0 20px;
	background:url("../images/bg-commentaires-haut.png") no-repeat top left;
}
#mainContent form#formCommentaires fieldset p{
	width:590px;
	padding:0 30px 0 20px;
}
#mainContent form#formCommentaires fieldset label{
	width:540px;
	color:#b1d82e;
}
#mainContent form#formCommentaires fieldset input, #mainContent form#formCommentaires fieldset textarea{
	width:540px;
}
#mainContent form#formCommentaires fieldset input.submit{
	display:block;
	width:168px;
	height:49px;
	margin-top:20px;
	border:0;
	text-indent:-9999px;
	line-height:0;
	cursor:pointer;
	background:url("../images/btn-reagissez.png") no-repeat top left;
}
#mainContent form#formCommentaires fieldset input.submit:hover{
	background-position:bottom left;
}
#mainContent form#formCommentaires fieldset p.noFill{
	display: none;
}

/* Menu principal */
#container ul#menu-fr{
	width:630px;
	height:300px;
	position:absolute;
	top:7px;
	left:300px;
}
#container ul#menu-fr li{
	float:left;
	margin-left:10px;
}
#container ul#menu-fr li a{
	display: block;
	width:110px;
	height:123px;
	text-indent:-9999px;
	background:url("../images/menu-contenu.png") no-repeat;
}
#container ul#menu-fr li#site_rub_1 a{
	background-position:0 0;
}
#container ul#menu-fr li#site_rub_2 a{
	background-position:-110px 0;
}
#container ul#menu-fr li#site_rub_3 a{
	background-position:-220px 0;
}
#container ul#menu-fr li#site_rub_1 a:hover, #container ul#menu-fr li#site_rub_1 a.actif{
	background-position:0 -130px;
}
#container ul#menu-fr li#site_rub_2 a:hover, #container ul#menu-fr li#site_rub_2 a.actif{
	background-position:-110px -130px;
}
#container ul#menu-fr li#site_rub_3 a:hover, #container ul#menu-fr li#site_rub_3 a.actif{
	background-position:-220px -130px;
}

/* Sous Menu */
#container ul#menu-fr ul{
	padding-top:50px;
	position:absolute;
	top:230px;
	left:-290px;
}
#container ul#menu-fr ul li{
	width:240px;
	height:80px;
	margin:-50px 0 0;
	/*padding:30px 0 0;*/
	clear:both;
}
#container ul#menu-fr ul li.actif{
	background:url("../images/rubrique-selectionnee.png") no-repeat 200px 0;
}

/* Sous Menu Jeunes */
#container ul#menu-fr #site_rub_1 ul li a{
	display: block;
	height:20px;
	text-indent:-9999px;
	background:url("../images/menu-jeunes.png") no-repeat;
}
#container ul#menu-fr li#site_rub_1 ul li#element_44 a{
	width:56px;
	background-position:0 0;
	position:absolute;
	top:30px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_4 a{
	width:175px;
	background-position:0 -20px;
	position:absolute;
	top:60px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_5 a{
	width:134px;
	background-position:0 -40px;
	position:absolute;
	top:90px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_6 a{
	width:68px;
	background-position:0 -60px;
	position:absolute;
	top:120px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_7 a{
	width:41px;
	background-position:0 -80px;
	position:absolute;
	top:150px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_10 a{
	width:46px;
	background-position:0 -100px;
	position:absolute;
	top:180px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_44 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_44.actif a{
	background-position:-175px 0;
}
#container ul#menu-fr li#site_rub_1 ul li#element_4 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_4.actif a{
	background-position:-175px -20px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_5 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_5.actif a{
	background-position:-175px -40px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_6 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_6.actif a{
	background-position:-175px -60px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_7 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_7.actif a{
	background-position:-175px -80px;
}
#container ul#menu-fr li#site_rub_1 ul li#element_10 a:hover, #container ul#menu-fr li#site_rub_1 ul li#element_10.actif a{
	background-position:-175px -100px;
}
#container ul#menu-fr li#site_rub_1 ul li ul{
	display:none;
}

/* Sous Menu Enseignants */
#container ul#menu-fr #site_rub_2 ul li a{
	display: block;
	height:19px;
	text-indent:-9999px;
	background:url("../images/menu-enseignants.png") no-repeat;
}
#container ul#menu-fr li#site_rub_2 ul li#element_26 a{
	width:58px;
	background-position:0 0;
	position:absolute;
	top:30px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_27 a{
	width:171px;
	background-position:0 -19px;
	position:absolute;
	top:60px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_28 a{
	width:163px;
	background-position:0 -38px;
	position:absolute;
	top:90px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_29 a{
	width:134px;
	height:20px;
	background-position:0 -57px;
	position:absolute;
	top:120px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_26 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_26.actif a{
	background-position:-170px 0;
}
#container ul#menu-fr li#site_rub_2 ul li#element_27 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_27.actif a{
	background-position:-170px -19px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_28 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_28.actif a{
	background-position:-170px -38px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_29 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_29.actif a{
	background-position:-170px -57px;
}
/*
#container ul#menu-fr li#site_rub_2 ul li#element_12 a{
	width:58px;
	background-position:0 0;
	position:absolute;
	top:30px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_14 a{
	width:85px;
	background-position:0 -20px;
	position:absolute;
	top:60px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_15 a{
	width:195px;
	background-position:0 -40px;
	position:absolute;
	top:90px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_16 a{
	width:165px;
	background-position:0 -60px;
	position:absolute;
	top:120px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_17 a{
	width:64px;
	background-position:0 -80px;
	position:absolute;
	top:150px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_18 a{
	width:152px;
	background-position:0 -100px;
	position:absolute;
	top:180px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_12 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_12.actif a{
	background-position:-205px 0;
}
#container ul#menu-fr li#site_rub_2 ul li#element_14 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_14.actif a{
	background-position:-205px -20px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_15 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_15.actif a{
	background-position:-205px -40px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_16 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_16.actif a{
	background-position:-205px -60px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_17 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_17.actif a{
	background-position:-205px -80px;
}
#container ul#menu-fr li#site_rub_2 ul li#element_18 a:hover, #container ul#menu-fr li#site_rub_2 ul li#element_18.actif a{
	background-position:-205px -100px;
}
*/

/* Sous Menu Parents */
#container ul#menu-fr #site_rub_3 ul li a{
	display: block;
	height:19px;
	text-indent:-9999px;
	background:url("../images/menu-parents.png") no-repeat;
}
#container ul#menu-fr li#site_rub_3 ul li#element_23 a{
	width:58px;
	background-position:0 0;
	position:absolute;
	top:30px;
}
#container ul#menu-fr li#site_rub_3 ul li#element_24 a{
	width:171px;
	background-position:0 -19px;
	position:absolute;
	top:60px;
}
#container ul#menu-fr li#site_rub_3 ul li#element_25 a{
	width:163px;
	background-position:0 -38px;
	position:absolute;
	top:90px;
}
#container ul#menu-fr li#site_rub_3 ul li#element_23 a:hover, #container ul#menu-fr li#site_rub_3 ul li#element_23.actif a{
	background-position:-170px 0;
}
#container ul#menu-fr li#site_rub_3 ul li#element_24 a:hover, #container ul#menu-fr li#site_rub_3 ul li#element_24.actif a{
	background-position:-170px -19px;
}
#container ul#menu-fr li#site_rub_3 ul li#element_25 a:hover, #container ul#menu-fr li#site_rub_3 ul li#element_25.actif a{
	background-position:-170px -38px;
}

/* Menu Annexe */
#container ul#menu-annexe{
	position:absolute;
	top:476px;
	left:10px;
}
#container ul#menu-annexe li a{
	display: block;
	height:32px;
	padding: 0 0 0 36px;
	color: #9acdf0;
	font-size: 1.2em;
}
#container ul#menu-annexe li.facebook a{
	background:url("../images/icone-facebook.png") no-repeat 4px 0px;
	margin: 0 0 6px 0;
	line-height:24px;
}
#container ul#menu-annexe li.theo-facebook a{
	background:url("../images/theo-facebook.png") no-repeat;
	line-height:36px;
}
#container ul#menu-annexe li a:hover {
	color: #fff;
}


/* Plan du site */
#mainContent.planSite ul li a {
	font-size: 1.4em;
}
#mainContent.planSite ul li ul li a {
	font-size: 1.2em;
	margin: 0 0 0 30px;
}

/* Accueil */
#container.accueil{
	width:640px;
	height:600px;
	margin:10px auto 0;
	padding-top:90px;
	background:url("../images/dessin-accueil.png") no-repeat 283px 0;
}
#container.accueil a {
	color:#b1d82f;
}
#container.accueil a:hover {
	color:#fff;
}
#container.accueil ul#languagesMenu{
	display:none;
}
#container.accueil h2{
	display:none;
}
#container.accueil h3{
	margin:50px 10px 10px;
	font-size:1.8em;
	font-weight:bold;
	color:#00405e;
	background:none;
	text-indent:0;
}
#container.accueil strong.espace{
	font-weight:bold;
	color:#f7da0b;
}
#container.accueil p{
	margin:0 10px 10px;
	font-size:1.4em;
	color:#bee0f0;
}
#container.accueil ul#menu-fr{
	width:640px;
	position:static;
}
#container.accueil ul#menu-fr li{
	float:left;
	margin-left:10px;
}
#container.accueil ul#menu-fr li#site_rub_1{
	margin-left:170px;
}
#container.accueil ul#menu-fr li a{
	display: block;
	width:150px;
	height:170px;
	text-indent:-9999px;
	background:url("../images/menu-accueil.png") no-repeat;
}
#container.accueil ul#menu-fr li#site_rub_1 a{
	background-position:0 0;
}
#container.accueil ul#menu-fr li#site_rub_2 a{
	background-position:-150px 0;
}
#container.accueil ul#menu-fr li#site_rub_3 a{
	background-position:-300px 0;
}
#container.accueil ul#menu-fr li#site_rub_1 a:hover{
	background-position:0 -170px;
}
#container.accueil ul#menu-fr li#site_rub_2 a:hover{
	background-position:-150px -170px;
}
#container.accueil ul#menu-fr li#site_rub_3 a:hover{
	background-position:-300px -170px;
}
#container.accueil #footer{
	display:none;
}

/* Dessin */
#container ul#menu-fr.dessin-1{
	background:url("../images/dessin-enseignants-amis.png") no-repeat center right;
}

#container ul#menu-fr.dessin-1-4{
	background:url("../images/dessin-jeunes-bol.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-5{
	background:url("../images/dessin-jeunes-ordi.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-6{
	background:url("../images/dessin-jeunes-echelle.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-7{
	background:url("../images/dessin-jeunes-bagarre.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-10{
	background:url("../images/dessin-jeunes-boite.png") no-repeat center right;
}

#container ul#menu-fr.dessin-1-4-le-chien{
	background:url("../images/dessin-video-le-chien.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-4-lettre-a-yaelle{
	background:url("../images/dessin-video-lettre-a-yaelle.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-4-theo-va-chez-sa-mere{
	background:url("../images/dessin-video-theo-va-chez-sa-mere.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-5-comment-devient-on-ecrivain{
	background:url("../images/dessin-video-comment-devient-on-ecrivain.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-5-combien-de-temps-pour-ecrire-un-roman{
	background:url("../images/dessin-video-combien-de-temps-pour-ecrire-un-roman.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-6-as-tu-apprecie-le-roman{
	background:url("../images/dessin-video-qu-as-tu-pense-du-livre.png") no-repeat center right;
}
#container ul#menu-fr.dessin-1-10-petit-mot-de-la-fin{
	background:url("../images/dessin-video-petit-mot-de-la-fin.png") no-repeat center right;
}

#container ul#menu-fr.dessin-2{
	background:url("../images/dessin-enseignants-classe.png") no-repeat center right;
}

#container ul#menu-fr.dessin-2-12{
	background:url("../images/dessin-enseignants-classe.png") no-repeat center right;
}
#container ul#menu-fr.dessin-2-14{
	background:url("../images/dessin-enseignants-jeux.png") no-repeat center right;
}
#container ul#menu-fr.dessin-2-15{
	height:400px;
	background:url("../images/dessin-enseignants-foot.png") no-repeat center right;
}
#container ul#menu-fr.dessin-2-20{
	background:url("../images/dessin-enseignants-ordi.png") no-repeat top right;
}
#container ul#menu-fr.dessin-2-17{
	background:url("../images/dessin-enseignants-poubelle.png") no-repeat center right;
}
#container ul#menu-fr.dessin-2-18{
	background:url("../images/dessin-enseignants-amis.png") no-repeat center right;
}

#container ul#menu-fr.dessin-3{
	background:url("../images/dessin-parents-papa.png") no-repeat center right;
}

/* Filigrane */
.filigrane{
	display:block;
	width:250px;
	height:210px;
	margin-left:50%;
	position:fixed;
	bottom:0;
	left:-480px;
}
.filigrane#jeunes{
	background:url("../images/filigrane-jeunes.png") no-repeat bottom left;
}
.filigrane#jeunes-4, .filigrane#jeunes-13{
	background:url("../images/filigrane-jeunes-1.png") no-repeat bottom left;
}
.filigrane#jeunes-5{
	background:url("../images/filigrane-jeunes-2.png") no-repeat bottom left;
}
.filigrane#jeunes-6{
	background:url("../images/filigrane-jeunes-3.png") no-repeat bottom left;
}
.filigrane#jeunes-7{
	background:url("../images/filigrane-jeunes-4.png") no-repeat bottom left;
}
.filigrane#jeunes-10{
	background:url("../images/filigrane-jeunes-5.png") no-repeat bottom left;
}
.filigrane#enseignants{
	background:url("../images/filigrane-enseignants.png") no-repeat bottom left;
}
.filigrane#parents{
	background:url("../images/filigrane-parents.png") no-repeat bottom left;
}

/* Footer */
#footer{
	width:710px;
	margin:0 0 0 250px;
	background:url("../images/bg-contenu-bas.png") no-repeat;
	clear:both;
}
#footer p{
	margin:0;
}
#footer a#retour{
	display: block;
	width:162px;
	height:17px;
	text-indent:-9999px;
	float:left;
	margin:11px 0 0 16px;
	background:url("../images/bg-retour.png") no-repeat top center;
}
#footer a#haut{
	display: block;
	width:90px;
	height:70px;
	text-indent:-9999px;
	float:right;
	margin:-30px 70px 0 0;
	background:url("../images/bg-haut-de-page.png") no-repeat top center;
}
#footer ul#footerMenu{
	padding-top:10px;
	clear:both;
	text-align:center;
}
#footer ul#footerMenu li{
	display:inline;
	padding:0 10px 0;
}
#footer ul#footerMenu li a{
	font-size:1.2em;
	color:#2082af;
	text-decoration:none;
}
#footer ul#footerMenu li a:hover{
	color:#fff;
}

#LogoEducationPermanente {
	position:absolute;
	left:10px;
	top:400px;
}