/* police du logo : brady bunch*/

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

H1, H2, H3, H4, H5, H6, H7, FORM { margin:0; padding:0; font-family:Georgia,serif; font-style:italic; font-weight:1000;}
p, li { margin:0; padding:0; font: normal 12px Verdana, Arial, sans-serif; text-align: justify; color: #444;}
/*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; font-family:Arial, Helvetica, sans-serif; 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.flecherougeDown { background:url(images/fleche_rougeDown.gif) no-repeat; padding-left:20px; color:#990000; }
A.flecheorangeR { background:url(images/fleche_orange.gif) no-repeat right 6px; padding-right:20px; }
A.aide { background:url(img/log-aide.png) no-repeat left 0; padding:0 0 20px 35px; }
/*A.leMetier { width:110px; height:25px; float:left; display:block; background:url(img/ico_metiers.gif) no-repeat 5px 3px #FDF9E7; margin:0 10px 10px 0; padding:10px 0 10px 20px; text-align:center; border:1px solid #CCC; font-size:13px; }*/
.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; }

.centre A.vert { color:#44831B; font-weight:bold; }
H1 { height:50px; font-size:22px; letter-spacing:1px; background:url("img/bck_H1.gif") no-repeat left bottom; color:#E34619; margin:0 0 10px 0; }
H2 { font-weight:bold; font-size:16px; color:#FF9900; margin:12px 0 10px 0; }
H2.bradyBunch { font-family:'BradyBunchRemasteredRegular'; font-weight:normal; font-style:normal; font-size:25px; color:#FF9900; margin:12px 0 10px 0; }
H3.bradyBunch { font-family:'BradyBunchRemasteredRegular'; font-weight:normal; font-style:normal; font-size:25px; color:#FF9900; margin:12px 0 10px 0; text-align:center; }
H3 { font-size:14px; color:#0033FF; margin:15px 0 3px 0; }
H4 { font-size:13px; color:#E34619; margin:10px 0 5px 0; }
H5 { font-size:12px; 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 { width:300px; height:28px; background:url("img/titre_abonnez.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; }
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:'BradyBunchRemasteredRegular'; text-align:center; }
H2.Tavis { height:54px; background:url("img/titre_avis.gif") no-repeat center top; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
H2.Tquestions{ height:54px; background:url("img/titre_question.gif") no-repeat center top; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
H2.Tblague { height:36px; background:url("img/titre_blague.gif") no-repeat left top; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 0 55px; }
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 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:20px; font-weight: bold; color: #e34619; margin:5px; padding:15px 0 0 90px; letter-spacing:0; background:url("img/webJ_interviews.png") no-repeat left top; }
.centre H2.titreQuiz { height:37px; background:url("img/titre_quizz.gif") no-repeat; text-indent:-5000px; color:transparent; font-size:0; margin:0; }
.centre H2.titreMetiers { height:37px; background:url("img/titre_metier.gif") no-repeat; text-indent:-5000px; color:transparent; font-size:0; margin:0 0 10px 0; }
.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; }

H3.Torange { font-weight:bold; color:#F60; }
H3.recherche { font-weight:bold; font-size:14px; color:#666; margin:12px 0 10px 0; background: #EEE; padding: 3px;}

.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; }

.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; }

.conteneur { width:935px; _width:965px; text-align:center; margin:0 auto 20px auto; padding:0 15px 0 15px; position:relative; background:url("img/bck_conteneur.jpg") no-repeat left top; z-index:1; }

.espaceParents { background:url("img/bck_body_parents.jpg") repeat-x left top #F0E256; }
.espaceParents .conteneur { background:url("img/bck_conteneur_parents.jpg") no-repeat left top; }

.espaceEnseignants { background:url("img/bck_body_enseignants.jpg") repeat-x left top #C6DB90; }
.espaceEnseignants .conteneur { background:url("img/bck_conteneur_enseignants.jpg") no-repeat left top; }

.conteneur .centre { width:593px; _width:613px; margin:0; padding:0 10px 10px 10px; text-align:justify; float:left; position:relative; z-index:2; background:#FFF; }

.conteneur .colD {  width:305px; background:url("img/bck_colD.jpg") repeat-x left top #C4E5F8; float:right; margin:0; padding:0; text-align:left; position:relative; z-index:2; }

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

/* HEADER*/
.header { zoom:1; height:140px; text-align:left; position:relative; }
.header H1.logo { width:214px; height:49px; background:url("img/logoWJ2009.png") no-repeat left top; cursor:pointer; position:absolute; left:-10px; top:15px; 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; }
.header .totalSites { width:250px; display:block; position:absolute; top:67px; right:40px; color:#FFF; font-size:11px; text-align:right; font-weight: bold; }

.header .rechercher { width:260px; height:65px; position:relative; position:absolute; right:35px; top:0; background:url("img/bck_recherche.gif") no-repeat left top; }
.header H2 { font-size:14px; font-weight:bold; color:#DC3E12; text-align:center; margin:5px 0 5px 0; }
.header .rechercher LABEL { width:185px; height:30px; display:block;  background:url("img/bck_champs.gif") repeat-x left top #FFF; float:left; margin:0 0 0 23px; margin:0 0 0 23px; _margin:0 0 0 10px; }
.header .rechercher .champs { width:150px; height:23px; font-size:11px; background:url("img/loupe.gif") no-repeat 3px top;  font-weight:bold; color:#666; margin:3px 0 0 0; border:none; padding:5px 0 0 30px;  }
.header .rechercher .OK { width:30px; height:30px; text-align:center; font-size:12px; font-weight:bold; color:#DC3E12; background:url("img/btn_OK.gif") no-repeat left top #F3F3F3; float:left; border:0; }

.header .navigation { width:648px; 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;
			}

.header UL.navigation2011 { width:649px; height:75px; position:absolute; bottom:-48px; left:-48px; }
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.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; }
UL.navigation2011 LI.last { width:613px; height:15px; background:#FFF; float:none; display:block; position:absolute; bottom:-0; left:48px; }


UL.navigation2011 UL { width:573px; height:120px; 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 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.dicoSsNav { background-position:left -290px; }
UL.navigation2011 UL LI A.musiqueSsNav { background-position:left -377px; }

.header .bck_printemps { width:949px; height:150px; background:url("img/bck_printemps.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_printemps.png", sizingMethod="image"); _background-image:none; }
.header .bck_ete { width:949px; height:150px; background:url("img/bck_ete.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_ete.png", sizingMethod="image"); _background-image:none; }
.header .bck_rentree { width:960px; height:150px; background:url("img/bck_rentree.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_rentree.png", sizingMethod="image"); _background-image:none; }
.header .bck_automne { width:960px; height:150px; background:url("img/bck_automne.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_automne.png", sizingMethod="image"); _background-image:none; }
.header .bck_halloween { width:960px; height:150px; background:url("img/bck_halloween.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_halloween.png", sizingMethod="image"); _background-image:none; }
.header .bck_hiver { width:960px; height:150px; background:url("img/bck_hiver.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_hiver.png", sizingMethod="image"); _background-image:none; }
.header .bck_noel { width:960px; height:150px; background:url("img/bck_noel.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_noel.png", sizingMethod="image"); _background-image:none; }
.header .bck_nouvelan { width:960px; height:150px; background:url("img/bck_nouvelan.png") no-repeat; position:absolute; top:-4px; left:-15px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/bck_nouvelan.png", sizingMethod="image"); _background-image:none; }

/* COL DROITE*/
.features { width:305px; float:right; margin:0; padding:0; }
.features .onglets { height:22px; float:left; padding:5px 0 5px 0; background:url("img/onglets_colD.gif") no-repeat right top; text-align:right; }
.features .onglets A { font-size:14px; font-weight:bold; color:#AA3E22;  }
.features .proposer { width:152px; display:block; background:url("img/favoris.gif") no-repeat 5px top; padding:0 8px 5px 0; }
.features .contact { width:110px; _width:148px; display:block; background:url("img/mail.gif") no-repeat 30px top; padding:0 30px 5px 0;}

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

.colD .autreliens { zoom:1; margin:10px 10px 10px 10px; position:relative; z-index:3; }
.colD .autreliens A { color:#666; font-size:12px; 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 { border-color:#D63E14; padding:4px 0 0 0; }

.colD A.espaceEnseignants { width:148px; height:54px; display:block; background:url("img/btn_espaceEnseignants.gif") no-repeat left top; float:left; margin:0 3px 0 3px; }
.colD A.espaceParents { width:148px; height:54px; display:block; background:url("img/btn_espaceParents.gif") no-repeat left top; float:left; }
.features2 A.espaceEnseignants { width:148px; height:54px; z-index:10;display:block; background:url("img/btn_espaceEnseignants.gif") no-repeat left top; float:left; margin:0 3px 0 3px; }
.features2 A.espaceParents { width:148px; height:54px; z-index:10; display:block; background:url("img/btn_espaceParents.gif") no-repeat left top; float:left; }

.colD .facebook { padding: 0; margin: 5px 0 10px 7px; text-align: center; overflow:hidden; width: 290px; height: 230px;}

.bloc_jeuConcours { width:300px; height:100px; background:#FFF; position:relative; margin:10px 0 10px 0;}
.bloc_jeuConcours A { width:300px; height:100px; display:block; position:absolute; top:0; left:0; background:url("img/titre_jeuConcours.gif") no-repeat 80px 2px; z-index:2;  } 
.bloc_jeuConcours A:hover { text-decoration:none; } 
.bloc_jeuConcours strong { color:#1D8AA7; }
.bloc_jeuConcours SPAN { display:block; position:absolute; bottom:1px; right:5px; color:#990000; font-size:14px; font-weight:bold; background: url("img/puce_etoile.gif") no-repeat left 0 #FFF; padding-left:15px; } 

.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; } 

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

.colD .abonnez { width:300px; margin:10px 0 15px 2px; padding: 0 0 5px 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; }
.colD .abonnez h3 { font-weight:bold; color:#F60; }
.colD .abonnez A { color:#333; font-weight:normal; }
.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 A.tousMag { width:147px; height:28px; display:block; background:url("img/btn_magazine.gif") no-repeat left top; text-indent:-5000px; font-size:0; margin:10px 0 0 100px; }

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

.colD .rect300 { height:250px; zoom:1; margin:0 0 10px 0; text-align: center; }
.nuages { margin:0 2px 20px 2px; position:relative; } 
.nuages H3 { color:#B43D1F; 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; font-family:	Arial, Helvetica, sans-serif; }
.nuages A { color:#666; text-decoration:none; line-height:23px; font-weight:lighter; margin:0 0 0 5px; } 


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

/* CENTRE*/
.centre .annuaireHP { width:593px; 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; -moz-border-radius:10px;}

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

.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:#DC3E12;  }
.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; }
.centre .annuaireHP.annuaireSom .uneCat A.link_scat { display:block; margin:0 0 10px 5px; font-size:13px; line-height:15px; text-align:left; }
.centre .annuaireHP .uneCat A.link_scat:HOVER { text-decoration: underline; }

.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 { font-size:12px; text-align:justify; line-height:16px; color:#444; margin:0 0 10px 0; }
.centre p.small { font-size:11px; text-align:justify; line-height:15px; color:#444; margin:0 0 10px 0; }

.centre ul { list-style-type:bullet; font-size:12px; }
.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 .blocQuestions { width:270px; _width:290px; height:166px; background:url("img/boite_questions.gif") no-repeat left top; float:left; margin:30px 0 0 0; padding:0 10px 0 10px; font-size:12px; color:#333; position:relative; }
.centre .blocQuestions H2, .centre .blocAvis H2 { margin-top:-22px ; position:relative; }
.centre .blocQuestions .webJ_questions { width:75px; height:116px; position:absolute; bottom:2px; left:7px; background:url("img/webJ_questions.png") no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/webJ_questions.png", sizingMethod="image");_background-image:none; }
.centre .blocQuestions p { text-align:left; margin-left: 70px; }
.centre .blocQuestions p.derniere { width:200px; text-align:left; margin-left:70px; font-size:10px; font-weight:bold; }
.centre .blocQuestions A.demande { width:135px; height:28px; display:block; background:url("img/btn_demande.gif") no-repeat left top; font-size:0; text-indent:-5000px; margin:10px 0 5px 70px; }
.centre .blocQuestions A.laQuestion { font-size:13px; font-family:arial; display:block; background:#FFCC66; margin:0; moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90); padding:3px; }

.centre .blocAvis { width:269px; _width:289px; height:166px; background:url("img/boite_avis.gif") no-repeat left top; float:right; padding:0 10px 0 10px; margin:30px 0 0 0; }
.centre .blocAvis A { margin:0; font-weight:normal; font-size:10px; display:block; text-align:center; }
.centre .blocAvis A STRONG { font-size:13px; }
.centre .blocAvis h5 { background:#FFF; padding: 4px; margin:3px 0 3px 0; color: #000; font-size: 12px; font-weight: normal;
moz-opacity:0.6; opacity: 0.6; filter:alpha(opacity=60); }
.centre .blocAvis p { text-align:center; font-weight:bold; }
.centre .blocAvis A.exprime { width:96px; height:28px; display:block; background:url("img/btn_exprime.gif") no-repeat left top; font-size:0; text-indent:-5000px; margin:5px 0 0 90px; }

.centre .blocQuiz { width:290px; height:166px; float:left; margin:15px 0 0 0; padding:0; font-size:12px; color:#333; position:relative; border-bottom:3px solid #93DAED; }
.centre .blocQuiz A { display:block; clear:both; margin:10px 0 5px 10px; font-size:13px; }
.centre .blocMetier { width:290px; height:161px; float:left; margin:15px 0 0 10px; padding:0 0 5px 0; font-size:12px; color:#333; position:relative; border-bottom:3px solid #93DAED; }
.centre .blocMetier IMG { float:left; margin:5px 10px 0 0; border: 2px solid #CCC;}
.centre .blocMetier P { width:175px; float:left; margin:5px 0 0 0; line-height:14px; text-align:justify;}




.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:15px auto 15px 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:14px; 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; }

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:12px; 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:116px; position:absolute; top:10px; left:10px; background:url("img/webJ_reponses.png") no-repeat left top #FFF; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/webJ_reponses.png", sizingMethod="image");_background-image:none; }

/*---------- 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; }
.sujetavis img {float: left; margin: 0 10px 0 0;}
.sujetavis H2 { font-weight: bold; color:#F60; margin:5px 0 5px 0; padding: 0; }
.sujetavis H4 { color:#FFF; margin:3px 0 2px 0; }

.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:3px 5px 3px 0; font-weight:normal; color:#666; font-size:11px; text-align:right; }
.ariane a { color: #666; text-decoration:underline; font-weight:normal; }
.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-family:Georgia,serif; font-size:13px; font-weight:bold; text-decoration:none; padding:3px 0 3px 0; -moz-border-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: normal 10px Verdana, Arial, sans-serif;}
.souscat {zoom:1; margin: 0 10px 10px 20px; border-bottom: 1px dotted #DDD; padding: 0 0 10px 0; }
.souscat a { font-family:Arial; 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-family: Verdana, Arial, Helvetica, sans-serif; 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-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0D3DEF; text-decoration: none;}
.new_sites A:hover { text-decoration:underline; }
.new_sites p { font-family: Verdana, Arial, Helvetica, sans-serif; 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-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #555; text-align:center; font-weight:normal;}
.pagination A { font-size:13px; font-weight:bold; color: #FFF; text-decoration:none; background:#0099CC; padding:3px 4px; -moz-border-radius:3px; margin: 0 3px 0 3px;}
.pagination A:hover { text-decoration:none ; background:#E34619; color: #FFF;}
.pagination .pageactive { font-size:13px; font-weight:bold; color: #555; text-decoration:none; background:#CCC; padding:3px 4px; -moz-border-radius:3px; margin: 0 3px 0 3px;}

/* 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:12px; background:url("img/fleche_orange.gif") no-repeat left 3px; }

/*--------------- AUTRES NAVIGATIONS (parents, enseignants) ------------*/
.espaceParents .navespace { width:570px; height:50px; background:url("img/bck_navParents.gif") no-repeat left top #FFF; margin:0 5px 20px 5px; padding:10px; }

.espaceEnseignants .navespace { width:570px; height:50px; background:url("img/bck_navEnseignants.gif") no-repeat left top #FFF; margin:0 5px 20px 5px; 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-family:Arial, Helvetica, sans-serif; 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:11px; 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; }

.centre .blocFilm { width:590px; background:url("img/bck_films.gif") no-repeat left top; margin:10px 0 10px 0; padding:0; font-size:12px; color:#333; position:relative; }
.centre .blocFilm A { width:100px; display:block; float:left; margin:0 0 5px 35px; font-weight:normal; text-align:left; }
.centre .blocFilm A:HOVER { text-decoration:none; }
.centre .blocMusique { width:590px; 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:10px; }

.centre .blocMusiqueHP { width:270px; height:167px; background:url("img/boite_musique.gif") no-repeat left top; padding:5px 10px 0 10px; position:relative; float:left; }
.centre .blocMusiqueHP H2.bradyBunch { 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:280px; height:167px; background:url("img/boite_devinette.gif") no-repeat left top; padding:5px; float:right; }
.centre .blocDevinette H2.bradyBunch { 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:175px; padding:5px; display:block; border-radius:5px; margin:10px 5px 0 0;  float:left; text-align:left; font-size:14px; 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; }

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

.tab_container { border:1px solid #AAA; border-width:0 1px 1px 1px; padding:10px; margin-bottom:20px; background:#FDF9E7;  }
.tab_container .tab_content { width:160px; float:left; padding:0 10px 0 10px; margin:10px 0 0 0; border-right:1px solid #AAA; }
.tab_container .tab_content STRONG { display:block; background:#1D8AA7; padding:3px 0 3px 5px; color:#FFF; margin:0 0 10px 0; -moz-border-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; }


.metier img {float:right; margin:0 0 10px 10px; border: 2px solid #DDD;}
.film img {float:left; margin:0 10px 10px 0; border: 2px solid #DDD;}
.metier p, .film p {text-align: justify; line-height:18px; margin:0; }
.metier h4, .film h4 { font-size:13px; color:#FF9900; margin:10px 0 3px 0; }
.projection h4 { font-size:13px; color:#333; margin:10px 0 3px 0; text-align:left; padding-left:60px;}

.metier h5 { font-size:15px; color:#ff9900; margin:-10px 0 20px 40px; font-weight: normal;}
.film .age { font-size:14px; color:#3399CC; margin: 0px 0 10px 0px; font-weight: bold;}
.metier h6, .film h6 { font-family:Arial, Helvetica, sans-serif; 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; }
.metier .rencontreMenu, .film .rencontreMenu { margin:10px 0 0 10px; text-align:left; border: 1px solid #CEE6F2; padding: 5px;}
.metier .rencontreMenu a, .film .rencontreMenu a {font-weight: normal; display: block; font-size: 12px; }
.metier .rencontreMenu h3, .film .rencontreMenu h3 { font-size:14px; color:#666; margin:5px 0 3px 0; }
.metier .rencontreMenu li, .film .rencontreMenu li {float:left; width:170px; list-style-type:disc; color: #1d8aa7;}

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

/*----------------- CLIPS ----------------------------------------*/
.droits { background: #EEE; padding: 5px; font-size: 10px; color: #555; 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; }
.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.lesFilms { width:33px; height:29px; display:block; background:url(img/icones_ssNav.png) left -231px no-repeat; position:absolute; left:4px; top:0; }
.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; }
.memerubrique .each SPAN {font-size:12px; 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-color: #EEE; display: block; padding: 3px 0 3px 3px; color: #CC6600;}

/*--------------- 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 .btnBig { position:absolute; bottom:5px; left:30px; }

.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-family: Georgia,serif; font-size: 20px; padding: 0px; margin: 10px 0 10px 0; border-bottom: 1px dashed #DDD; 
font-weight: bold; color: #ff9900; text-align: left;}
.jeux h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; color: #444444; font-weight: normal;}

.jeu {float:left; width:180px; height:100px; margin: 0 0 25px 0;}
.jeu img {border: 1px solid #DDD; padding: 8px;}

.sommaire { float: left; width:250px; border: 1px solid #DDD; margin: 0 5px 15px 20px; padding: 5px;}
.liste { zoom:1; margin:0 0 10px 0; border-bottom: 1px solid #DDD; padding: 0 0 5px 0; position:relative; }
.liste p { text-align:justify; }
.liste H2 {font-family: Arial; font-weight:bold; font-size:16px; color:#1D8AA7; margin:5px 0 3px 0; padding: 0; font-style: normal }
.liste H3 { font-family: Arial; 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:HOVER  { background:#D8EDFC; -moz-border-radius:5px; text-decoration:none; }
.liste img { float:left; border:2px solid #D8EDFC; padding:2px; margin:0 10px 0 3px; }
.liste SPAN.play { position:absolute; top:70px; left:70px; z-index:10; }
.liste SPAN.link {font-size: 11px; font-style: italic; color: #993333; font-weight: normal; margin: 0; padding: 0;}

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


A.btn_social { width:160px; display:block; border:1px solid #CCC; -moz-border-radius:5px; padding:3px 5px 0 5px; background:#FFF; font-size:12px; overflow:hidden; }
A.btn_social SPAN { width:16px; height:21px; display:block; float:left; margin:0 5px 0 0;  }
.btn_social SPAN.facebooker  { background:url("/img/ico_sociales.gif") no-repeat left -63px; }
.btn_social SPAN.lire  { height:21px; background:url("/img/ico_sociales.gif") no-repeat left -21px; }
.btn_social SPAN.signaler  { height:21px; background:url("/img/ico_sociales.gif") no-repeat left -42px; }
.btn_social SPAN.ecrire  { height:21px; background:url("/img/ico_sociales.gif") no-repeat left 0; }

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

/*commentaires*/
.comments{border: 1px solid #CCC; padding: 2px 5px 0px 5px; margin: 15px 10px 15px 10px; -moz-border-radius:5px;}
.comments h2 {font-family: Georgia,serif; font-size: 14px; color: #0033FF; font-weight: bold; margin:3px 0 5px 0; padding: 0;}
.avis { background:#EEE; padding: 3px 3px 1px 5px; margin: 3px;}
.avis p {color: #555;}

/*---------- MAGAZINES ---------------*/
.navmag { zoom:1; position:relative; margin:10px 0 20px 0; padding:0; }
.navmag a { }
.navmag ul { zoom:1; list-style-type:none; color:#44831B; margin:0; background:#D8EDFC; padding:10px 0 4px 80px; }
.navmag li { zoom:1; float:left; margin:0 15px 10px 0; padding:0 10px 0 15px; font-size:12px; background:url("img/fleche_orange.gif") no-repeat left 3px; }

.boxeBord { width:270px; margin:0 10px 0 10px; _margin:0 15px 0 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; }

.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: #99cc33;}
.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:5px 5px 10px 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 0 40px; line-height:20px; } 
.blaguedujour p b { padding:3px; color:#666; }
.blaguedujour .user { width:200px; height:23px; color:#836911; font-size:12px; position:absolute; bottom:-25px; left:30px; }

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

/*------------ QUIZ ------------------*/
.quiz {}
.quiz h2 {font-size: 14px;}
.quiz h4 {font-size: 13px; color: #555; border-bottom: 1px solid #CCC; font-style: normal; padding: 0 0 5px 0; margin: 0 50px 10px 50px;}
.quiz .btn { border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; 
padding:2px; font-weight: bold; background:#009900; cursor:pointer; }
.quiz .btn:hover {color: #FFF; background: #FF6600;}
.liste_quiz {border-bottom: 1px dotted #DDD; margin: 15px 0 0 10px; padding: 0 0 5px 0;}
.liste_quiz a { text-decoration:none; color:#1D8AA7; font-weight:bold;  outline: none; z-index:2; position:relative; background:url("img/puce_quizz.gif") no-repeat left top; padding:0 0 7px 30px;}
.liste_quiz a:hover {text-decoration: underline;}
.score {background: #FF9900; color: #FFF; font-size: 16px; padding: 5px; margin: 0 150px 10px 150px; font-weight: bold; text-align: center; -moz-border-radius: 5px;}
.score10 {background: #009900; color: #FFF; font-size: 16px; padding: 5px; margin: 0 150px 10px 150px; font-weight: bold; text-align: center; -moz-border-radius: 5px;}


/*---------- 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:116px; position:absolute; top:15px; left:10px; background:url("img/webJ_reponses.png") no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/webJ_reponses.png", sizingMethod="image");_background-image:none; }
.reponse p {line-height:20px; }
.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 0 10px 0; margin:10px 0 0 0; position:relative; }
.questions h3 { font-size:15px; font-weight: bold; color: #888; margin: 0 0 10px 5px; padding: 0; font-style: italic; }
.centre .questions .webJ_questions { width:75px; height:116px; position:absolute; top:10pxpx; left:5px; background:url("img/webJ_questions.png") no-repeat left top; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.webjunior.net/img/webJ_questions.png", sizingMethod="image");_background-image:none; }

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

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

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

.listImages LI.ecards { width:260px; height:80px; text-align:left; background:url("img/bck_cartes.gif") no-repeat left bottom; margin-right:20px; }
.listImages LI.ecards IMG { float:left; margin:5px 10px 10px 10px; border:2px solid #CEE6F2; padding:3px; }
.listImages LI.ecards A { width:260px; height:70px; display:block; font-size:14px; color:#666; }
.listImages LI.ecards A SPAN { display:block; padding:25px 0 0 0; }
.listImages LI.ecards A:HOVER { background:#CEE6F2; }
.listImages LI.ecards A:HOVER IMG { border:2px solid #FFF; }

.listImages LI.carte { width:155px; padding:10px; background:#CEE6F2; margin:0 20px 10px 0; }

.listImages LI.films { width:120px; margin:0 10px 20px 10px; text-align:center; background:url("img/bck_films.gif") no-repeat -28px 112px; padding-bottom:15px;  }
.listImages LI.films IMG { margin-bottom:10px; }

/* Cartes viruelles */
.ecard {background: #EEE; padding: 10px; text-align: center;}
.ecard h3 {font-family: Verdana, Arial; font-size: 14px; font-weight: normal; color: #3366CC; background: #FFF; padding: 10px; text-align: left; font-style: normal; border: 1px dashed #CCC;}

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

.revuedePresse H3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; 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:11px; }

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: 0 0 10px 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:50; 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:5px 0 10px 0; }
.formulaire p { width:175px; float:left; }
.formulaire input, .form_search input { float:left; font-size: 12px; color: #0833FF; }
.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;}
.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 {  font-size: 12px; color:#0833FF; width:300px; border:1px solid #99CCFF; float:left; margin-bottom:5px; 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 220px; clear:both; }
.formulaire .btn, .form .btn, .form_search .btn { border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#333; padding:2px; font-weight: bold; background:#DDD; cursor:pointer; }
.formulaire .validation .btn:hover {color: #FFF; background: #009900;}
.formulaire .champs { width:215px; padding:5px; margin: 0 0 5px 0;}
.formulaire .champsCourt { width:77px; padding:5px; }
.formulaire span {font-family: Arial, Helvetica, sans-serif; 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-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; font-weight: normal; 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 dashed #CCC; padding:10px 5px 0 100px; background:#D8EDFC;}
.form_search_film { background:url("img/clap.png") no-repeat 10px 10px #D8EDFC;}
.form_search p { width:160px; float:left; }
.form_search .btnok { border:1px solid #CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding:2px; margin-left: 5px;
font-weight: bold; background:#DDD; cursor:pointer; clear:both; }
.form_search_film h3 {font-size:14px; color:#0033FF; margin:5px 0 15px 0; font-style: normal;}

select {border: 1px solid #99CCFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000FF;}

.faq {font-weight: normal; display: block; margin: 3px 0 3px 0;}

/* FORMULAIRES ACCESSIBLES */
#monForm { zoom:1; margin:0; font-size:12px; position:relative; }
#monForm fieldset { border-radius:5px; /* If supported by the browser, you'll see rounded corners */	-moz-border-radius:5px;	-webkit-border-radius: 5px;	margin:0 0 20px 0;background-color:#f2f9fe;	border:solid 1px #aedcf5;	padding:20px 15px 10px 15px;	position:relative; /* To assist in fixing the background bleed issue on IE */	float:left;	width:360px;		margin-right:20px;}

Cfieldset:hover { 	background-color:#FFF;	border:solid 1px #ffdb60;}
#monForm fieldset:hover input {	background-color:#fff;	border:solid 1px #ffdb60;}
#monForm fieldset:hover textarea {	background-color:#fff;	border:solid 1px #ffdb60;}
#monForm fieldset:hover select {	background-color:#fff;	border:solid 1px #ffdb60;}

#monForm fieldset:hover .narrow { /*	Needed to stop border hover on radio buttonsand checkboxes in IE */
	border:none;	background-color:#fffccd; }

#monForm legend {position:absolute; /* Fixes background bleed issue on IE. Fieldset must be position:relative for this to work */top:-8px;color:#fd8f00;	font-family:Georgia, "Times New Roman", Times, serif; /* Just adding a little variation */	font-style:italic;	font-size:11px;	padding:3px; position:absolute; /* Stops IE from centering the legend text. Seriously - why IE, why?!!! */	left:10px;	background:#FFF;}

#monForm .smallField { width:25px; text-align:left; }
#monForm .bigField { width:150px; }

#monForm fieldset:hover legend { /* Changes text colour of the legend when you  hover over the fieldset */	color:#3f87e9;}

#monForm label { width:125px; /* Must match the exact width specified in the span */display:block;	float:left;	font-weight:bold;padding:5px 0 0 0;	text-align:right;	margin:0 10px 8px 0; color:#333;}

#monForm span { 	font-size:.8em;	display:block;	width:190px; /* Must match the exact width specified in the label */	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; /* Moves the em's up a little to line up with the radio buttons
and checkboxes*/}

#monForm input { width:190px; height:20px; border-radius:3px; -moz-border-radius: 3px;	-webkit-border-radius: 3px;	border:solid 1px #aedcf5;	margin:0 10px 13px 0;	padding-left:5px; color:#3f87e9;font-size:12px; }

#monForm input:hover {	border:solid 1px #41a9d8;}

#monForm textarea {	border-radius: 5px; /* If supported by the browser, you'll see rounded corners */	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	width:180px;	height:20px;	border:solid 1px #aedcf5;	margin:0 0 13px 0;	color:#3f87e9;	font-size:1.2em;	padding:5px 3px 3px 3px;	font-family:Arial, Helvetica, sans-serif;}

#monForm .narrow {	width:13px;	margin:0 0 0 15px; /* Add a little spacing between radio button options */	border:none; }

#monForm .narrow:hover {	border:none; /* Removes boders from radio buttons and checkboxes in IE on hover  */}

#monForm select {	border-radius: 5px; /* If supported by the browser, you'll see rounded corners */	-moz-border-radius: 5px;-webkit-border-radius: 5px;	width:190px;
	height:29px;	border:solid 1px #aedcf5;	margin:0 0 13px 0;	color:#3f87e9;	font-size:1.2em;	padding:4px 3px 2px 3px;}

#monForm select:hover {	border:solid 1px #41a9d8; /* Hover efefct won't work in IE, but then you're probably not surprised */}

#monForm .valider {	width:30px; color:#333; height:25px; padding-top:0; font-weight:bold; background:#DDD; cursor:pointer; }
#monForm .valider:hover {	background-position:bottom;	border:none;	border:0;	cursor:pointer;}

/*-------- PUB ---------*/
.banniere {text-align: center; margin: 10px;}

/* FOOTER*/
.footer { clear:both; margin:10px 0 0 0; font-size:11px; color:#666; border-top: 3px solid #DDD; }
.footer .rapide { zoom:1; background:#C4E5F8;  padding:10px;}
.footer .rapide h3 { margin:0; padding:0; font-family:Georgia,serif; font-style:italic; font-weight:bold; font-size:16px; color:#1D8AA7; text-align:left;}
.footer .rapide .trucs { float:left; width:130px; height:100px; background:#EEE; margin:10px 15px 0 0; padding: 5px; text-align:left; border-radius:3px; /* If supported by the browser, you'll see rounded corners */	-moz-border-radius:3px;-webkit-border-radius:3px; }
.footer .rapide .trucs B { color:#1D8AA7; font-family:Georgia,serif;  }
.footer .rapide .trucs a { color:#555; 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:#666; font-size:11px; border-bottom:1px dashed #CCC; font-weight:normal; }
.footer .reseau A { color:#666; font-size:11px; font-weight:normal; }