/* police du logo : brady bunch*/
@font-face {
	font-family: 'FingerPaintRegular';
	src: url('fonts/FingerPaintRegular.eot');
	src: local('FingerPaintRegular'), url('fonts/FingerPaintRegular.woff') format('woff'), url('fonts/FingerPaintRegular.ttf') format('truetype');
}

body { background:url("img/bck_body.jpg") repeat-x left top #9ED2E5; text-align:center; margin:0; padding:0; font-family: 'PT Sans', sans-serif; overflow-x:hidden; }

H1, H2, H3, H4, H5, H6, H7 { margin:0; padding:0; font-family:'FingerPaintRegular'; font-weight:normal;}
p, li { margin:0; padding:0; font-size:15px; text-align: justify; color: #444; line-height:21px;}
/*H1 IMG, H2 IMG, H3 IMG, H4 IMG, H5 IMG { margin:0; padding:0; position:absolute; top:0; left:0; }*/
FORM { margin:0; padding:0; border:0;  }
IMG { border:0; }
HR { zoom:1; height:1px; color:#DDD; line-height:0px; font-size:0; margin:10px 0 10px 0; _margin:0; padding:0; background:#DDD; border:0; }

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/
:focus{-moz-outline-style: none;}
A { text-decoration:none; color:#1D8AA7; font-weight:bold; outline: none; z-index:2; position:relative; }
A:HOVER { text-decoration:underline; }

p.flecherouge { background:url(images/fleche_rougeDown.gif) no-repeat; padding-left:20px; font-weight:bold; margin:0 0 10px 0; }
A.flecherouge { background:url(images/fleche_rouge.gif) no-repeat; padding-left:20px; font-size:12px; color:#990000; }
A.rouge { font-size:13px; color:#990000; font-weight:normal; }
A.red {color:#990000;}
A.flecherougeDown { background:url(images/fleche_rougeDown.gif) no-repeat; padding-left:20px; color:#990000; }
A.flecheorangeR { background:url(img/fleche_orange.gif) no-repeat right 2px; padding-right:15px; }
A.flecheorangeL { background:url(img/fleche_orange.gif) no-repeat left 2px; padding-left:15px; }
A.aide { background:url(img/log-aide.png) no-repeat left 0; padding:0 0 20px 35px; }
.unMetier A { width:170px; float:left; display:block; background: url("img/puce_bleue.gif") no-repeat scroll left 7px transparent; margin:0 0 10px 20px; padding:0 0 0 10px; font-size:16px; text-align:left; font-weight:normal; }
.leMetier { width:140px; float:left; display:block; background: #FDF9E7; margin:0 15px 10px 10px; padding:10px; text-align:center; border:1px solid #CCC; font-size:13px; overflow: hidden; }
.leMetier IMG {width: 100px; height: 75px; border:1px solid #EEE;}
.leMetier:HOVER { background: #d8edfc;}

A.on { color:#F60; }
.attention { color:red; }
.note { color:#666; font-style:italic; }

SPAN.play { width:30px; height:30px; display:block; background:url("img/play.png") no-repeat left top; }
SPAN.icoQuiz { width:32px; height:32px; display:block; background:url("img/spritePNG.png") -480px 0 #FFF; border-radius:50%; }
SPAN.icoMetier { width:32px; height:32px; display:block; background:url("img/spritePNG.png") -512px 0 #FFF; border-radius:50%; }
SPAN.telechargerItunes { width:118px; height:47px; display:block; background:url("img/spritePNG.png") -406px -65px; margin:0 10px 10px 0; }
SPAN.telechargerSonnerie { width:118px; height:47px; display:block; background:url("img/spritePNG.png") -528px -65px; }
SPAN.icoSendCard { width:230px; height:54px; background:url("img/spritePNG.png") -252px -833px; z-index:20; }

SPAN.icoaperitifs { width:35px; height:56px; display:block; background:url("img/spritePNG.png") -563px -289px; z-index:20; }
SPAN.icoentrees { width:48px; height:33px; display:block; background:url("img/spritePNG.png") -469px -303px; z-index:20; }
SPAN.icoplats { width:44px; height:32px; display:block; background:url("img/spritePNG.png") -562px -348px; z-index:20; }
SPAN.icoviandes-et-volailles { width:44px; height:32px; display:block; background:url("img/spritePNG.png") -562px -348px; z-index:20; }
SPAN.icopoissons { width:45px; height:25px; display:block; background:url("img/spritePNG.png") -515px -354px; z-index:20; }
SPAN.icolegumes { width:45px; height:32px; display:block; background:url("img/spritePNG.png") -470px -347px; z-index:20; }
SPAN.icodesserts { width:41px; height:35px; display:block; background:url("img/spritePNG.png") -606px -346px; z-index:20; }

.iPad { width:429px; height:331px; background:url("/img/ipad.png") no-repeat; } 

.centre A.vert { color:#44831B; font-weight:bold; }

H1 { font-size:24px; letter-spacing:1px; line-height:30px; color:#E34619; margin:0 0 25px -10px; padding:0 0 30px 10px ; /* for non-css3 browsers */  background:url(http://www.webjunior.net/img/bck_H1.gif) no-repeat left bottom; }
H2 { font-size:20px; color:#FF9900; margin:12px 0 10px 0; }
H2.soft, H3.soft {font-family: 'PT Sans', sans-serif;}
H3 { font-size:16px; color:#666; margin:15px 0 10px 0; font-style: normal;}
H4 { font-size:15px; color:#E34619; margin:10px 0 5px 0; }
H5 { font-size:14px; color: #555; font-weight: bold; margin:5px 0 2px 0; }
.centre H1 A { color:#E34619; text-decoration:none; }

.bleuNormal { color:#1E9BBD; text-align:left;}
.rougegras {color: #C63013; font-weight:bold;}
.bleugras { color: #333399; font-weight:bold;}
.vertgras { color: #128812; font-weight:bold;}

H2.Tbienvenue { text-align:center; color:#DC3E12; background:none; }
H2.Tabonnez { color:#B43D1F; font-style:normal; font-weight:normal; background:#F7DF19; text-align: left; padding:5px 0 5px 15px; border-radius: 5px;
/* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7DF19'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7DF19)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF, #F7DF19); }
H2.Tselection { width:300px; height:28px; background:url("img/titre_selection.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; }
H2.Tsites { height:40px; color:transparent; font-size:0; margin:0 0 5px 0; color:#1E9BBD; font-size:26px; font-style:normal; font-weight:normal; text-shadow:2px 2px #FFF; font-family:'FingerPaintRegular'; text-align:center; }

H2.Tquestions { width:180px; padding:10px; border-radius:10px;color:transparent; margin:0 auto; text-shadow:2px 2px #FFFFFF; color:#1e9bbd; text-align:center; background: #feaa00; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #feaa00 0%, #ffffff 50%, #feaa00 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#feaa00), color-stop(50%,#ffffff), color-stop(100%,#feaa00)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #feaa00 0%,#ffffff 50%,#feaa00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #feaa00 0%,#ffffff 50%,#feaa00 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #feaa00 0%,#ffffff 50%,#feaa00 100%); /* IE10+ */
background: linear-gradient(to right, #feaa00 0%,#ffffff 50%,#feaa00 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feaa00', endColorstr='#feaa00',GradientType=1 ); /* IE6-8 */}

H2.Tavis { width:180px; padding:10px; border-radius:10px;color:transparent; margin:0 auto; text-shadow:2px 2px #FFFFFF; color:#1e9bbd; text-align:center; background:#f7df19; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #f7df19 0%, #ffffff 50%, #f7df19 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7df19), color-stop(50%,#ffffff), color-stop(100%,#f7df19)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* IE10+ */
background: linear-gradient(to right, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7df19', endColorstr='#f7df19',GradientType=1 ); /* IE6-8 */}

.titreConcours { width:250px; padding:10px; border-radius:10px;color:transparent; margin:0 auto; text-shadow:2px 2px #FFFFFF; color:#1e9bbd; text-align:center; background:#f7df19; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWFhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #f7df19 0%, #ffffff 50%, #f7df19 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7df19), color-stop(50%,#ffffff), color-stop(100%,#f7df19)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* IE10+ */
background: linear-gradient(to right, #f7df19 0%,#ffffff 50%,#f7df19 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7df19', endColorstr='#f7df19',GradientType=1 ); /* IE6-8 */}

H2.Tblague { margin:0 0 0 65px; color:#1d8aa7; }

H2.Tgagne { height:40px; background:url("img/titre_gagne.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 0 55px; }

.centre .titreCuisine { font-size:28px; padding:5px 0 5px 10px; text-align:left; background:#FFF; border-bottom:2px solid #FABD4D; position:relative; margin:0; padding-left:60px; }

.titreCuisine SPAN.icoaperitifs, .titreCuisine SPAN.icoentrees { position:absolute; left:10px; top:-10px; padding:0; margin:0; border:0; }
.titreCuisine SPAN.icoplats, .titreCuisine SPAN.icolegumes, .titreCuisine SPAN.icoviandes-et-volailles, .titreCuisine SPAN.icoentrees { position:absolute; left:5px; top:0; padding:0; margin:0; border:0; }
.titreCuisine SPAN.icopoissons { position:absolute; left:5px; top:5px; padding:0; margin:0; border:0; }
.titreCuisine SPAN.icodesserts { position:absolute; left:5px; top:-5px; padding:0; margin:0; border:0; }

.titreCuisine SPAN { font-family: 'PT Sans', sans-serif; font-size:15px; color:#444; padding-left:10px; margin-left:10px; border-left:2px solid #FABD4D; }

.centre H2.Tconcours { background:#F60; color:#FFF; padding:10px 0 10px 0; text-align:center; margin:0; }
.centre H2.Tdegrade { background:url("img/bck_titreDeg.gif") repeat-x left top; color:#1E9BBD; padding:10px 0 10px 10px; text-align:left; margin:0; }
.centre H2.micro { height:90px; font-size:22px; font-weight: normal; color: #e34619; margin:5px; padding:15px 0 0 90px; letter-spacing:0; }

.centre H2.titreQuiz, .centre H2.titreMetiers { margin:0; background:#93daed; position:relative; padding:5px 0 5px 50px; color:#FFF; }
.centre H2.titreQuiz SPAN { position:absolute; left:10px; top:3px; }
.centre H2.titreMetiers SPAN { position:absolute; left:10px; top:3px; }

.centre H2.titreFilm { height:19px; background:url("img/titre_seances.gif") no-repeat; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 10px 0; }
.centre H3.lettreMetiers { height:33px; background:#FDF9E7; font-size:26px; color:#e34619; margin:20px 0 5px 0; padding:10px 0 3px 40px; border-bottom:1px solid #CCC; position:relative; }
.centre H3.lettreMetiers SPAN { position:absolute; left:0; }

H3.Torange { font-weight:bold; color:#F60; }
H3.recherche { font-weight:normal; font-size:20px; color:#FF9900; margin:12px 0 10px 0; background: #EEE; padding: 5px; border-radius: 5px;}

.sepCCC { float:none; border-bottom:1px solid #CCC; font-size:0px; height:0px; line-height:0px; margin:0px; padding:0px; clear:both; }
.sepCCCm20 { float:none; border-bottom:1px solid #CCC; font-size:0px; height:0px; line-height:0px; margin:15px 0 15px 0; padding:0px; clear:both; }

.sep { float:none; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; clear:both; }
.sepCR { font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }
.sepCL { clear:left; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }

.fR { display:block; float:right; }
.fL { display:block; float:left; }
.tAc { text-align:center; margin:0 auto; }
.mT20 { margin-top:20px; }

.bckYellow { background:#FFF16A; padding:10px; }
.bckBleu1 { background:#CEE6F2; }
.textarea { background:#EEE; width:580px; height:65px; padding:5px; margin:10px; font-size:11px; color:#444; border:1px solid #CCC; overflow:hidden; }

.centre .webJ_coloriage { width:140px; height:103px; display:block; background:url("/img/webJ_coloriage.png") no-repeat 0 0; margin:0; position:absolute; left:50px; top:130px;}
.centre .webJ_logiciels { width:120px; height:107px; display:block; background:url("/img/webJ_logiciel.png") no-repeat 0 0; margin:0; position:absolute; left:50px; top:110px; }
.centre .webJ_metiers { width:99px; height:99px; display:block; background:url("/img/webJ_metiers.png") no-repeat 0 0; margin:0; position:absolute; left:260px; top:50px; }
.centre .webJ_buzz { width:109px; height:102px; display:block; background:url("/img/webJ_buzz.png") no-repeat 0 0; margin:0; position:absolute; left:310px; top:50px; }
.centre .webJ_clips { width:101px; height:97px; display:block; background:url("/img/webJ_clips.png") no-repeat 0 0; margin:0; position:absolute; left:20px; top:240px; }

.conteneur {  width:1000px; text-align:center; margin:0 auto 0 auto; padding:0 10px 20px 0; position:relative; z-index:1; background:#FFF; overflow:hidden; }

.espaceParents { background:url("img/bck_body_parents.jpg") repeat-x left top #F0E256; }
.espaceEnseignants { background:url("img/bck_body_enseignants.jpg") repeat-x left top #C6DB90; }

.conteneur .centre { width:645px; margin:0; padding:30px 0 10px 10px; text-align:justify; float:left; position:relative; background:#FFF; }
.conteneur .colD {  width:320px; float:left; margin:0 0 0 20px; padding:30px 0 0 0; text-align:left; position:relative; }

.autres {float: left; width: 220px; text-align: left; border-bottom: 1px dotted #DDD; margin: 3px 20px 3px 0; padding: 2px 0 2px 10px;}

.datedujour {text-align:center; margin: 10px 0 20px 0; }
.datedujour H3 {font-size:12px; line-height:16px; color:#555; font-style: normal; font-weight: normal;}
.datedujour H4 { font-family: 'PT Sans', sans-serif; font-size:16px; color:#666; font-style: normal; display:inline; font-weight: normal; border-bottom:1px solid #DDD; padding:5px; }

/* HEADER*/
.header { height:195px; border-bottom:5px solid #F3F61C; zoom:1; text-align:left; position:relative; background:#FFF; }

.header .contentHeader { width:1080px; height:195px; margin:0 auto; position:relative; } 
.header .contentHeader .anniv10ans { width:1555px; height:456px; display:block; background:url("img/anniv_10ans.png") no-repeat; position:absolute; left:-310px; top:200px; }

.contentHeader .searchResponsive { display:none; }

.contentHeader .logo { width:214px; height:49px; display:block; background:url("img/logoWJ2009.png") no-repeat left top; position:absolute; left:0; top:10px; text-indent:-5000px; color:transparent; font-size:0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/logoWJ2009.png", sizingMethod="image");_background-image:none; }

.contentHeader .slogan { position:absolute; left:55px; top:60px; color:#017EBE; font-size:16px; font-weight:bold; font-weight:lighter; }
.contentHeader .phrase { position:absolute; right:0; top:50px; color:#888; font-size:14px; }

.contentHeader .totalSites { width:250px; display:block; position:absolute; top:67px; right:40px; color:#FFF; font-size:11px; text-align:right; font-weight: bold; }

.contentHeader .rechercher { height:65px; position:absolute; right:0; top:10px; }
.contentHeader H2 { font-size:14px; color:#999; margin:5px 0 2px 0; padding:0; }
.contentHeader .rechercher .champs { width:250px; height:23px; float:left; font-size:14px; color:#017EBE; margin:0; padding:5px; border:1px solid #CCC; border-radius:5px 0 0 5px;}
.contentHeader .rechercher .OK { width:35px; height:35px; text-align:center; font-size:12px; font-weight:bold; color:#FFF; background:#017EBE; float:left; border:0; cursor:pointer; border-radius:0 5px 5px 0; }
.contentHeader .closeRechercher { display:none; }

.contentHeader .navigation { width:750px; height:87px; position:absolute; bottom:-35px; left:-10px; }
@font-face {
font-family:'BradyBunchRemasteredRegular';
src: url('fonts/bradbunr-webfont.eot');
src: url('fonts/bradbunr-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/bradbunr-webfont.woff') format('woff'),
url('fonts/bradbunr-webfont.ttf') format('truetype'),
url('fonts/bradbunr-webfont.svg#BradyBunchRemasteredRegular') format('svg');
font-weight: normal;
font-style: normal;
}

.contentHeader UL.navigation2011 { height:75px; position:absolute; bottom:-48px; left:0; }
UL.navigation2011 LI { height:62px; float:left; display:block; text-align:center; margin:0; }
UL.navigation2011 LI A { height:52px; text-decoration:none; color:#1E9BBD; font-size:26px; font-weight:normal; text-shadow:2px 2px #FFF; display:block; font-family:'BradyBunchRemasteredRegular'; }
UL.navigation2011 LI A:HOVER { color:#FFF; text-shadow:2px 2px #1E9BBD; }

LI A.surfer { width:120px; padding-top:18px; background:url(img/onglet_surfer.png) no-repeat left top;}
LI A.samuser { width:117px; padding-top:18px; background:url(img/onglet_samuser.png) no-repeat left top; }
LI A.participer { width:131px; padding-top:15px; margin-left:-1px; background:url(img/onglet_participer.png) no-repeat left top;}
LI A.decouvrir { width:132px; padding-top:18px; background:url(img/onglet_decouvrir.png) no-repeat left top; }
LI A.magazines { width:137px; padding-top:20px; margin-left:-1px; background:url(img/onglet_magazines.png) no-repeat left top; }
LI A.jouets { width:117px; padding:15px 0 0 0; background:url(img/onglet_samuser.png) no-repeat left top; }
LI A.dictionnaire { width:142px; padding-top:15px; margin-left:-1px; background:url(img/onglet_dictionnaire.png) no-repeat left top; }
LI A.surfer:HOVER { background:url(img/onglet_surferON.png) no-repeat left top;}
LI A.samuser:HOVER { background:url(img/onglet_samuserON.png) no-repeat left top; }
LI A.participer:HOVER { background:url(img/onglet_participerON.png) no-repeat left top;}
LI A.decouvrir:HOVER { background:url(img/onglet_decouvrirON.png) no-repeat left top; }
LI A.magazines:HOVER { background:url(img/onglet_magazinesON.png) no-repeat left top; }
LI A.jouets:HOVER { background:url(img/onglet_samuserON.png) no-repeat left top; }
LI A.dictionnaire:HOVER { background:url(img/onglet_dictionnaireON.png) no-repeat left top;}
UL.navigation2011 LI.last { width:740px; height:15px; background:#FFF; float:none; display:block; position:absolute; bottom:0; left:48px; }

UL.navigation2011 UL { width:650px; height:160px; padding-top:5px; display:none; position:absolute; top:60px; left:48px; z-index:20; background:#E3812C; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3812C'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E3812C)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #E3812C); overflow:hidden; border-bottom:4px solid #B95D0E; }
UL.navigation2011 UL LI { width:250px; height:30px; margin:0 10px 5px 15px;padding:5px 0 0 0; text-align:left; border-bottom:1px dotted #DC904F; }
UL.navigation2011 UL LI A { height:29px; display:block; text-align:left; padding:0 0 0 35px; background:url("img/icones_ssNav.png") no-repeat; }
UL.navigation2011 UL LI A:HOVER { color:#D43E14; text-shadow:2px 2px #FFFF00; }
UL.navigation2011 UL A.closeNav { display:none; }

UL.navigation2011 UL LI A.jeuxSsNav { background-position:left 0; }
UL.navigation2011 UL LI A.quizSsNav { background-position:left -29px; }
UL.navigation2011 UL LI A.blagueSsNav { background-position:left -174px; }
UL.navigation2011 UL LI A.filmsSsNav { background-position:left -231px; }
UL.navigation2011 UL LI A.avisSsNav { background-position:left -116px; }
UL.navigation2011 UL LI A.trucSsNav{  background-position:left -58px; }
UL.navigation2011 UL LI A.questionSsNav { background-position:left -87px; }
UL.navigation2011 UL LI A.cartesSsNav { background-position:left -145px; }
UL.navigation2011 UL LI A.concoursSsNav { background-position:left -203px; }
UL.navigation2011 UL LI A.enfantsSsNav { background-position:left -348px; }
UL.navigation2011 UL LI A.fichesSsNav { background-position:left -318px; }
UL.navigation2011 UL LI A.logicielsSsNav { background-position:left -261px; }
UL.navigation2011 UL LI A.animauxSsNav { background-position:left -290px; }
UL.navigation2011 UL LI A.musiqueSsNav { background-position:left -377px; }
UL.navigation2011 UL LI A.annuaireSsNav { background-position:left -407px; }
UL.navigation2011 UL LI A.sejoursSsNav { background-position:left -436px; }
UL.navigation2011 UL LI A.coloriageSsNav { background-position:left -463px; }
UL.navigation2011 UL LI A.proposeRecettes { background-position:left -492px; }
UL.navigation2011 UL LI A.traducteurSsNav  { background-position:left -524px; }
UL.navigation2011 UL LI A.motscroisesSsNav  { background-position:left -558px; }

.bck_printemps { background:url("img/bck_printemps2013.png") center bottom no-repeat #FFF; }
.bck_paques { background:url("img/bck_paques2014.png") center bottom no-repeat #FFF; }
.bck_ete { background:url("img/bck_ete2013.png") center bottom no-repeat #FFF; }
.bck_rentree { background:url("img/bck_rentree2013.png") center bottom no-repeat #FFF; }
.bck_automne { background:url("img/bck_automne2013.png") center bottom no-repeat #FFF; }
.bck_halloween { background:url("img/bck_halloween2013.png") center bottom no-repeat #FFF; }
.bck_hiver { background:url("img/bck_hiver2013.png") center bottom no-repeat #FFF; }
.bck_noel { background:url("img/bck_noel2013.png") center bottom no-repeat #FFF; }
.bck_nouvelan { background:url("img/bck_nouvelan2014.png") center bottom no-repeat #FFF; }


/* COL DROITE*/
.features { margin:0 0 10px 0; padding:0 0 5px 90px; border-bottom:1px solid #CCC; overflow:hidden; }
.features .contact { width:115px; display:block; padding:5px 0 5px 0; float:left; font-size:15px; font-weight:bold; color:#AA3E22; }
.features SPAN { width:32px; height:32px; float:left; margin:0 10px 0 0; background:url("img/spritePNG.png") no-repeat -544px 0;  }

.features .proposer { width:155px; display:block; background:url("img/favoris.gif") no-repeat 10px top; padding:0 20px 5px 0; }

.features2 { width:305px; height:55px; float:right; margin:0; padding:0; background:#FFF; z-index:10; }

.colD .autreliens { zoom:1; margin:10px 0 20px 0; position:relative; z-index:3; }
.colD .autreliens A { color:#666; font-size:14px; font-weight:normal; background:url("img/puce_bleue.gif") no-repeat left 8px; padding:3px 0 0 10px; z-index:3; }
.colD .autreliens A b { color:#1E9BBD; font-size:14px;  }
.colD .autreliens .sepCCC { padding:5px 0 0 0; }

.colD A.espaceEnseignants { width:148px; height:54px; display:block; background:url("img/spritePNG.png") no-repeat 0 -65px; float:left; margin:0 3px 0 3px; }
.colD A.espaceParents { width:148px; height:54px; display:block; background:url("img/spritePNG.png") no-repeat -148px -65px; float:left; }

.colD .facebook { background:#FFF; padding:5px 5px 0 5px; margin:15px 0 15px 3px; text-align:center; }
.colD .facebook .fb_box { width:290px; height: 280px; border: 1px solid #CCC;}
.colD .facebook H2 { position:relative; background:#3b5998; padding:5px; color:#FFF; margin:0; border-radius:5px 5px 0 0; }

.colD .communaute { background:#FFF; padding:0 0 10px 0; margin:20px 0 20px 3px; overflow:hidden;}
.colD .communaute H2 { background:#3b5998; padding:5px 5px 5px 15px; color:#FFF; margin:0; border-radius: 5px; font-weight:normal; font-size:15px; }
.colD .communaute .fb , .colD .communaute .twt { border-bottom: 1px solid #EEE; background:#EEE; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);  }
.colD .communaute .twt { padding: 10px 0 5px 10px; overflow:hidden; }
.colD .communaute .twt IMG {float:left; margin-right: 10px; vertical-align: middle; }
.colD .communaute .twt A { color: #3b5998; font-size:13px;}
.colD .communaute .twt P { color: #333; font-size:12px; padding: 3px 0 0 0;}

 
.bloc_jeuConcours { background:#FFF; position:relative; margin:20px 0 20px 0; padding:0 0 5px 0; border:3px solid #C4E5F8; overflow:hidden; }
.bloc_jeuConcours A.lienJeu { width:300px; height:100px; display:block; position:relative; top:0; left:0; background:url("img/titre_jeuConcours.gif") no-repeat 105px 5px; z-index:2; } 
.bloc_jeuConcours A:hover { text-decoration:none; } 
.bloc_jeuConcours strong { color:#1D8AA7; }
.bloc_jeuConcours A SPAN { width:150px; display:block; position:absolute; bottom:-30px; right:20px; color:#990000; font-size:14px; font-weight:bold; background: url("img/puce_etoile.gif") no-repeat left 0 #FFF; padding-left:15px; } 
.bloc_jeuConcours .vignette { width:100px; float:left; margin:5px 10px 0 5px; }
.centre .bloc_jeuConcours p { margin:10px; }
.bloc_jeuConcours h2 { margin:-10px auto 0 auto; } 

.fini {  background:url('img/bck_concoursFini.gif') no-repeat left 0 #FFF; }
.fini A.lienJeu { background:none; height:25px; } 
.fini p { display:block; padding:15px 10px 0 90px; color:#333; text-align:left; font-size:13px;} 
.fini A SPAN { bottom:0px;} 


.bloc_jeuCadeau { width:300px; height:80px; background:#FFF; position:relative; margin:10px 0 10px 0;}
.bloc_jeuCadeau A { width:300px; height:80px; display:block; position:absolute; top:0; left:0; background:url("img/titre_jeuCadeau.gif") no-repeat 110px 5px; z-index:2;  } 
.bloc_jeuCadeau A:hover { text-decoration:none; } 

.bloc_dessins { width:300px; height:80px; background:url("img/bloc_dessins.gif") no-repeat left top; position:relative; margin:10px 0 0 0;  clear:both; }
.bloc_dessins A { width:300px; height:80px; display:block; z-index:2;  } 
.bloc_dessins SPAN { display:block; position:absolute; bottom:5px; right:10px; color:#990000; font-size:14px; font-weight:bold; background: url(img/puce_etoile.gif) no-repeat left 0 #FFF; padding-left:15px; } 

.colD .abonnez { width:300px; margin:20px 0 20px 2px; padding:0; position:relative; clear:both; background:#FFF; }
.colD .abonnez .ropacity45 { float:left; margin:0 10px 0 10px; }
.colD .abonnez IMG { float:left; margin:0 10px 0 10px; }
.colD .abonnez h2 { margin:0 0 10px 0; font-size:15px;}
.colD .abonnez h3 { font-weight:bold; color:#F60; }
.colD .abonnez A { color:#333; font-weight:normal; float:left;}
.colD .abonnez A:HOVER { text-decoration:none; }
.colD .abonnez span { display:block; font-size:12px; color:#333; }
.colD .abonnez span.abonnement { margin-top:10px; }

.colD .abonnez .bouton { position:relative; margin:15px 0 0 70px; }

.colD .selectionDVD { width:300px; margin:0 0 0 2px; position:relative; text-align:center;}
.colD .selectionDVD OBJECT { }

.colD .rect300 { zoom:1; margin:20px 0 20px 0; text-align: center; }
.nuages { margin:0 2px 20px 2px; position:relative; background: #FFF; } 
.nuages H3 { color:#B43D1F; font-size: 16px; font-style:normal; background:#F7DF19; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7DF19'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7DF19)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF, #F7DF19); 
text-align:center; padding:5px 0 5px 0; }
.nuages A { color:#666; text-decoration:none; line-height:23px; font-weight:lighter; margin:0 0 0 5px; } 


.nuages A:hover { color:#96c43f; } 

/* CENTRE*/
.webJ_dico { width:294px; height:174px; display:block; background:url("img/sprite2PNG.png") 0 0 no-repeat; margin:10px auto 10px auto; }
.centre .annuaireHP { width:650px; padding:5px 0 5px 0; margin:10px 0 30px 0; background:#7FE0F8; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7FE0F8', endColorstr='#CDF8FF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#7FE0F8), to(#CDF8FF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #7FE0F8,  #CDF8FF); overflow:hidden; --radius:10px;}

.centre .annuaireHP .uneCat { width:210px; height:35px;/*height:65px;*/ float:left; font-size:10px; margin:0 0 5px 5px; position:relative; --radius:3px; }
.centre .annuaireHP.annuaireSom .uneCat { height:130px; }
.centre .annuaireHP .alpha { width:210px; /*height:65px;*/ height:35px; position:absolute; left:0; top:0; background:#FFF; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; --radius:3px; }
.centre .annuaireHP.annuaireSom .alpha { height:130px; }
.centre .annuaireHP .uneCat .contenu { width:210px; /*height:65px;*/ height:35px; float:left; font-size:10px; margin:0; position:relative; z-index:2; }
.centre .annuaireHP.annuaireSom .uneCat .contenu { height:150px; }

.centre .annuaireHP .uneCat .contenu H2 { font-size:14px; background:none; text-align:center; margin:5px 0 0 0; }
.centre .annuaireHP .uneCat .contenu .pictoCat { float:left; margin:5px 0 0 20px; }
.centre .annuaireHP .uneCat .contenu H2 A.cat { font-size:14px; color:#1E9BBD; float:left; }

.centre .annuaireHP .uneCat .contenu DIV { width:180px; position:absolute; top:28px; left:3px; }
.centre .annuaireHP .uneCat .contenu DIV p { line-height:15px; }
.centre .annuaireHP .uneCat A.link_scat { color:#1E9BBD; display:none; text-decoration:none; margin:0 0 0 5px; padding:0 0 0 7px; font-size:10px; word-spacing:0; text-align:left; 
background:url("img/puce_bleue.gif") no-repeat left 5px; border: none;}
.centre .annuaireHP.annuaireSom .uneCat A.link_scat { display:block; margin:10px 0 5px 20px; font-size:13px; line-height:15px; text-align:left; }
.centre .annuaireHP .uneCat A.link_scat:HOVER { text-decoration: underline; }

.centre .annuaireHP .uneCat .contenu H2 SPAN { width:32px; height:32px; float:left; display:block; margin:-3px 10px 0 20px; background:url("img/spritePNG.png") -800px 0 no-repeat; }
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub122 { background-position:0 0; } /* actu medias*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub6 { background-position:-32px 0; } /* arts culture*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub222 { background-position:-64px 0; } /* cine tele*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub11 { background-position:-96px 0; } /* divertisssement*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub21 { background-position:-128px 0; } /* famille*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub112 { background-position:-160px 0; } /* jeux*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub221 { background-position:-192px 0; } /* lecture*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub27{ background-position:-224px 0; } /* loisirs*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub40 { background-position:-256px 0; } /* maison*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub32 { background-position:-288px 0; } /* nature*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub44 { background-position:-320px 0; } /* ordinateur*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub15 { background-position:-352px 0; } /* ecole*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub116 { background-position:-384px 0; } /* sante*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub50 { background-position:-416px 0; } /* societe*/
.centre .annuaireHP .uneCat .contenu H2 SPAN.rub36{ background-position:-448px 0; } /* sports*/

.centre .manchetteHP { width:593px; height:183px; background:url("img/bck_manchette.gif") no-repeat left top; padding:5px 0 0 0; margin:10px 0 30px 0; position:relative; }
.centre .manchetteHP .content { width:378px; height:100px; background:url("img/bck_contentManchette.jpg") repeat-x left bottom #FFF; position:absolute; left:10px; top:55px; padding-top:20px; }
.centre .manchetteHP .content IMG { float:left; margin:0 10px 0 10px; }

.centre .manchetteHP .content A { font-size:14px; color:#1E9BBD; }
.centre .manchetteHP .content p { width:245px; float:left; text-align:justify;}

.centre .manchetteHP .boutonSite { display:block; width:192px; height:55px;background:url("img/btn_sites.gif") no-repeat left bottom; position:absolute; right:4px; top:57px; }
.centre .manchetteHP .boutonSiteON { display:block; width:192px; height:55px;background:url("img/btn_sitesON.gif") no-repeat left bottom; position:absolute; right:4px; top:57px; }
.centre .manchetteHP .boutonJeu { display:block; width:192px; height:55px; background:url("img/btn_jeu.gif") no-repeat left bottom; position:absolute; right:4px; top:115px; }
.centre .manchetteHP .boutonJeuON { display:block; width:192px; height:55px; background:url("img/btn_jeuON.gif") no-repeat left bottom; position:absolute; right:4px; top:115px; }
.centre .manchetteHP #jeuJour { display:none; }

.centre p {margin:0 0 10px 0; }
.centre p.small { font-size:12px; text-align:justify; line-height:15px; color:#444; margin:0 0 10px 0; }
.centre p A {border-bottom: 1px dashed; font-weight: normal;}

.centre ul { list-style-type:bullet; font-size:15px; }
.centre ul li { margin:0 0 10px 0; }
.centre p.recherche { font-size:13px; text-align:justify; line-height:15px; color:#444; margin-bottom:10px; font-weight:normal; }

.centre .bloc_actu {border: 2px solid #C4E5F8; margin: 0 5px 20px 5px; padding: 0 5px 0 5px;}

.centre .blocQuestions { width:320px; height:170px; float:left; margin:40px 0 10px 0; padding:0; font-size:12px; color:#333; position:relative; background:url("img/spritePNG.png") no-repeat 0 -119px #feaa00; border-radius:10px; position:relative; }

.centre .blocQuestions H2, .centre .blocAvis H2 { margin-top:-22px ; position:relative; }
.centre .blocQuestions .webJ_questions { width:75px; height:113px; position:absolute; bottom:2px; left:7px; background:url("img/spritePNG.png") no-repeat 0 -292px; }
.centre .blocQuestions p { text-align:left; margin-left:80px; font-weight:bold; }
.centre .blocQuestions p.derniere { width:200px; text-align:left; margin-left:70px; font-size:10px; font-weight:bold; }
.centre .blocQuestions A.bouton { display:block; position:absolute; bottom:15px; left:100px; }
.centre .blocQuestions A.laQuestion { width:150px; background:#FFF; padding:10px; margin:0 0 5px 20px; display:block; border:none; border-radius:3px; }
.centre .blocQuestions A.laQuestion:HOVER { background:#1D8AA7; text-decoration:none; }

.centre .blocAvis { width:310px; height:170px; background:url("img/spritePNG.png") no-repeat -352px -119px #f7df19; border-radius:10px; float:right; padding:0; margin:40px 0 10px 0; position:relative; }
.centre .blocAvis A { margin:0; font-weight:normal; display:block; text-align:center; }
.centre .blocAvis h5 { background:#FFF; padding:5px; margin:5px; color:#000; font-size:12px; font-weight: normal; moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); border-radius:3px; }
.centre .blocAvis p { text-align:left; font-weight:bold; font-size:16px; color:#1E9BBD; padding-top:15px; }
.centre .blocAvis A.bouton { display:block; position:absolute; bottom:15px; left:165px; font-weight:bold; }
.centre .blocAvis .recadrage { height:120px; float:left; position:relative; overflow:hidden; margin:7px 10px 0 10px; padding:0; border:1px solid #FFF; overflow:hidden; }
.centre .blocAvis .recadrage IMG { margin:-15px; }


.centre .blocQuiz { width:310px; overflow:hidden; float:left; margin:15px 0 10px 20px; padding:0; font-size:12px; color:#333; position:relative; background:#FFF; /* Old browsers */ background: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 50%, #93DAED 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFFFF), color-stop(50%,#ffffff), color-stop(100%,#93DAED)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* Opera 11.10+ */background: -ms-linear-gradient(bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#93DAED',GradientType=1 ); /* IE6-8 */ }
.centre .blocQuiz A { display:block; clear:both; margin:15px 10px 10px 10px; padding: 0 0 10px 0; font-size:15px; border-bottom: 1px solid #DDD; }

.centre .blocMetier { width:310px; overflow:hidden; float:left; margin:15px 0 10px 0; padding:0; font-size:12px; color:#333; position:relative; background:#FFF; /* Old browsers */ background: -moz-linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 50%, #93DAED 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFFFF), color-stop(50%,#ffffff), color-stop(100%,#93DAED)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* Opera 11.10+ */background: -ms-linear-gradient(bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 50%,#93DAED 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#93DAED',GradientType=1 ); /* IE6-8 */ }
.centre .blocMetier A { font-size:15px; display:block; margin:10px 0 0 10px; text-align:center;}
.centre .blocMetier .recadrage {position:relative; overflow:hidden; margin:5px auto; padding:0; border: 2px solid #CCC; width:220px;}
.centre .blocMetier .recadrage IMG  { margin:-40px 0 -40px 0; }
.centre .blocMetier P { width:180px; float:left; margin:10px 0 0 0; line-height:18px; text-align:left; }

.btnBig{ height:38px; display:block; background:url("img/btn_big_C.gif") repeat-x left top; font-weight:bold; text-decoration:none; font-size:12px; text-align:center; margin:20px auto 20px auto; position:relative;  }
.btnBig SPAN.coinG { width:20px; height:38px; display:block; background:url("img/btn_big_G.gif") no-repeat left top; position:absolute; left:0; top:0; }
.btnBig SPAN.coinD { width:20px; height:38px; display:block; background:url("img/btn_big_D.gif") no-repeat left top; position:absolute; right:0; _right:-1px; top:0;  }
.btnBig A { text-decoration:none; color:#0066CC; font-size:16px; font-weight:bold; display:block; padding:10px 0 0 0; }
.btnBig A:HOVER { text-decoration:none; color:#FFF; }
.btnBig A.generer { background:url("img/ico_generer.gif") no-repeat left top; padding:0 0 10px 25px; color:#FFF; }

.conteneur .bouton, .conteneur .centre .bouton, .conteneur .colD .bouton { padding:7px 10px 7px 10px; border-radius:5px; color:transparent; text-align:center; font-size:14px; font-weight:bold; color:#b03d20; border:2px solid #7fe0f8; background:#7fe0f8; /* Old browsers */ background: -moz-linear-gradient(left, #7fe0f8 0%, #ffffff 50%, #7fe0f8 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7fe0f8), color-stop(50%,#ffffff), color-stop(100%,#7fe0f8)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #7fe0f8 0%,#ffffff 50%,#7fe0f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #7fe0f8 0%,#ffffff 50%,#7fe0f8 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #7fe0f8 0%,#ffffff 50%,#7fe0f8 100%); /* IE10+ */
background: linear-gradient(to right, #7fe0f8 0%,#ffffff 50%,#7fe0f8 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fe0f8', endColorstr='#7fe0f8',GradientType=1 ); /* IE6-8 */}
.conteneur .bouton:HOVER, .conteneur .boutonOrange:HOVER { background:#FFF; }

.conteneur .boutonOrange { padding:10px; border-radius:5px; color:transparent; text-align:center; font-size:14px; font-weight:bold; color:#0066CC; border:2px solid #ffae00; background:#ffae00; /* Old browsers */ background: -moz-linear-gradient(left, #ffae00 0%, #ffffff 50%, #ffae00 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffae00), color-stop(50%,#ffffff), color-stop(100%,#ffae00)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #ffae00 0%,#ffffff 50%,#ffae00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffae00 0%,#ffffff 50%,#ffae00 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #ffae00 0%,#ffffff 50%,#ffae00 100%); /* IE10+ */
background: linear-gradient(to right, #ffae00 0%,#ffffff 50%,#ffae00 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ffae00',GradientType=1 ); /* IE6-8 */}


ul.etoile { list-style-type:none; color: #44831B; margin:0; padding:4px 0 4px 0; position:relative; }
ul.interrogation { zoom:1; list-style-type:none; color: #44831B; margin:0; padding:4px 0 4px 75px; position:relative; }
.boxeBord ul.interrogation { padding-left:0; }

ul.etoile li { zoom:1; margin:0 0 10px 0; padding:0 10px 0 20px; font-size:14px; background:url("img/puce_etoile.gif") no-repeat left 0px; }
ul.interrogation li {  zoom:1; margin:0 0 10px 0; padding:0 10px 0 15px; font-size:12px; background:url("img/puce_interrogation.gif") no-repeat left 0px; }

.interrogation .webJ_reponse { width:61px; height:113px; position:absolute; top:10px; left:10px; background:url("img/spritePNG.png") no-repeat -171px -293px #FFF; }

/*---------- DONNE TON AVIS -----------*/
.sujetavis { zoom:1; background:url("img/degrade_jaune.gif") repeat-x left top; padding:10px; margin:10px 0 0 0; position:relative; border-top:3px solid #F7DF19; overflow:hidden; }
.sujetavis .photo {float: left; margin: 0 10px 0 0; overflow: hidden;}
.sujetavis .photo SPAN {background: #EEE; font-size: 10px; color: #777; padding: 3px; width: 144px; margin: 0 0 5px 0; display: block;}
.sujetavis H2 { font-weight: bold; color:#F60; margin:5px 0 5px 0; padding: 0; }
.sujetavis H4 { color:#FFF; margin:3px 0 2px 0; }
.sujetavis P { font-size: 15px; line-height: 21px; }

.avisjunior { margin: 0 0 15px 0;  }
.avisjunior p { width:425px; _width:435px;float:left; background:url("img/bck_hautAvis.gif") repeat-x left top #B0DAE5; padding:5px 5px 11px 5px; margin: 0 0 0 40px; position:relative; }
.avisjunior p SPAN.queue { width:28px; height:12px; display:block; background:url("img/queue_bulle.gif") no-repeat left top; position:absolute; top:20px; left:-28px; }
.avisjunior h3 { width:70px; _width:90px; float:left; text-align:right; font-size:11px; background:url("img/user.gif") no-repeat right top; font-style:normal; font-weight:normal; color:#339900; margin:20px 5px 2px 0; padding:0 25px 0 5px; }
.avisjunior h3 strong { display:block; font-size:12px; }


.lastAvis { width:400px; float:left; background:url("img/bck_hautAvis.gif") no-repeat left top #ACD9E3; font-size:12px; padding:10px 0 40px 10px; margin:0 10px 10px 0; position:relative; }
.lastAvis .basAvis { width:410px; height:26px; background:url("img/bck_basAvis.gif") no-repeat left bottom #ACD9E3; position:absolute; bottom:0; left:0; padding:10px 0 0 0; }
.lastAvis H2 { font-size:14px;font-weight:bold; color:#F60; margin:0 0 5px 0; padding:0; }
.lastAvis .laReact { width:390px; color:#333;font-size:12px; clear:both; padding:0 0 20px 0; }
.lastAvis A.sujet { color:#F60; font-size:12px; text-decoration:underline; }
.lastAvis .user { display:block; position:absolute; left:20px; bottom:-15px; font-size:12px; color:#339900; font-size:11px; background:url("img/user.gif") no-repeat left top; padding:0 0 20px 20px; }

/*---------------- ANNUAIRE -----------------------*/
.ariane { background:#EEE; margin:0 0 15px 0; padding:5px; font-weight:normal; color:#777; font-size:12px; text-align:left; }
.ariane a { color: #555; font-weight:normal; border-bottom: 1px dotted #CCC; }
.resultat { zoom:1; margin:10px 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #DDD; cursor:pointer; }
.resultat img { float:left; border:1px solid #DDDDDD; margin:0 10px 0 0; }
.new img { float:none; }

.resultat A { zoom:1; display:block; font-size:13px; font-weight:bold; text-decoration:none; padding:3px 0 3px 0; --radius:5px; }
.resultat A:hover { background:#D8EDFC; text-decoration:none; }
.resultat p { width:470px; float:left; margin: 2px 0 5px 0;}
.resultat h4 {margin: 0; padding: 0; color: #FF9900; font-weight: normal; font-size: 10px}
.souscat {zoom:1; margin: 0 10px 10px 20px; border-bottom: 1px dotted #DDD; padding: 0 0 10px 0; }
.souscat a { font-size:14px; background:url("http://www.webjunior.net/img/puce_check.gif") left 4px no-repeat; padding:0 0 0 12px; line-height:20px; font-weight:bold; }
.liensouscat {float: left; width:180px; text-align:left; margin-bottom:10px; }
.nbre { font-size:10px; font-weight:normal; color:#996600; }

.new_sites { zoom:1; margin:0 0 10px 0; border-bottom:1px solid #DDD; }
.new_sites img { float:left; border: 1px solid #DDDDDD; margin: 0 5px 5px 0;}
.new_sites A { font-size: 12px; font-weight: bold; color: #0D3DEF; text-decoration: none;}
.new_sites A:hover { text-decoration:underline; }
.new_sites p { font-weight: normal; color: #555; font-size: 11px; 
text-align:justify; text-decoration: none; margin: 5px 0 10px 0;}

.recherche { margin: 0 0 0 15px; }

/* PAGINATION */
.pagination { font-size:14px; color: #555; text-align:center; font-weight:normal; margin: 20px 0 20px 0;}
.pagination A { font-size:14px; font-weight:bold; color: #FFF; text-decoration:none; background:#0099CC; padding:5px; border-radius:3px; margin: 0 10px 0 10px;}
.pagination A:hover { text-decoration:none ; background:#E34619; color: #FFF;}
.pagination .pageactive { font-size:14px; font-weight:bold; color: #FFF; text-decoration:none; background:#ff9900; padding:5px; border-radius:3px; margin: 0 10px 0 10px;}

/* boites */
.box { width:250px; float:left; border: 1px solid #FF9933; margin:10px; text-align:center; }
.box h3 { font-size:12px; font-weight: bold; color:#FFF; background:#FF9933; padding:5px 5px 5px 10px; margin:0; text-align:center; }
.box h4 {text-align: center; font-weight: bold; color: #FF6600;}

.box p { margin:10px; text-align:justify; }

/*--------- navigation interne (menus horizontaux : logiciels, jeux...)------*/
.navinterne { zoom:1; position:relative; margin:-20px 0 20px 0; }
.navinterne a { }
.navinterne ul { width:400px; float:right; list-style-type:none; color:#44831B; margin:0; background:url("img/bck_nav_interne.gif") repeat-y right top #D8EDFC; padding:4px 0 4px 0;}
.navinterne li { float:left; margin:0 10px 0 0; padding:0 10px 0 15px; font-size:15px; background:url("img/fleche_orange.gif") no-repeat left 3px; }

/*--------------- AUTRES NAVIGATIONS (parents, enseignants) ------------*/
.espaceParents .navespace { width:600px; height:80px; background:url("img/bck_navParents.gif") no-repeat left top #FFF; margin:0 5px 20px 25px; padding:10px; overflow:hidden; }
.espaceEnseignants .navespace { width:570px; height:80px; background:url("img/bck_navEnseignants.gif") no-repeat left top #FFF; margin:0 5px 20px 25px; padding:10px; }
.espaceParents .navespace .sections { width:125px; height:50px; border-left:1px solid #F90; float:left; padding:0 10px 0 0; margin:5px 0 0 5px; }
.espaceEnseignants .navespace .sections { width:125px; height:50px; border-left:1px solid #ADD84D; float:left; padding:0 10px 0 0; margin:5px 0 0 5px;}
.navespace .sections H3 {  font-weight:bold; font-size:12px; color:#F60; font-style:normal; text-transform:uppercase; margin-left:10px; margin-top:0; text-align:left; }
.navespace a { font-weight:bold; font-size:13px; text-align:left; display:block; margin:0 0 5px 5px; padding-left:7px; background:url("img/puce_bleue.gif") no-repeat left 4px; }

/*---------------- CONCOURS -------------------*/
.concours { zoom:1;}
.concours img {float: left; margin: 0 10px 10px 0; border: 1px solid #c4e5f8; padding: 1px;}
.concours h2 {font-size:15px; font-weight: bold; color: #FF9900; margin: 5px; padding: 0; letter-spacing:0;}
.concours p { width:390px; float:left; text-align: justify; line-height:18px; }
.concours .gagnant { zoom:1; display:block; margin:20px; padding:5px; background:#EEE; }

/* formulaire du jeu*/
.formjeu { zoom:1; clear: both; border: 1px dashed #FF6600; margin: 10px 5px 10px 5px; padding: 2px 5px 10px 10px;}
.formjeu p {line-height: 25px;}
.mentions {font-size: 11px; font-style: italic; color:#555;}

/*-------------- FICHES METIER ET FILMS ----------------*/
.metier, .film {}
.projection { background:url("img/bck_films.gif") no-repeat left top; text-align:center; padding:60px 0 0 0; margin: 0 0 0 30px;}

.centre .blocFilm { background:url("img/bck_films.gif") repeat-x left top; margin:20px 0 30px 0; padding:0; font-size:14px; color:#333; position:relative; overflow:hidden; }
.centre .blocFilm A { width:110px; display:block; float:left; margin:0 0 20px 45px; font-weight:normal; text-align:left; }
.centre .blocMusique A { width:140px; display:block; float:left; margin:0 10px 20px 60px; font-weight:normal; text-align:left; }
.centre .blocFilm A:HOVER { text-decoration:none; }
.centre .blocFilm H2 { color: #1e9bbd; margin:0 0 10px 0; }
.centre .blocMusique { width:640px; background:url("img/bck_musique.gif") no-repeat left top; overflow:hidden; margin-bottom:20px; }
.centre .blocMusique A SPAN { display:block; font-weight:bold; color:#D43F14; }
.centre .blocMusique SPAN.play { position:absolute; top:60px; right:45px; }
.centre .iframeClips { width:600px; height:338px; }
.centre .iframeFilms { width:580px; }

.centre .blocMusiqueHP { width:300px; height:150px; background:url("img/spritePNG.png") no-repeat 0 -407px #f7de1d; margin: 20px 0 20px; padding:5px 10px 10px 10px; position:relative; float:left; border-radius:10px; overflow:hidden; }
.centre .blocMusiqueHP H2 { background:#F7DE1D; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7DE1D'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7DE1D)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #F7DE1D); overflow:hidden; padding:5px; margin:0; position:relative; border-radius:5px; color:#1e9bbd; }
.centre .blocMusiqueHP SPAN.play { width:30px  float:none; position:absolute; top:100px; left:70px; z-index:20; }
.centre .blocMusiqueHP IMG { float:left; margin:0 10px 0 0; }
.centre .blocMusiqueHP SPAN { width:160px; float:left; display:block; }
.centre .blocMusiqueHP SPAN STRONG { display:block; color:#E34618; }
.centre .blocMusiqueHP A { font-weight:normal; text-align:left; }
.centre .blocMusiqueHP A.tous { position:absolute; right:15px; bottom:15px; font-size:13px; font-weight:bold; }
.centre .blocMusiqueHP A.tous SPAN { width:33px;height:29px; background: url("img/icones_ssNav.png") no-repeat scroll left -377px transparent; display: block; }

.centre .blocDevinette { width:290px; height:150px; overflow:hidden; background:url("img/spritePNG.png") no-repeat -341px -407px #b1e73f; margin: 20px 0 20px; padding:5px 10px 10px 10px; float:right; border-radius:10px; }
.centre .blocDevinette H2 { background:#B1E73F; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#b1e73f'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#B1E73F)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #B1E73F); overflow:hidden; padding:5px; margin:0; position:relative; border-radius:5px; color:#1e9bbd; }
.centre .blocDevinette SPAN.texteDevinette { width:195px; padding:5px; display:block; border-radius:5px; margin:10px 5px 0 0;  float:left; text-align:left; font-size:16px; background:#F7DE1D; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7DE1D'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F7DE1D)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #F7DE1D); border-radius:5px; }
.centre .blocDevinette .solution { width:65px; display:block; float:left; padding:4px; background:#D8f12D; display:block; border-radius:5px; margin:10px 0 0 0; text-align:center; font-size:13px; border:2px solid #FFF; }
.centre .blocDevinette .solution SPAN { color:#E34618; font-weight:bold; display:block; font-size:25px; }
.centre .blocDevinette .solution:HOVER { text-decoration:none; background:#F7DF28; }

.centre .blocAnimaux { width:550px; padding:5px 0 30px 0; margin:20px auto 10px auto; border-radius:10px; text-align:center; background:#93DAED; }
.centre .blocAnimaux .minimagHP { width:auto; text-align:center; margin:0; }
.centre .blocAnimaux .minimagHP IMG { width:450px; position:relative; }
.centre .blocAnimaux H2 { color:#FFF; }
.centre .blocAnimaux .minimagHP H3 { width:430px; font-size:20px; background:#1E9BBD; color:#FFF; position:relative; left:inherit; border-radius:inherit; top:inherit; margin:-58px auto 0 auto; }

ul.listeAlphabetique { height:20px; margin:0; list-style:none; border:1px solid #AAA; border-width:0 0 1px 0; padding:10px 0 8px 0; }
ul.listeAlphabetique LI { float:left; margin:0; padding:3px 10px 3px 10px; border:1px solid #AAA; border-width:1px 1px 0 1px; border-top:1px solid #CCC; border-radius:0 5px; font-size:14px; }
ul.listeAlphabetique LI + LI { border-width:1px 1px 0 0; }
ul.listeAlphabetique LI.active { background:#FDF9E7; margin:0 0 0 0; }

.tab_container { border:1px solid #AAA; border-width:0 1px 1px 1px; padding:10px; margin: 0 0 20px 0; background:#FDF9E7;  }
.tab_container .tab_content { width:190px; float:left; padding:0 10px 0 10px; margin:10px 0 0 0; border-right:1px solid #AAA; }
.tab_container .tab_content + .tab_content + .tab_content{ border:0; padding-right:0; }

.tab_container .tab_content STRONG { display:block; background:#1D8AA7; padding:3px 0 3px 5px; color:#FFF; margin:0 0 10px 0; --radius:3px;}
.tab_container .tab_content A { display:block; padding:0 0 0 10px; margin:5px 0 0 0; background: url("img/puce_bleue.gif") no-repeat scroll left 8px; text-align:left; font-weight:normal; }

.metier .photo {float:left; margin:0 10px 10px 0;}
.metier .photo .copyright {font-size:10px; color:#666; text-align:left; font-weight: normal; font-style: normal; margin: 0; padding:3px; background: #EEE;}
.metier img { border: 2px solid #DDD;}
.film img { float:left; margin:0 10px 10px 0; border: 2px solid #DDD;}
.metier h4 { font-size:18px; color:#FF9900; margin:15px 0 5px 0; } 
.projection h4 { font-size:15px; color:#333; margin:10px 0 3px 0; text-align:left; padding-left:60px;}

.metier h5 { font-family: 'PT Sans', sans-serif; font-size:18px; color:#555; margin:5px 0 20px 40px; font-weight: normal;}
.film .age { font-size:15px; color:#3399CC; margin: 0px 0 10px 0px; font-weight: bold;}
.metier h6, .film h6 { font-size:10px; color:#666; font-weight: normal; font-style: italic; text-align: right; margin-top: 10px;}
.rencontre { background:url("/img/guillemets.gif") no-repeat 520px 10px #FDF9E7 ; overflow:visible; padding:5px 10px 5px 10px; border-top:2px solid #CCC; margin:10px 0 0 0; position:relative; }
.metier .rencontre H5 { position:absolute; top:60px; left:70px; }
.rencontreMenu { margin:10px 0 0 10px; text-align:left; border: 1px solid #CEE6F2; padding: 5px;}
/*.metier .rencontreMenu, .film .rencontreMenu { margin:10px 0 0 10px; text-align:left; border: 1px solid #CEE6F2; padding: 5px;}*/
.rencontreMenu a {font-weight: normal; display: block; font-size: 14px; }
.rencontreMenu h3 { margin:5px 0 3px 0; }
.rencontreMenu li {float:left; width:170px; list-style-type:none; color: #1d8aa7; overflow:hidden; padding:5px; margin: 5px; text-align:center;}
.rencontreMenu IMG {width: 150px;}

.rencontre .reagir { margin:70px 10px 0 0;}
.rencontre .reagir A { margin:0 0 10px 0;}

.rencontre .webJMicro { width:82px; height:104px; display:block; background:url("img/spritePNG.png") no-repeat -83px -303px; position:absolute; left:10px; top:10px; }

.centre .blocSejours { width:600px; height:165px; background:url("/img/bloc_sejoursHP.jpg") no-repeat; margin:30px 0 20px 25px; padding:0 0 10px 0; font-size:12px; color:#333; position:relative; overflow:hidden; }
.centre .blocSejours H2 { margin:10px 0 40px 10px; }
.centre .blocSejours #monForm SELECT { width:210px; float:left; margin:0 5px 0 15px; }
.centre .blocSejours #monForm SELECT + SELECT { width:130px; float:left; }
.centre .blocSejours #monForm SELECT + SELECT + SELECT { width:160px; float:left; }
.centre .blocSejours #monForm .valider { width:auto; background:#FFF; margin:15px 0 0 250px; }
.centre .blocSejours #monForm .valider:hover { color:#EEE; background:#555; }
.centre .blocSejours .flecheorangeR { float:right; margin:0 10px 0 0; font-size:14px; }

.centre .autopromo {width:620px; height:185px; background:#EEE; margin:10px; padding:0 0 5px 0; font-size:12px; color:#333; position:relative; overflow:hidden; text-align: center; }
.centre .autopromo H2 { margin:10px 0 10px 10px; text-align: left; font-weight:normal; }
.centre .autopromo IMG {margin-right:35px; width:100px; height:130px; }

/*----------------- ENCYCLOPEDIE et MINIMAG----------------------------------*/
.encyclo, .minimag { position:relative; }
.encyclo .illustration { width:635px; height:213px; display:block; background:url("/img/spritePNG.png") no-repeat 20px -572px; position:absolute; top:-47px; }
.encyclo .listeAlphabetique { margin-top:77px; }
.encyclo h2:first-child { font-size:18px; }
.copyright {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight: normal; font-style: italic; text-align: right; margin: 5px 20px 5px 0;}
.copyright A {color: #666;}
.encyclo IMG, .minimag IMG { margin: 0 0 0 10px;}
.minimag P { margin: 20px;}

.minimagHP { width:620px; height:380px; margin:20px 0 0 10px; padding:0; position:relative; }
.blocAnimaux .minimagHP { height:auto; }
.minimagHP IMG { position:absolute; top:0; left:0; z-index:1; }
.minimagHP H3 { width:500px; color:#1D8AA7; text-align:center; position:absolute; background:#FFF; opacity:0.9; filter:alpha(opacity=90); padding:10px; top:245px; left:60px; z-index:2; border-radius:10px 10px 0 0; }
.minimagHP A:HOVER H3 { text-decoration:underline; }
.minimagHP A p { width:590px; padding:20px 10px 10px 10px; text-align:justify; top:305px; position:absolute; background:#EEE; font-weight:normal; }

/*----------------- CLIPS ----------------------------------------*/
.droits { clear:both; margin:20px 0 0 0; float:none; background:#EEE; padding: 10px; font-size: 12px; color: #666; font-style: italic; }
.memerubrique { background: #FFF; padding:5px 5px 2px 5px; margin:5px 5px 10px 5px; }
.memerubrique H2 { position:relative; background:#E3822F; padding:5px 0 5px 40px; color:#FFF; margin:0 0 10px 0; border-radius:5px; font-weight:normal; font-size:15px;}
.memerubrique H2.memeRubMenu { background:#ffbb28; } 
.memerubrique H2 SPAN { width:33px; height:29px; display:block; background:url(img/icones_ssNav.png) left -377px no-repeat; position:absolute; left:4px; top:0; }
.memerubrique H2 SPAN.lesQuiz { width:33px; height:29px; display:block; background:url("img/icones_ssNav.png") left -29px no-repeat; position:absolute; left:4px; top:0; }
.memerubrique H2 SPAN.lesFilms { width:33px; height:29px; display:block; background:url("img/icones_ssNav.png") left -231px no-repeat; position:absolute; left:4px; top:0; }
.memerubrique H2 SPAN.lesMenus { width:32px; height:32px; display:block; background:url("img/spritePNG.png") -612px -4px no-repeat; position:absolute; left:4px; top:2px; }
.memerubrique .each { border-bottom: 1px solid #EEE; overflow:hidden; margin: 0 0 5px 0; padding:0; position:relative; background:#EEE; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE); }
.memerubrique .each img {float: left; margin-right: 5px; width: 60px; }
.memerubrique .each H2 {margin:0; padding:0; }
.memerubrique .each A { display:block; overflow:hidden; }
.memerubrique .each A:HOVER { background:#D8EDFC; text-decoration:none; z-index:1;}
.memerubrique .each A H3 { color:#D43F14; font-size:14px; margin-bottom:0; }
.memerubrique .each SPAN {font-size:14px; color:#333; font-weight: normal; }
.memerubrique .each .play { position:absolute; top:20px; right:20px; z-index:2; }
.memerubrique .each a:hover { text-decoration: none;}

/*---------------- SITES AMIS ET AUTRES LIENS --------------------*/
.sitesamis { zoom:1; border-bottom:1px solid #DDD; margin:5px 0 10px 0; padding: 3px 0 3px 0;}
.sitesamis img {float: left; border: 0; margin: 0 10px 0 0;}
.sitesamis p {font-size: 12px; font-style: normal; color: #555555; text-align: justify;}
.sitesamis a {font-size: 13px; font-style: normal; font-weight: normal; color: #0033CC; text-decoration: none}
.sitesamis a:hover {color: #C63013; text-decoration: underline;}

.liens {margin: 10px 5px 0 5px;}
.liens a {background: #EEE; display: block; padding: 3px 0 3px 3px; color: #CC6600;}
A.small {font-size: 10px; color: #666;}

/*--------------- LOGICIELS ET JEUX --------------*/
.bloclogicielL { width:210px; margin:20px 10px 0 0; float: left; display:block; position:relative; }
.bloclogicielL .reflet {  width: 210px; height:70px; display: block; background:#CCC; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CC6E5', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#9CC6E5), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #9CC6E5,  #FFFFFF); overflow:hidden; margin:-5px 0 0 0; }
.bloclogicielL .boutonOrange { position:absolute; bottom:5px; left:50px; }

.bloclogicielR {width: 350px; margin: 20px 0 20px 0; float:left; }
.bloclogicielR p B { color:#E34619; }
.bloclogicielL img {border:2px solid #d8edfc; padding:3px; margin:0 5px 1px 0; text-align: center;}

.logiciels, .jeux {text-align: center; margin: 15px 0 0 0;}
.jeux h2 {font-size: 16px; padding: 0px; margin: 10px 0 10px 0; font-weight: bold; color: #ff9900; text-align: left;}
.jeux h3 { font-size: 20px; font-style: normal; color: #666; font-weight: normal; text-align: left; margin: 10px 0 10px 0; padding: 5px;
border-bottom: 2px solid #CCC; }
.jeux h4 { font-size: 13px; font-style: italic; color: #444; font-weight: normal;}

.centre .slider { width:600px; height:167px; margin:20px 0 20px 25px; padding:3px 0 0 0; font-size:12px; color:#333; position:relative; }
.centre .blocJeux { width:600px; height:167px; background:url("img/bck_jeux.gif") no-repeat left 0; }
.centre .blocColoriage { width:600px; height:167px; background:url("img/bck_coloriage.gif") no-repeat left 0; }


.centre .slider H2 { margin:0 0 0 15px; color:#1D8AA3; text-align:center; }
.centre .slider UL { width:570px; position:absolute; list-style:none; top:25px; left:0; margin:0 0 0 45px; padding:0; }
.centre #slider { width:570px; height:165px; float:left; position:relative; overflow:auto; margin:0; padding:0;  }

.centre #slider li { width:570px; height:95px; float:left; overflow:hidden; }
.centre .slider A { width:130px; display:block; float:left; text-align:center; margin:7px 0 0 0; font-weight:normal; }
.centre .slider A IMG { border:2px solid #CCC; }
.centre .slider A:HOVER IMG {  border:2px solid #1D8AA3; }

.centre .slider .sliderbutton { width:30px; height:35px; cursor:pointer; position:absolute; z-index:200; }
.centre .slider #slideright { right:75px; top:125px; }
.centre .slider #slideleft { left:75px; top:125px; }

.jeux .contentJeux { width:630px; height:600px; padding:20px 10px 0 10px; margin:0 0 20px 0; background:#EEE; border-radius:10px; overflow:hidden; }
body .jeuFullsize { z-index:999; position:absolute; left:0; top:0;  -moz-box-shadow:0 0 3px rgba(0,0,0,.5); -webkit-box-shadow:0 0 3px rgba(0,0,0,.5); box-shadow: 0 0 3px rgba(0,0,0,.5); }
.jeuFullsize2 { overflow:visible; }

.jeu {float:left; width:120px; height:120px; overflow: hidden; border-radius: 10px; border: 1px solid #CCC; padding:5px; margin: 10px; }
.jeu IMG {width: 100px; height: 80px; border-radius: 10px; }
.jeu A {font-size: 14px; font-weight:normal; }
.jeu:hover {background: #cee6f2;}

.sommaire { float: left; width:250px; border: 1px solid #DDD; margin: 0 5px 15px 20px; padding: 5px;}
.liste, .liste2 { zoom:1; margin:0 0 10px 0; border-bottom: 1px solid #DDD; padding: 0 0 5px 0; position:relative; overflow:hidden;}
.listeCol { width:123px; height:155px; margin:0 15px 0 10px; float:left; border:0; }
.liste p { text-align:justify; }
.liste H2, .autremag H2 {font-weight:bold; font-size:16px; color:#1D8AA7; margin:5px 0 3px 0; padding: 0; font-style: normal }
.liste H3 { font-size:14px; color:#FF9900; margin:0; padding: 0; font-weight: normal; font-style: normal;}
.liste A {zoom:1; display:block; padding:5px; font-size:15px; overflow:hidden;  }
.liste A p { font-weight:normal; }
.listeCol A { text-align:left; text-align:center; }
.liste A:HOVER  { background:#D8EDFC; --radius:5px; text-decoration:none; }
.liste img, .liste2 IMG { float:left; border:2px solid #D8EDFC; padding:2px; margin:0 10px 0 3px; }
.listeCol img { float:none; }
.liste SPAN.play { position:absolute; top:70px; left:70px; z-index:10; }
.liste SPAN.link {font-size:12px; font-style:italic; color:#666; font-weight:normal; margin:0; padding:0;}
.liste STRONG {color: #ff9900;}

.listecol {zoom:1; margin:10px; padding:5px; border-bottom: 1px solid #DDD; position:relative; overflow:hidden; float:left; width:280px; text-align:center; font-size:13px;}
.listecol A {font-family:'FingerPaintRegular'; font-weight:normal;font-size:15px;}
.listecol IMG {}

/*--------------- RECETTES --------------*/
.hrecipe { position:relative; margin:0; overflow:hidden;  }
.hrecipe .auteur { float:right; padding:0 5px 0 0; display:block; font-size:11px; margin:-25px 0 0 0; color:#888; }

.boxShadow { moz-box-shadow: 0px 5px 5px 0px #BBBBBB; -webkit-box-shadow:5px 5px 5px 0px #BBBBBB; -o-box-shadow: 0px 5px 5px 0px #BBBBBB; box-shadow: 0px 5px 5px 0px #BBBBBB; position:relative; padding:0 0 10px 0; margin:0 0 40px 0; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFFFF), color-stop(50%,#ffffff), color-stop(100%,#EEE)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(bottom, #EEEEEE 0%,#FFFFFF 50%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #EEEEEE 0%,#FFFFFF 50%,#FFFFFF 100%); /* Opera 11.10+ */background: -ms-linear-gradient(bottom, #EEEEEE 0%,#FFFFFF 50%,#FFFFFF 100%); /* IE10+ */
background: linear-gradient(to bottom, #EEEEEE 0%,#FFFFFF 50%,#FFFFFF 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#FFFFFF',GradientType=1 ); /* IE6-8 */ border-radius:0 0 10px 10px; }
.boxShadow A.unPlat { width:180px; height: 150px; float:left; text-align:center; margin:10px 0 20px 25px; font-size:15px; }
.boxShadow A.unPlat IMG { margin:0 0 5px 0; }
.boxShadow .boutonOrange { position:absolute; left:30%; bottom:-15px; padding:5px 10px 5px 10px; font-size:14px; }

.IMGBoxShadow { padding:5px; moz-box-shadow: 0px 5px 5px 0px #BBBBBB; -webkit-box-shadow: 0px 5px 5px 0px #BBBBBB; -o-box-shadow: 0px 5px 5px 0px #BBBBBB; box-shadow: 0px 5px 5px 0px #BBBBBB; background:#FFF; }

.hrecipe .photoArticle { width:260px; float:left; margin:0 20px 15px 0; }
.hrecipe .photoArticle .copyright { background:#EEE; display:block; margin:0; padding:3px 0 3px 5px; font-size:10px; color:#777; text-align:left; }

.hrecipe .description { width:360px; float:left; margin:0; font-size:14px; color:#444; line-height:22px; text-align:left; position:relative; }
.hrecipe .description SPAN.icoaperitifs, .hrecipe .description SPAN.icoentrees, .hrecipe .description SPAN.icoplats, .hrecipe .description SPAN.icodesserts { position:absolute; left:0; bottom:15px; padding:0; margin:0; border:0; }
.hrecipe .description H2 { border-bottom:2px solid #FDC122; padding-bottom:10px; margin-top:0; text-align:left; font-size:16px; }
.hrecipe .description STRONG { color:#FF6605; margin:0 0 0 15px; }

.hrecipe .details { margin:15px 0 0 0; clear:both; position:relative; }
.webJ_cuisine { width:114px; height:141px; display:block; background:url("/img/sprite_PNG.png") no-repeat -333px -289px; margin:0 10px 10px 20px; }

.centre .hrecipe .details H3  { width:250px; float:left; color:#FF6605; font-size:18px; margin:0 15px 0 0; background:#EEE; padding:10px 0 10px 10px; position:relative; }
.centre .hrecipe .details H3 + H3  { width:360px; margin-right:0;  }
.hrecipe .details H3 .icoIngredients { width:124px; height:69px; display:block; margin:0; background:url("img/spritePNG.png") no-repeat -519px -833px; position:absolute; right:0; top:-15px; }
.centre .hrecipe .details UL  { width:230px; float:left; font-size:14px; position:relative; }
.centre .hrecipe .details UL LI { text-align:left; }
.centre .hrecipe .details UL + UL { width:330px; }
.hrecipe .details UL.ingredients { color:#92C13A; list-style-type:disc; margin:0 20px 0 0; padding:10px 0 0 30px; background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FABD4D), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(bottom, #FABD4D 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #FABD4D 0%,#FFFFFF 100%); /* Opera 11.10+ */background: -ms-linear-gradient(bottom, #FABD4D 0%,#FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #FABD4D 0%,#FFFFFF 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FABD4D', endColorstr='#FFFFFF',GradientType=1 ); }
.hrecipe .details UL.instructions { color:#92C13A; list-style-type:decimal; margin:0 0 0 20px; padding:10px 0 0 0;  }
.hrecipe .details UL LI { color:#444; font-size:15px; margin:0 0 10px 0; padding:0; }

.astuce { border:1px solid #FABD4D; padding:10px; margin:20px 40px 30px 40px; border-radius:10px; font-size:15px; color:#444; clear:both; }
.astuce STRONG { font-family:'FingerPaintRegular'; font-size:18px; color:#f60; display:block; }

/* outils pour commenter, recommander, facebooker... */
.outils {text-align: center; margin: 20px 0 20px 0; padding: 10px; background: #EEE; border-radius:5px;}
.outils A { margin:0 10px 0 0; font-size: 14px; position:relative; }
a.ecrire {   background:url("/img/ico_sociales.gif") no-repeat left 0; padding:3px 5px 3px 20px; font-weight: bold; height: 30px; color: #1e9bbd;}
a.signaler { background:url("/img/ico_sociales.gif") no-repeat left -42px;; padding:3px 5px 3px 20px; font-weight: bold; height: 30px; color: #1e9bbd;}
a.envoyer {  background:url("/img/ico_sociales.gif") no-repeat left -81px; padding:0 5px 0 20px; font-weight: bold; height: 20px; color: #1e9bbd;}
a.facebooker {background:url("/img/ico_sociales.gif") no-repeat left -63px; padding:3px 5px 0 20px; font-weight: bold; height: 20px; color:#1e9bbd; }

.outils2 { text-align: center; margin: 30px 0 30px 0; padding: 10px; background: #EEE; border-radius:5px; }
.outils2 A { margin:0 15px 0 0; font-size: 13px; position:relative; padding:0 0 0 35px; }
.outils2 A SPAN { position:absolute; left:0; top:-10px; }
SPAN.proposerRecettes { width:34px; height:33px; background:url("/img/sprite_PNG.png") no-repeat -609px 0; display:block; }
SPAN.commenter, SPAN.ecrire { width:34px; height:33px; background:url("/img/sprite_PNG.png") no-repeat -576px 0; display:block; }
SPAN.envoyer { width:34px; height:33px; background:url("/img/sprite_PNG.png") no-repeat -544px 0; display:block; }
SPAN.facebooker, SPAN.partager { width:32px; height:32px; background:url("/img/sprite_PNG.png") no-repeat 0 -33px; display:block; }
SPAN.lire { width:32px; height:32px; background:url("/img/sprite_PNG.png") no-repeat -96px -33px; display:block; }
SPAN.signaler { width:32px; height:32px; background:url("/img/sprite_PNG.png") no-repeat -128px -33px; display:block; }

A.btn_social { width:160px; height:25px; display:block; border:1px solid #CCC; border-radius:5px; moz-border-radius:5px; padding:15px 5px 0 40px; background:#FFF; font-size:13px; overflow:hidden; position:relative; }
A.btn_social SPAN { position:absolute; left:5px; top:5px; }

.sommaire_quiz { float: left; width:250px; border: 1px solid #DDD; margin: 0 5px 15px 20px; padding: 5px; text-align :center; }

/*--------- COMMENTAIRES ------------- */
.comments{ padding: 0; margin: 20px 0 20px 0;}
.comments h2 { font-family:'FingerPaintRegular'; font-size: 18px; color: #0033FF; font-weight: normal; margin: 5px 0 10px 0; padding: 0;}
.comments h3 { font-family:'FingerPaintRegular'; font-size: 16px; color: #FF5500; font-weight: normal; margin:10px 0 10px 0; padding: 0; }

.avis1, .avis2 { padding:10px; margin:1px; position:relative; }
.avis1 { background:#EEE; }
.avis2 { background:#FFF; }
.avis1 SPAN.prenom, .avis2 SPAN.prenom {color:#444; font-family:'FingerPaintRegular'; font-size: 16px;}
.avis1 SPAN.date, .avis2 SPAN.date {color:#666; font-style:italic; font-size:14px;}
.avis1 p, .avis2 p {color:#555; margin:0; }
.avis1 SPAN.reponse, .avis2 SPAN.reponse {color: #EE5A00; display: block; background: url("images/fleche.png") no-repeat left top; text-align: left; border: 0; margin: 3px 0 0 35px; padding: 0 0 0 20px; }
.fille { width:32px; height:32px; display:block; float:left; margin:0 10px 0 0; background:url("http://www.webjunior.net/img/spritePNG.png") no-repeat -64px -33px; }
.garcon { width:32px; height:32px; display:block; float:left; margin:0 10px 0 0; background:url("http://www.webjunior.net/img/spritePNG.png") no-repeat -32px -33px; }
.comments .leCommentaire { background:#EEE; padding:10px; }
.leCommentaire textarea { padding:5px; color:#0833ff; border: 1px solid #aedcf5; border-radius:3px;}

/*---------- MAGAZINES ---------------*/
.navmag { zoom:1; position:relative; margin:10px 0 20px 0; padding:0; text-align:left; overflow:hidden; }
.navmag a { font-weight:normal; }
.navmag ul { zoom:1; list-style-type:none; color:#44831B; margin:0; background:#FFF; padding:10px 5px 4px 20px;  border-radius:5px; border: 2px solid #D8EDFC; }
.navmag li { zoom:1; float:left; margin:0 15px 0 0; padding:0 20px 0 15px; line-height:20px; font-size:15px; background:url("img/fleche_orange.gif") no-repeat left center; }

.boxeBord { width:290px; margin:0 35px 0 10px; }
.boxeBord + .boxeBord { margin:0; }

.listemag { width:175px; height: 210px; float:left; margin:0 5px 20px 10px; padding: 0; text-align:center; border: 1px solid #CCC;}
.listemag h2 { font-weight:bold; font-size:13px; color:#FBEF8B; background: url("img/bck_titreRouge.gif") repeat-x left center; margin: 0 0 10px 0;}
.listemag h3 { font-size:12px; color:#555; font-weight: normal; font-style: normal; padding: 0 5px 0 5px; margin: 5px 0 0 0;}
.listemag IMG {width: 100px; height: 130px; }

.autremag { float: left; width: 290px; margin:10px; border-bottom: 1px solid #DDD; padding: 0 0 5px 0; overflow:hidden; text-align: left;}
.autremag IMG {float:left; margin-right: 5px;}
.autremag P {font-weight:normal; margin:5px;}

.listeProduits { width:175px; height: 210px; float:left; margin:0 5px 20px 10px; padding: 0; text-align:center; border: 1px solid #CCC;}
.listeProduits A { display:block; padding:5px 0 5px 0; }
.listeProduits A:HOVER { text-decoration:none; background:#EEE; }
.listeProduits h2 { font-weight:bold; font-size:13px; color:#FBEF8B; background: url("img/bck_titreRouge.gif") repeat-x left center; margin: 0 0 5px 0;}
.listeProduits h3 { font-size:12px; color:#555; font-weight: normal; font-style: normal; padding:0 5px 0 5px; margin:0; }
.listeProduits IMG {width: 100px; height:130px; }

.unJouet { border:0; }
.unJouet h2{ background:none; color:#F60;}

.unProduit { margin: 10px 0 15px 0; }
.unProduit h2 { font-weight:normal; font-size:17px; border:1px solid #DDD; color:#FBEF8B; padding:3px 0 3px 10px; background: url("img/bck_titreRouge.gif") repeat-x; border:0; }
.unProduit h3 { font-size:14px; color:#F60; }
.unProduit img { float:left; margin: 0 10px 0 0;}
.unProduit img.btnAbonne { float:none; }

.lesJouets { }
.lesMagazines { }

.lesMagazines .hproduct { width:180px; height:245px; float:left; margin:0 10px 20px 20px; padding:0; text-align:center; border: 1px solid #CCC; overflow:hidden; }
.lesMagazines .hproduct:hover {background: #EEE; }
.lesMagazines .hproduct .fn { font-weight:bold; font-size:14px; color:#FFF; background:#f05945; margin:0 0 10px 0; padding:10px; }
.lesMagazines .hproduct .description { font-family: 'PT Sans', sans-serif; font-size:14px; color:#555; font-weight: normal; font-style: normal; padding: 0 5px 0 5px; margin: 5px 0 0 0;}
.lesMagazines .hproduct .photo { width:110px; height:143px; }
.lesMagazines .hproduct .category { }
.lesMagazines .hproduct .brand { }
.lesMagazines .hproduct A {text-decoration: none;}

.leMagazine { margin:10px 0 15px 0; }
.leMagazine .hproduct .fn { font-family:'FingerPaintRegular'; font-weight:normal; font-size:18px; color:#FF9900; padding:5px 0 0 0; margin:0; }
.leMagazine .hproduct H3 { font-size:16px; font-family: 'PT Sans', sans-serif; font-weight:bold; font-style:italic; padding:5px 0 5px 0; margin:0;}
.leMagazine .hproduct .description { font-size:14px; color:#F60; }
.leMagazine .hproduct .abo { background: #EEE; padding: 10px 20px 10px 20px; margin:10px 0 10px 0; overflow:hidden; }
.leMagazine .hproduct H4.reduc { color:#56b91a; text-align:center; font-size:18px; padding:10px;}
.leMagazine .hproduct .photo { float:left; margin: 0 10px 0 0; width: 200px;}
.leMagazine .hproduct img.btnAbonne { float:none; }

.leJouet { margin:10px 0 15px 0; }
.leJouet .hproduct { width:auto; color:#555; overflow:hidden; }
.leJouet .hproduct .fn { font-weight:normal; font-size:20px; color:#F60; padding:3px 0 3px 10px; margin:0; text-align:left; }
.leJouet .hproduct H3 { font-weight:bold; font-size:18px; color:#00CC00; padding:0; margin:5px 0 10px 0; text-align:left; }
.leJouet .hproduct .description { font-size:13px; color:#444; margin: 0 0 5px 0; }
.leJouet .hproduct .photoContainer { width:251px; float:left; margin:0 10px 0 0; padding:0 0 5px 0; text-align:center; color:#666; font-size:11px; border:1px solid #CCC; background:#EEE; }
.leJouet .hproduct .photo { margin:0;  }
.leJouet .hproduct .photoContainer SPAN { color:#666; font-size:11px; font-weight:normal; }
.leJouet .hproduct .price { font-weight:bold; }
.leJouet .hproduct .btn { font-weight:bold; background:#F60; color: #FFF; border-radius: 5px; padding:5px; }
.leJouet .hproduct A:HOVER { text-decoration:none; }
.leJouet .hproduct A:HOVER .btn  { background:#D8EDFC; color:#F60; }

.list-items-mozaique { overflow:hidden; }
.list-items-mozaique .hproduct { width:250px; height: 250px; float:left; margin:0 10px 20px 50px; padding:0; text-align:center; border: 1px solid #DDD; }
.list-items-mozaique .hproduct .photo { float:none; width: 190px; height: 190px;}
.list-items-mozaique .hproduct A {  display:block; padding:5px 0 5px 0; }
.list-items-mozaique .hproduct A .fn { font-weight:normal; font-size:14px; font-weight:bold; color:#F60; padding:0; margin:0 0 5px 0; }
.list-items-mozaique .hproduct A .price { display:block; font-size:14px; color:#1D8AC4; }
.list-items-mozaique .hproduct A:HOVER { text-decoration:none; background:#EEE; }
.list-items-mozaique .hproduct H3 { margin:0; font-size:12px; }

.mag { margin: 10px 0 15px 0; }
.mag h2 { font-weight:normal; font-size:17px; border:1px solid #DDD; color:#FBEF8B; padding:3px 0 3px 10px; background: url("img/bck_titreRouge.gif") repeat-x; border:0; }
.mag h3 { font-size:14px; color:#F60; }
.mag img { float:left; margin: 0 10px 0 0;}
.mag img.btnAbonne { float:none; }

.vert {font-size: 14px; font-weight: bold; color: #56b91a;}
.mag_message {font-size: 16px; font-weight: bold; color: #006600; text-align: center; margin: 0 0 10px 0; padding: 0;}

/*----------- BLAGUES --------------*/
.blaguedujour { zoom:1; margin:15px 5px 50px 20px; padding:10px 0 22px 0; position:relative; background:url("img/queue_bulle2.gif") no-repeat 40px bottom; }
.blaguedujour .smiley { width:61px; height:62px; background:url("img/smiley_big.gif") no-repeat top left; position:absolute; top:-19px; left:-20px; }
.blaguedujour h2 { margin:5px 0 10px 40px; color:#7D6926; } 
.blaguedujour p { margin:0 0 10px 40px; line-height:22px; } 
.blaguedujour p b { padding:3px; color:#666; }
.blaguedujour .user { width:200px; height:23px; color:#836911; font-size:14px; position:absolute; bottom:-25px; left:30px; }

.blagues { width:195px; height:42px; float:left; text-align:left; background:url("img/smiley_small.gif") no-repeat 7px 7px #FFFF99; border-bottom:2px solid #F8D45C; margin:10px 10px 5px 5px; padding:0;}
.blagues A {  width:140px; font-size:14px; display:block; line-height:15px; margin:7px 0 0 40px; color:#7D6926; }

/*------------ QUIZ ------------------*/
.quiz {margin: 0 0 0 10px;}
.quiz .question {margin: 0 0 10px 0; padding: 0; border-bottom: 1px dotted #CCC;}
.quiz .question P {margin-left: 20px;}
.quiz .question h2 {font-family: 'PT Sans', sans-serif; font-size: 18px; background:#888; color: #FFF; padding: 5px; font-style: normal; }
.quiz h4 {font-family: 'PT Sans', sans-serif; font-size: 18px; color: #444; border-bottom: 1px solid #CCC; font-style: normal; font-weight: normal; padding: 0 0 5px 0; margin: 10px 50px 30px 50px; line-height: 20px;}
.quiz SPAN {font-size: 16px; font-weight: bold; margin-left: 20px;}
.quiz .btnBig SPAN { margin-left:0;}

.icoWebJQuiz { width:77px; height:118px; display:block; float:left; background:url("img/spritePNG.png") no-repeat -242px -289px;}

.quiz SPAN.bravo { color: #009900;}
.quiz SPAN.erreur { color: #CC3333;}
.quiz .btn { border:1px solid #CCC;  font-size:18px; color:#FFF; padding:5px; font-weight: normal; background:#009900; cursor:pointer; border-radius: 5px;}
.quiz .btn:hover {color: #FFF; background: #FF6600;}
.liste_quiz { position:relative; margin: 20px 0 5px 20px;}
.liste_quiz A { text-decoration:none; color:#1D8AA7; font-weight:bold; outline: none; z-index:2; position:relative; border-bottom: 1px dotted #DDD; padding: 0 0 10px 10px; margin: 15px 0 20px 30px; display:block; }
.liste_quiz SPAN.icoQuiz { position:absolute; left:0; bottom:2px; }
.liste_quiz a:hover {text-decoration: underline;}
.score {color: #FFF; font-size: 16px; padding: 5px; margin: 20px; font-weight: bold; text-align: center; }
.score SPAN {background: #FF9900; padding: 10px; border-radius: 10px; }
.score SPAN.dix {background: #009900;}
.score SPAN.zero {background: #FF3300;}

/* COLORIAGES */
.coloriages {float:left; width:170px; overflow: hidden; border-radius: 10px; border: 1px solid #CCC; padding:5px; margin: 10px; }
.coloriages IMG {width: 150px; height: 110px; border-radius: 10px; }
.coloriages A {font-size: 12px; }
.coloriages:hover {background: #cee6f2;}

.coloriage {text-align:center; position:relative; }
.coloriage IMG { width:550px; border:1px dashed #CCC;}
.coloriage .protec { width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; z-index:5;}
.coloriage .protec IMG { width:100%; height:100%; border:0; }


/* DICTIONNAIRE */
.liste_alpha { margin:10px; padding:10px; border:1px solid #CCC; border-radius:5px; text-align:center; }
.liste_alpha A { margin:0 5px 0 0; }
.definition { margin:10px; padding:20px; background:#EEE; border-radius:5px; }
p.synonyme { padding:10px; margin:20px 10px 20px 10px; background:#EEE; border:1px solid #EEE; }
.definition P { font-size:16px; margin-bottom:20px; }
.definition i { font-size:14px; }
.definition strong	{ font-family:'FingerPaintRegular'; display:block; border-bottom:1px dotted #CCC; padding-bottom:8px; margin:0 0 10px 0; font-weight:normal; }
ul.dico li { font-size:14px; border-bottom:1px dotted #CCC; padding-bottom:10px; margin-right:20px; float:left; width:170px;}
ul.dico li A { font-size:16px;}

/*---------- POSE TA QUESTION -----------*/
.reponse { zoom:1; background:url("img/degrade_orange.gif") repeat-x left top; padding:5px 10px 10px 75px; margin: 10px 0 5px 0; border-top:2px solid #FEAA00; position:relative; }
.reponse .webJ_reponse { width:61px; height:113px; position:absolute; top:15px; left:10px; background:url("img/spritePNG.png") no-repeat -171px -293px; }
.reponse h2 { font-size:17px; font-weight: bold; color: #F60; margin:0 5px 10px 0; padding: 0;}
.reponse h3 { font-size:11px; font-weight: bold; color: #666; margin: 0 0 5px 0; padding: 0; font-style: italic; text-align: right;}
.questions { /*background:url("img/bck_questions.gif") repeat left 3px #FEAA00; border:1px dotted #F60; */ padding:10px; margin:10px; position:relative; overflow:hidden; }
.centre .questions .webJ_questions { width:75px; height:113px; position:absolute; top:10px; left:0; background:url("img/spritePNG.png") no-repeat left -292px; }

.questions a, .cat_questions A { background:transparent url("img/puce_interrogation.gif") no-repeat scroll left 3px; display:block; font-size:15px; margin:10px; padding:0 0 5px 15px; 
text-align:left; font-weight: bold; border-bottom: 1px dotted #CCC;}
.questionsAvis { border:1px solid #F0D91B; }
.questionsAvis A { background:url("img/puce_exclamation.gif") no-repeat left 3px; }
.pastrouve {font-family:'FingerPaintRegular'; font-size:14px; font-weight: bold; color: #ff9900;}
a.voirplus { background:url("img/voirplus.png") no-repeat left bottom; padding: 0 0 0 20px;}

.cat_questions { width:310px; /*height:220px;*/ background:#EEE; margin:10px 10px 15px 0; padding: 0 0 10px 0; float:left; border-radius:10px; position:relative;}

.cat_questions H3 { background:#FEAA00; color:#FFF; margin:0; padding:10px; border-radius:10px 10px 0 0; }
.cat_questions A { font-weight:normal; margin-right:0; margin-left:0; padding-left:20px; background-position:5px 0;}
.centre .cat_questions A.toutes { margin:15px 10px 0 10px; background:#FFF; border: 2px solid #7FE0F8; border-radius: 5px 5px 5px 5px; padding:5px; text-align:center; }

/* ----- exergue ----- */
.centre .last_fiche { background:url("../img/degrade_jaune.gif") repeat-x left top; padding:10px; margin:10px 0 20px 0; border-top:3px solid #F7DF19;}
.centre .last_fiche IMG {float:left; width:300px; margin-right: 10px;}
.centre .last_fiche H3 {font-size:26px; color: #1d8aa7; font-weight: normal; margin: 5px 0 5px 0; }
.centre .last_fiche P {font-size:14px; line-height:18px;}

/* --------------- LISTE en IMAGES  ------------------*/

.listImages { zoom:1; list-style-type:none; padding:0; overflow:hidden; }
.listImages LI { display:block; margin:0 10px 10px 0; padding:0; float:left; border-radius:5px; }

.listImages LI.ecards { width:200px; height:140px; text-align:center; background:url("img/bck_cartes.gif") no-repeat left bottom; margin:10px 5px 20px 5px; }
.listImages LI.ecards IMG { margin:0; padding:0; border: 2px solid #FFF; border-radius:5px;}
.listImages LI.ecards A { display:block; font-size:15px; color:#666; }
.listImages LI.ecards A SPAN { display:block; padding:25px 0 0 0; }
.listImages LI.ecards A:HOVER { background:#EEE; }
.listImages LI.ecards A:HOVER IMG { border:0; border: 2px solid #c4e5f8;}

.listImages LI.carte { width:160px; padding:15px; background:#CEE6F2; margin:10px 10px 10px 15px; text-align:center; }
.listImages LI.carte_index { width:125px; padding:8px; background:#CEE6F2; margin:10px 5px 10px 5px;; text-align:center; }
.listImages LI.carte_index IMG {width:115px;}
.listImages LI.carte .IMGBoxShadow { }
.listImages LI.carte P { text-align:center; margin:5px 0 0 0; padding:0; font-size:14px; color:#444; font-weight:normal;}
.listImages LI.carte:hover {background:#CCC;}

.listImages LI.films { width:160px; height:200px; margin:0 15px 20px 20px; text-align:center; background:url("img/bck_films.gif") no-repeat -28px 112px; padding:5px; border:1px solid #CCC;  }
.listImages LI.films IMG { margin: 0 0 0 10px; }

.listImages LI.dvd IMG { float:left; margin:0 10px 0 10px; }

.formulaire .icoSendCard { position:absolute; top:0; left:80px; }

/* Cartes viruelles */
.ecard {background: #EEE; padding: 10px; text-align: center;}
.ecard h3 {font-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: normal; color: #3366CC; background: #FFF; padding: 10px; text-align: left; font-style: normal; border: 1px dashed #CCC;}
.formecard { text-align:center; position:relative; }
.formecard .protec { width:100%; height:100%; text-align:center; position:absolute; top:0; left:0; z-index:100;}
.formecard .protec IMG { width:100%; height:100%; }

/* --------------- PARENTS et ENSEIGNANTS  ------------------*/
.revuedePresse { width:330px; }
.revuedePresse A { color:#555; }
.alaUne A { color:#3399CC; }
.alaUne { width:305px; background:#EEE;}

.revuedePresse H3 { font-weight:bold; font-size:15px; color:#F60; font-style:normal; text-transform:uppercase; margin-left:10px; margin-top:15px;}
.centre UL.texte2 { list-style-type:none; margin:0 0 0 10px; padding:0;  }
.centre .alaUne UL.texte2 { margin-top:15px; }
.centre UL.texte2 LI { margin:0; text-align:left; }
.centre UL.texte2 LI A { font-weight:normal; font-size:14px; }

a.prog {display: block; font-weight: normal; background:url("img/prog.png") no-repeat left center; padding-left:20px; }

.barreOutils { width:588px; height:47px; background:url("img/bck_barreoutils.gif") no-repeat left top #EEE; padding:33px 0 0 0; margin:10px 0 10px 0; } 
.barreOutils A { display:block; font-size:12px; margin:0 5px 0 5px; font-weight:normal; } 

/* ----------- FORMULAIRES ----------- */
.formulaire { zoom:1; margin:20px 0 15px 0; border:1px dashed #CCC; padding:10px; background:url("img/bck_colD.jpg") repeat-x left top #C3E4F7; position:relative; }
.formulaire .webJ { width:71px; height:117px; background:url("img/webJ_questions2.png") no-repeat; position:absolute; right:10px; top:-74px; z-index:100; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/webJ_questions2.png", sizingMethod="image");_background-image:none; } 

.formulaire LABEL { zoom:1; clear:both; display:block; margin:10px 0 10px 0; }
.formulaire p { width:175px; float:left; margin-bottom:20px; }
.formulaire input, .form_search input { float:left; font-size: 13px; color: #0833FF; padding: 3px; margin: 2px 0 2px 0;}
.formulaire .submit { border:2px outset #A6BEDE; color: #339933; font-weight:bold; cursor:pointer; font-size: 13px; background-color:#FCE6D1;}
.formulaire .reset {  font-size: 11px; color: #666; border:1px solid #CCC;}
.formulaire .submit:hover {border:2px outset white; background-color:FCE6D1; color: #CCC;}
.formulaire select { float:left; font-size: 12px; color:#0833FF; border:1px solid #CCC; padding:2px; margin-bottom:5px; }
.formulaire option {border-bottom:1px solid #DDD; padding:2px; margin: 3px;}
.formulaire TABLE { float:left; }
.formcard select { clear:none; }
.formcard select option {margin: 5px;}
.formcard .textcard {  font-size: 12px; color:#0833FF; border:1px solid #99CCFF; float:left; margin-bottom:5px; padding:5px; }
.formulaire select option { padding:2px 0 2px 0; }
.formulaire textarea { width:90%; font-size: 13px; color:#0833FF; border:1px solid #99CCFF; float:left; margin-bottom:15px; padding:5px; }
.formulaire .question { font-size: 13px; color:#0833FF; width:550px; border:1px solid #99CCFF; float:left; margin-bottom:5px;}
.formulaire .validation { margin:20px 0 0 250px; clear:both; }
.formulaire .btn, .form .btn, .form_search .btn, .bouton_defaut { border:1px solid #CCC;  font-size:16px; color:#333; 
padding:8px; font-weight: bold; background:#DDD; cursor:pointer; border-radius: 5px; }
.formulaire .validation .btn:hover, .bouton_defaut:hover {color: #FFF; background: #009900; }
.formulaire .champs { width:215px; padding:5px; margin: 0 0 5px 0;}
.formulaire .champsCourt { width:77px; padding:5px; }
.formulaire span {color: #FF0000; font-size: 14px; font-weight: bold; display: block; clear: both; margin: 5px 0 0 30px; padding: 10px 0 0 0;}
.formulaire .codebox {width: 85px; height: 20px;  font-size: 16px; color: #333; font-weight: bold; padding: 3px; text-align: center;}

.form {float: right; padding: 5px;}
.form2 {padding: 5px; margin: 5px; border: 1px dashed #CCC; }

.form_search  { zoom:1; margin:20px 30px 20px 30px; border:1px solid #DDD; padding:20px 0 0 10px; background:#EEE/*D8EDFC*/; clear:both; border-radius: 5px; }
#monForm.fL { margin:0 20px 0 0; }
.form_search_film { background:url("img/clap.png") no-repeat 10px 10px #D8EDFC; padding-left: 100px;}
.form_search_jouet { background:url("img/sprite_boutique.jpg") no-repeat 0 -481px #D8EDFC;}

.form_search_sejours { width:597px; height:323px; background:url("img/bck_sejours.jpg") no-repeat left top; margin:0; padding:0; border:0; position:relative; }
.form_search_sejours #monForm { margin:0 0 0 20px; padding-top:10px; text-align:left; }
.centre .form_search_sejours  H3 { text-align:left; }
.form_search_sejours #monForm SELECT, .form_search_sejours #monForm .champs { width:220px; border:1px solid #555; clear:both; float:none;}
.centre .form_search_sejours #monForm .valider { width:120px; background:#D8EDFC; margin:10px 0 0 45px; }

.form_search p { width:160px; float:left; }
.form_search .btnok { border:1px solid #CCC; font-size:12px; color:#333; padding:2px; margin-left: 5px;
font-weight: bold; background:#DDD; cursor:pointer; clear:both; }
.form_search_film, .form_search_jouet h3 {font-size:14px; color:#0033FF; margin:5px 0 15px 0; font-style: normal;}

.introSejours { width:600px; height:100px; position:relative; }
.introSejours IMG { position:absolute; left:0; top:0; }
.introSejours H2 { position:absolute; left:20px; left:20px; z-index:2; color:#FFF; }
 A.link {color:#555; font-weight: normal;}

select {border: 1px solid #99CCFF; font-size: 11px; color: #0000FF;}

A.faq { font-weight:normal; display:block; margin:10px 0 0 0; background:#EEE; padding:5px; font-size:15px; font-weight:normal; }
.reponseQuestions { padding:10px; margin:0; }

/* FORMULAIRES ACCESSIBLES */
#monForm { zoom:1; margin:0; padding:0 0 10px 0; font-size:15px; position:relative; text-align:center; }
#monForm fieldset { overflow:hidden; border:0; }
#monForm fieldset input, #monForm fieldset label { width:auto; cursor:pointer; }
#monForm fieldset input { margin-right:5px; }

#monForm .smallField { width:25px; text-align:left; }
#monForm .bigField { width:180px; font-size:15px; font-weight:bold; }
#monForm fieldset:hover legend { color:#3f87e9;}
#monForm label, #monForm legend { width:135px; display:block;	float:left;	font-weight:normal; padding:5px 0 0 0;	text-align:right;	margin:0 10px 8px 0; color:#555;}
#monForm span { 	font-size:.8em;	display:block;	width:190px; text-align:right;	font-weight:normal;	color:#656565;}
#monForm em {	font-size:.8em;	font-style:normal;	font-weight:normal;	color:#007bae;	position:relative;	top:-7px; }
#monForm input { width:230px; height:20px; border-radius:3px; border:solid 1px #aedcf5;	margin:0 10px 13px 0;	padding-left:5px; color:#3f87e9; font-size:14px; }
#monForm input.bigInput { width:225px; }
#monForm input:hover {	border:solid 1px #41a9d8;}
#monForm textarea {	width:180px;	height:20px; border-radius: 5px; border:solid 1px #aedcf5;	margin:0 0 13px 0;	color:#3f87e9;	font-size:1.2em;	padding:5px 3px 3px 3px;}
#monForm .narrow {	width:13px;	margin:0 0 0 15px; border:none; }
#monForm .narrow:hover {	border:none; }
#monForm select {	width:190px;	height:29px;	border-radius: 5px; border:solid 1px #aedcf5;	margin:0 0 13px 0;	color:#3f87e9;	font-size:1.1em;	padding:4px 3px 2px 3px;}
#monForm select:hover {	border:solid 1px #41a9d8; }
#monForm .valider {	width:auto; height:30px; color:#444; padding:5px; font-weight:bold; background:#DDD; cursor:pointer; margin:0 auto; }
#monForm .chercher {	float:none; }
#monForm .valider:hover {color: #444; background:#CCC;}

/*-------- TRADUCTEUR ---------*/
.traducteur { width:330px; height:586px; background:url("img/telephone_SMS.jpg") no-repeat left top; position:relative; float:left; }
.traducteur TEXTAREA { width:225px; height:225px; position:absolute; border:0; left:51px; top:105px; padding:5px; background:none; color:#FFF; line-height:18px; font-weight:bold; font-size:14px; letter-spacing:2px; }
.traducteur .btnOK { font-weight:bold; position:absolute; border:0; padding:10px; left:125px; top:350px; cursor:pointer; background:none; }
.traducteur .btnOK:HOVER { color:#FFF; }

.traduction { width:265px; float:left; background: #d8edfc; margin:73px 0 0 0; padding:5px 5px 10px 5px; border-radius:5px;}
.traduction p { background:#0296D9; color:#FFF; line-height:18px; font-size:13px; letter-spacing:2px; padding:10px 10px 15px 10px; margin:0; }
.traduction H3, .ajouterMot H3 { margin:0; padding-bottom:5px; border-bottom:1px solid #FFF; }
.traduction SPAN { font-size:11px; font-style:italic; color:#666; margin:0; padding-top:5px; border-top:1px solid #FFF; line-height:13px; display:block; }

.ajouterMot { width:265px; float:left; margin:30px 0 0 0; padding:5px 5px 10px 5px; background:#EEE; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ajouterMot H2 { font-size:12px; }
.ajouterMot H3 { margin:0 0 5px 0; }

.ajouterMot STRONG { width:80px; font-size:13px; color:#555; float:left; margin-top:10px; display:block; text-align:right; }
.ajouterMot FORM input { width:170px; margin:10px 0 0 5px; float:left; border:1px solid #CCC; padding:3px; }
.ajouterMot FORM input.submit { width:30px; color:#333; height:25px; font-weight:bold; background:#DDD; cursor:pointer; margin:15px 0 0 120px; float:none; cursor:pointer; border-radius:3px; }

/*-------- BOUTIQUE ---------*/
.navBoutique { list-style-type:none; padding:0; margin:0; }
.navBoutique .uneCategorie { width:190px; height:47px;/*height:65px;*/ float:left; font-size:10px; margin:0 0 5px 5px; position:relative; border-radius:3px; overflow:hidden;background:url("img/sprite_boutique.jpg") no-repeat right top #feaa00; }
.navBoutique .uneCategorie A { width:180px; height:32px; display:block; padding:15px 0 0 10px; font-size:12px; text-shadow:1px 1px #F60; color:#FFF; }
.navBoutique .uneCategorie A.on { color:#F60; text-shadow:1px 1px #FFF; }
.navBoutique .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -48px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -96px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -432px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -144px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -384px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -288px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -192px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -240px #feaa00; }
.navBoutique .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie + .uneCategorie { background:url("img/sprite_boutique.jpg") no-repeat right -336px #feaa00; }

/*-------- PUB ---------*/
.banniere {text-align:center; margin:50px 0 25px 0; }
.leaderboard { width:1010px; text-align:center; padding:20px 0 0 0; background: #FFF; margin:0 auto 0 auto;}
.mobile {display:none;}

/* BANDEAU COOKIE CNIL */
.cookieCNIL { background:#0076B4; padding:5px; }
.cookieCNIL .content_cookieCNIL { width:1150px; height:40px; margin:5px auto; color:#FFF; line-height:18px; font-size:14px; font-family:'PT Sans', sans-serif; }
.cookieCNIL .content_cookieCNIL .icoContexte { float:left;  width:44px; height:50px; display:block; background:url(http://www.lettres-utiles.com/images/spritePNG.png) no-repeat -86px -293px; }
.cookieCNIL .content_cookieCNIL A { margin:0 0 0 10px; text-decoration:underline; color:#FFF; }

/* FOOTER*/
.footer { clear:both; margin:0; padding:15px 0 15px 0; font-size:12px; color:#444; border-top:3px solid #DDD; background:#C4E5F8;  }
.rapide { width:990px; padding:0 0 15px 0; margin:0 auto; position:relative; }
.rapide h3 { margin:0; padding:0; font-style:normal; font-weight:bold; font-size:16px; color:#1D8AA7; text-align:left;}
.rapide .trucs { width:200px; float:left; background:#EEE; margin:10px 15px 0 0; padding: 10px; text-align:left; border-radius:3px; }
.rapide .trucs B { color:#1D8AA7; }
.rapide .trucs a { color:#444; display:block; padding:0 0 0 10px; margin:2px 0 0 0; font-weight:normal; background:url("img/puce_bleue.gif") no-repeat scroll left 5px; }
.footer .bottom { padding:5px 0 10px 0; margin: 0 0 5px 0; /*background:#EEE; border-bottom:3px solid #DDD;*/}
.footer .bottom A { color:#444; font-size:12px; font-weight:normal; }
.footer .reseau A { color:#555; font-size:12px; font-weight:normal; }

.footer .rapide .tamponPalmeris { width:110px; height:94px; display:block; background:url(http://www.palmeris.com/images/tampon_palmeris.png) no-repeat 0 0; position:absolute; bottom:-80px; right:-20px; z-index:50; }
a.liengris { color:#666; font-size:11px; font-weight:normal; font-style: italic; }


/* Affichage sur mobile */
@media (max-width: 480px) 
{ 
html, body { width: auto !important; overflow-x: hidden !important; width:auto; margin:0; }
body, p { word-wrap:break-word;  }
/*img { width:auto; height:auto; max-width:100%; }*/
.mobile {display:block; padding:10px 0 10px 0; margin:0; background:#FFF;}

.header .contentHeader, .conteneur, .conteneur .centre, .conteneur .colD, .rapide, .rapide .trucs,
.centre .blocQuestions, .centre .blocQuestions A.laQuestion, .centre .blocAvis, .centre .slider, .centre .blocQuiz, .centre .blocMetier, .centre .blocMusiqueHP,
.centre .blocDevinette, .centre .blocSejours, .cat_questions, .centre .blocMusique, .concours p, .navinterne ul, .minimagHP, .minimagHP A p,
.minimagHP H3, .centre .iframeClips, .centre .iframeFilms, .espaceEnseignants .navespace, .blagues, .blagues A, .centre .blocDevinette SPAN.texteDevinette, 
.jeux .contentJeux, .avisjunior p, .autremag, .hrecipe .description, .hrecipe .details UL.ingredients, .centre .hrecipe .details UL + UL, .bloclogicielL, .bloclogicielL .reflet, 
.traduction, .boxeBord, .centre .autopromo, .centre .blocAnimaux, .centre .blocAnimaux .minimagHP H3 { width:auto; max-width:100%; }

.contentHeader .logo { margin:0 auto; position:relative; }
.contentHeader .slogan { left:20%; }

.phrase, .rechercher, .leaderboard, .banniere, .colD .rect300, .colD A.espaceEnseignants, .colD A.espaceParents, .colD .nuages, .footer, .autopromo, .droits,
.encyclo .illustration, .centre .webJ_coloriage, .centre .webJ_clips, .centre .webJ_logiciels, .centre .webJ_metiers, .centre .webJ_buzz { display:none; }

.contentHeader .searchResponsive, .contentHeader .closeRechercher { position:absolute; top:10px; right:10px; text-shadow:inherit; font-style:normal; font-size:18px; border-radius:5px; padding:5px; display:block; background:#F60; color:#FFF; }
.contentHeader .rechercher { height:auto; padding:10px 0 15px 20px; z-index:50; background:#FFF; top:0; left:0; moz-box-shadow: 0px 0 10px 0 #BBBBBB; -webkit-box-shadow:0 0 10px 0 #BBBBBB; -o-box-shadow: 0px 0 10px 0 #BBBBBB; box-shadow: 0px 0 10px 0 #BBBBBB;  }
.contentHeader .rechercher .champs { width:65%; }

.contentHeader UL.navigation2011 { top:70px; height:auto; padding:0;}
UL.navigation2011 LI { height:auto; margin:5px; }
UL.navigation2011 LI A { height:auto; font-size:20px; padding:5px; border-radius:5px; border:2px solid #FFF; background: #a4ef4f; /* Old browsers */ background: -moz-linear-gradient(top,  #a4ef4f 0%, #efefef 44%, #cef075 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4ef4f), color-stop(44%,#efefef), color-stop(100%,#cef075)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #a4ef4f 0%,#efefef 44%,#cef075 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a4ef4f 0%,#efefef 44%,#cef075 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #a4ef4f 0%,#efefef 44%,#cef075 100%); /* IE10+ */background: linear-gradient(to bottom,  #a4ef4f 0%,#efefef 44%,#cef075 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4ef4f', endColorstr='#cef075',GradientType=0 ); /* IE6-9 */ }

UL.navigation2011 LI A:HOVER { background-color:#d84f0b; /* Old browsers */background: -moz-linear-gradient(top,  #d84f0b 1%, #fceb1e 48%, #ea9e61 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d84f0b), color-stop(48%,#fceb1e), color-stop(100%,#ea9e61)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d84f0b 1%,#fceb1e 48%,#ea9e61 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #d84f0b 1%,#fceb1e 48%,#ea9e61 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #d84f0b 1%,#fceb1e 48%,#ea9e61 100%); /* IE10+ */background: linear-gradient(to bottom,  #d84f0b 1%,#fceb1e 48%,#ea9e61 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d84f0b', endColorstr='#ea9e61',GradientType=0 ); /* IE6-9 */ }

LI A.divertir, LI A.samuser, LI A.participer, LI A.dictionnaire, LI A.decouvrir, LI A.magazines { width:auto; display:inline; padding-top:0; background-image:none;  }
LI A.divertir:HOVER, LI A.samuser:HOVER, LI A.participer:HOVER, LI A.dictionnaire:HOVER, LI A.decouvrir:HOVER, LI A.magazines:HOVER { background-image:none; margin-top:0; }

UL.navigation2011 UL { width:auto; height:auto; left:0; top:41px; padding:0; }
UL.navigation2011 UL LI { width:auto; height:30px; margin:0 10px 5px 15px;padding:5px 0 0 0; text-align:left; border-bottom:1px dotted #DC904F; }
UL.navigation2011 UL LI A { border:0; }
UL.navigation2011 UL LI A:HOVER { background:none; color:#D43E14; text-shadow:2px 2px #FFFF00; }
UL.navigation2011 UL A.closeNav { display:block; position:absolute; text-shadow:inherit; right:10px; bottom:10px; font-style:normal; font-size:18px; border-radius:5px; padding:5px; display:block; background:#F60; color:#FFF;  }

.conteneur .centre { padding: 30px 5px 20px 5px; margin-bottom:10px; border-bottom:2px solid #DDD; }
.centre .blocAvis, .centre .blocQuestions, .centre .blocQuiz, .centre .blocMetier, .centre .blocMusiqueHP,
.centre .blocDevinette, .cat_questions, .hrecipe .description, .rencontre .fR, .autremag, .centre .fL { float:none; }
.centre .blocMetier, .centre .blocSejours, .centre .slider, .minimagHP { margin-left:0; }
.conteneur .colD { clear:both; float:none; margin-left:5px; }

.conteneur .centre H1 { text-align:left; }
.cat_questions { margin-right:0; }

.centre .blocQuestions { margin-top:20px; }
.centre .blocAvis A.bouton, .centre .blocQuestions A.bouton { margin: 10px auto 0 auto; position: relative; left: inherit; top: inherit; bottom: 5px; }

.centre .blocAvis A.bouton { width:90px; }
.centre .blocQuestions A.bouton { width:110px; }

.centre .blocAvis .recadrage { width:80px; height:80px; }

.centre .slider { background-image:none; background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top,  #cccccc 1%, #cccccc 73%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cccccc), color-stop(73%,#cccccc), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cccccc 1%,#cccccc 73%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cccccc 1%,#cccccc 73%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cccccc 1%,#cccccc 73%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cccccc 1%,#cccccc 73%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.centre #slider { width:100%; }
.centre .slider UL { margin:0; }
.centre .slider .sliderbutton { width:45px; }
.centre .slider #slideleft { background:url('img/bck_jeux.gif') no-repeat -65px -126px; }
.centre .slider #slideright { background:url('img/bck_jeux.gif') no-repeat -495px -126px; }

.centre .blocDevinette { margin-top:20px; }
.centre .blocDevinette .solution { float:right; }

.centre .blocMetier IMG { width:20%; }

.centre .blocFilm A { margin:0px 0px 5px 20px; }

.centre .blocSejours H2 { margin-bottom:10px; }
.centre .blocSejours #monForm SELECT { margin-bottom:5px; }
.centre .blocSejours #monForm .valider { margin:0; }

.metier .photo, .metier .photo .copyright { text-align:center; float:none; }

.navmag ul { padding-left:10px; }
.navmag li { width:40%; }

.listImages LI.ecards { width:50%; height: auto; margin:0 0 10px 0; padding-bottom:20px; }
.listImages LI.ecards A IMG { width:80%; margin:0; }

.jeux .jeu { width:100%; height:auto; margin:0 0 10px 0; padding:0; }
.jeux .jeu IMG { width:auto; height:auto; max-width:100%; }

.minimagHP { background:#EEE; }
.minimagHP IMG, .minimagHP A p, .minimagHP H3 { position:relative; }
.minimagHP A p, .minimagHP H3 { top:inherit; left:inherit; }

.minimag IMG, .minimagHP IMG, .encyclo IMG { width:auto; height:auto; max-width:97%; margin:0; }
.imgResponsive, .encyclo IMG, .coloriage IMG { max-width:100%; }
.minimag P { margin:10px 0 0 0; }

.lesMagazines .hproduct { width:45%; margin:0 10px 10px 0; }
.leMagazine .hproduct, .bloclogicielL { text-align:center; }
.leMagazine .hproduct .photo { float:none; }

.boxShadow A.unPlat { width:45%; margin-left:10px; }

.concours { text-align:center; }
.concours img { float:none; margin:0 auto; }

.centre H2.micro {padding-top:0; margin-bottom:20px; overflow:hidden;}
.metier .rencontre H5 {padding-top:10px;}
.blagues, .blagues A, .bloclogicielL { width:100%; }

.reponse { padding-left:10px; }
.reponse .webJ_reponse { top:inherit; left:inherit; position:relative; float:left; }

.coloriages { width:43%; margin:0 5px 10px 0; }

#monForm input { width:80%; }
.formulaire .validation  { margin:0 auto; }

.rencontre .reagir { margin-top:10px; }

.hrecipe .photoArticle { float:none; text-align:center; margin:0px auto 15px auto; }
.hrecipe .description H2 { text-align:center; }
.centre .hrecipe .details H3 { width:100%; float:none; }
.hrecipe .details H3+H3 { display:none; }
.hrecipe .details UL.ingredients { float:none; margin-right:0; border-bottom:2px solid #F50; margin-bottom:20px; }

.encyclo .listeAlphabetique { margin-top:0; }
ul.listeAlphabetique LI { font-size:12px; }

.outils2 A { width:80px; display:block; text-align:left; margin:0 auto 20px auto; }

.form_search_film { background:#D8EDFC; padding-left:0; }
#monForm input.bigInput { width:50%; }

.centre .autopromo { height:auto; }

}