/* CSS Document */ body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px; background:url(images/fond.png); } .titre { font-weight:bold; } .clearall { clear:both; } div { display:block; } #contenu { padding:10px; margin:10px auto; margin-left:30px; width:590px; float:left; background-color:#d9deb1; border:#ced2aa 1px solid; } h2 { font-size:14px; display:block; padding:10px 0px; margin:0; } h1, .titre_page, #titre_insc, .titrePage, #paragraphePage { font-size:20px; display:block; text-decoration:none; padding:0; color:#1d426c; margin:0; font-family: Verdana, Geneva, sans-serif; padding-bottom:10px; } .titrePage { padding-top:30px; margin-bottom:30px; margin-left:10px; } .sous_titre_page { margin-bottom:20px; } h4 { text-align:justify; font-weight:normal; } /* couleurs */ .rouge { color:#900; } .vert { color:#060; } .orange { color:#F90; } .erreur_texte, #erreurProfil { color:#900; margin-bottom:10px; } .erreur_box { display:inline-block; background:#900; color:#FFFFFF; font-weight:bold; padding:10px; width:100%; text-align:center; margin:10px 0px; } .ok_box { display:inline-block; background:#060; color:#FFFFFF; font-weight:bold; padding:10px; width:100%; text-align:center; margin:10px 0px; } /* corps */ #pen { width:108px; height:95px; position:absolute; z-index:2; margin-left:860px; margin-top:-20px; background:url(images/pen2.png) no-repeat; } #regle { width:81px; height:115px; position:absolute; z-index:2; margin-left:-10px; margin-top:-20px; background:url(images/regle.png) no-repeat; } #connexion { width:200px; height:115px; position:absolute; z-index:3; margin-left:400px; margin-top:5px; } #connexion input { margin-bottom:5px; } #connexion #connectButt { background:#2d689b; padding:2px 10px; color:#FFF; border:0; cursor:pointer; } #connexion #connectButt:hover { background:#80909d; } #vousEtesConnecte { color:#060; margin:10px; font-size:18px; } #isConnecte { background:url(images/connecte.png) no-repeat; width:131px; height:85px; position:absolute; z-index:3; margin-left:400px; margin-top:5px; } #body1 { width:997px; height:14px; margin:auto; padding:0px; background:url(images/body1.png) no-repeat; margin-top:10px; } #body2 { width:997px; margin:auto; padding:0px; background:url(images/body2.png); } #body3 { width:997px; height:28px; margin:auto; padding:0px; background:url(images/body3.png) no-repeat; } #header { width:972px; height:147px; margin:0px auto; padding:0; background:url(images/header.jpg) no-repeat; margin-right:15px; } #menu { width:985px; height:44px; margin:0px auto; padding:0; padding-top:105px; font-size:14px; } #menu ul { padding:0; margin:0; padding-left:30px; } #menu li { display:block; float:left; } #menu li .linkMenu:hover { color:#b54641; } #menu li .linkMenu { padding:10px 15px; text-decoration:none; display:block; color:#194a81; font-weight:bold; z-index:10;} #corps{ width:980px; margin:0px auto; padding:0; padding-right:7px; } #content { padding:0px; padding-right:15px; margin-top:15px; } #recherche { float:right; padding-right:50px; padding-top:5px; padding-left:0; } /* Accueil */ #siConnecte { color:#003300; font-style:italic; margin-bottom:5px; } #accueilGauche { float:left; width:265px; background:#f2f4f4; padding-top:10px; border-right:2px solid #e1e9ea; } #accueilGauche ul { list-style:none; padding:0; margin:0; } #accueilGauche li a { padding:3px 0px; display:block; } #accueilDroite { float:right; width:680px; padding:0; margin:0; } #menuGaucheBody { width:256px; margin-left:10px } #menuGaucheFooter { margin-bottom:10px; } #footer { margin-top:30px; } #menuGaucheBody ul { margin:0; padding:0; padding-top:15px; } #menuGaucheBody ul li img { margin-right:2px; vertical-align:middle; } #menuGaucheBody ul li a { text-decoration:none; color:#49371b; display:block; padding:5px 5px; font-size:15px; } #menuGaucheBody ul li a:hover { background:#dadddd; } #pub1 { width:970px; height:90px; margin:20px 0px; padding:0; margin-bottom:5px; } #pub2 { width:250px; height:250px; margin:30px 0px; padding:0; } #accueilPlus { display:inline-block; text-align:center; margin-bottom:20px; margin-top:5px; } #lienCocktail { width:175px; height:79px; margin:0px auto; padding:0; display:block; background:url(images/cocktail.png) no-repeat; float:left; margin-left:2px; } #lienCocktail:hover { background:url(images/cocktail-roll.png) no-repeat; } #perles-du-bac-2012 { width:175px; height:79px; margin:0px auto; padding:0; display:block; background:url(images/perles-du-bac-2012.png) no-repeat; float:left; margin-left:2px; } #perles-du-bac-2012:hover { background:url(images/perles-du-bac-2012-roll.png) no-repeat; } #perles-du-brevet-2012 { width:179px; height:79px; margin:0px auto; padding:0; display:block; background:url(images/perles-du-brevet-2012.png) no-repeat; float:left; margin-left:2px; } #perles-du-brevet-2012:hover { background:url(images/perles-du-brevet-2012-roll.png) no-repeat; } #perles-du-bac-2013 { width:175px; height:79px; margin:0px auto; padding:0; display:block; background:url(images/perles-du-bac-2013.png) no-repeat; float:left; margin-left:2px; } #perles-du-bac-2013:hover { background:url(images/perles-du-bac-2013-roll.png) no-repeat; } #autourPerles { width:175px; height:79px; margin:0px auto; padding:0; display:block; background:url(images/autour-des-perles.png) no-repeat; float:left; margin-left:2px; } #autourPerles:hover { background:url(images/autour-des-perles-roll.png) no-repeat; } .bouton_nav_pages { margin:2px; padding:10px; border:2px solid #6f717f; text-decoration:none; color:#6f717f; font-weight:bold; } .bouton_nav_pages:hover { background:#6f717f; color:#FFF; } #accueilB {width:322px; float:left; } #StatsFooter {width:222px; height:208px; margin:0px auto; padding:0; display:block; background:url(images/postit2.png) no-repeat; margin-bottom:10px; float:right; margin-right:30px; } #StatsFooterTitle { margin-bottom:15px; padding-top:50px; text-decoration:underline; font-weight:bold; padding-left:30px; } #StatsFooter span { font-size:18px; color:#CC0000; font-weight:bold; } #StatsFooter ul { padding-left:30px; list-style:none; } #titreDernieresPerles { margin-bottom:20px; margin-top:8px; font-weight:bold; font-size:14px; color:#87724f; -moz-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; /* pour Chrome */ } #filAriane { margin-bottom:10px; font-size:12px; color:#727272; margin-left:10px; } #filAriane a { text-decoration:none; color:#727272; } #filAriane a:hover { color:#CC0000; } .linkType2 { margin:25px auto; text-align:center; display:block; } .linkType2 a { text-decoration:none; background:url(images/stopEnvoiButt.png) no-repeat; height:70px; display:block; width:186px; line-height:70px; color:#FFF; font-size:18px; font-weight:bolder; text-align:left; } .linkType2 a:hover { background-position: 0 -70px; color:#FF0; } .linkType2 a span { margin-left:15px; } /* Perles */ #bout1 { background:url(images/perles-bac-2014.png) no-repeat 0px 0px; width:290px; height:78px; margin-bottom:5px; border:0; display:block; transition: all 1000ms ease 0s; } #bout1:hover { background-position:-80px 0px; } #bout2 { background:url(images/perles-bac-2013.png) no-repeat 0px 0px; width:290px; height:78px; margin-bottom:5px; border:0; display:block; transition: all 1000ms ease 0s; } #bout2:hover { background-position:-80px 0px; } #nombrePerles { width:100%; text-align:right; color:#db564c; font-weight:bold; padding-bottom:10px; } #chunkPerlesAccueil { display:block; padding-bottom:20px; border-bottom:#d9cab7 1px dotted; margin-top:25px; } #chunkPerlesAccueil .perle { width:85%; font-size:18px; font-weight:bold; float:left; padding-bottom:10px; text-align:justify; } #chunkPerlesAccueil .image { margin:auto; } #chunkPerlesAccueil .commentaire { width:85%; font-size:12px; color:#900; font-style:italic; text-align:left; float:left; margin-top:15px; } #chunkPerlesAccueil .theme { width:85%; font-size:12px; color:#ad8d64; font-style:italic; text-align:right; float:left; margin-top:15px; } #chunkPerlesAccueil .notes { float:right; position:relative; font-weight:bolder; } #chunkPerlesAccueil .notesheader { margin:auto; width:60px; height:31px; text-align:center; background:url(images/note01.png) no-repeat; color:#FFFFFF; } #chunkPerlesAccueil .notesheader span { padding-top:5px; display:block; } #chunkPerlesAccueil .notesBody { margin:auto; width:60px; height:35px; font-size:20px; color:#681d1d; text-align:center; background:url(images/note02.png) no-repeat; } .sousThemesh3 { margin:0; padding:0; margin-left:20px; margin-bottom:10px; font-size:16px; color:#dc3e38; line-height:27px; } .sousThemesh3 img { vertical-align:middle; } #ListePerles { display:block; padding-top:20px; } #ListePerles ul { margin:0; padding:0; list-style:none; } #menuPerles { display:block; margin-left:20px; margin-bottom:45px; } #menuPerles ul { list-style:none; padding:0; margin:0; } #menuPerles li { float:left; margin-right:5px; padding-top:5px; } #menuPerles a { text-decoration:none; font-size:11px; font-weight:bold; color:#5e5217; padding:5px 0px; width:208px; height:40px; background:url(images/menuPerles.png) no-repeat; text-align:center; display:block; } #menuPerles li:hover { } #menuPerles a:hover { color:#C00; } #PresentationCategorie { margin:0; padding:1px 20px; display:block; background:#f4ebc5; border-bottom:2px solid #efe0a1; border-top:2px solid #efe0a1; height:100px; } #PresentationCategorie h4 { margin-top:10px; margin-bottom:10px; } #PresentationCategorie img { float:left; } #linkSousTheme:hover { color:#990000; font-weight:bold; } #menuSousThemes, #menuSousThemes2 { display:inline-block; display:none; width:95%; margin:10px auto; border:1px dotted #CCCCCC; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ } #menuSousThemes ul, #menuSousThemes2 ul { list-style:none; padding:0; margin:10px; margin-right:20px;} #menuSousThemes2 li a { float:left; padding:5px 10px; display:block; } #menuSousThemes2 li a:hover { background:#CCC; } #menuSousThemes a { padding:10px 10px; display:block; text-decoration:none; color:#278a8d; } #menuSousThemes a:hover { background:#98d0d2; color:#FFF; } #SousCatButt { background:url(images/sousCat.png) no-repeat; height:46px; width:168px; line-height:34px; text-align:center; font-weight:bold; margin-left:220px; color:#4d3d23; display:block; text-decoration:none; } #menuPerlesSpan { padding-left:10px; } #SousCatButt:hover { background:url(images/sousCat2.png) no-repeat; color:#675538; cursor:pointer; } #chunkDefault { display:block; padding-bottom:25px; border-bottom:#d9cab7 1px dotted; margin:auto; margin-bottom:35px; width:100%; } #chunkDefault .perle { width:79%; font-size:18px; font-weight:bold; float:left; text-align:justify; } #chunkDefault .commentaire { width:79%; margin-left:20px; color:#990000; margin-top:15px; float:left; font-size:10px; } #chunkDefault .auteur { width:79%; margin-left:20px; margin-top:15px; float:left; font-size:11px; } #chunkDefault .plusInfo { float:left; font-size:11px; } #chunkDefault .plusInfo a { padding:2px 10px; text-decoration:none; background:#f6eecf; color:#a48e3a; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ font-weight:bold; } #chunkDefault .plusInfo a:hover { background:#a48e3a; color:#f6eecf; } #chunkDefault .image { margin:auto; text-align:center; width:79%; float:left; } #chunkDefault .theme { width:79%; font-size:12px; color:#ad8d64; font-style:italic; text-align:right; float:left; margin-top:25px; } #chunkDefault .options { float:right; position:relative; text-align:center; } #chunkDefault .notes { display:block; float:right; } #chunkDefault .fiche { display:block; float:right; } #chunkDefault .fiche a { display:block; height:60px; width:60px; background:url(images/fiche2.png) no-repeat; margin:auto; margin-top:5px; margin-left:5px; } #chunkDefault .fiche a:hover { background:url(images/ficheRoll2.png) no-repeat; } #chunkDefault .notesheader { margin:auto; width:60px; height:31px; text-align:center; background:url(images/note01.png) no-repeat; color:#FFFFFF; font-weight:bolder; } #chunkDefault .notesheader span { padding-top:5px; display:block; } #chunkDefault .notesBody { margin:auto; width:60px; height:35px; font-size:20px; font-weight:bold; color:#681d1d; text-align:center; background:url(images/note02.png) no-repeat; } #ListePerles { margin-top:10px; } .commentLinks { color:#000066; text-decoration:underline; float:right; } .commentLinks:hover { color:#D0625C; cursor:pointer; } .fichetab2 { display:none; margin:30px; } .fichetab3 { margin:40px 10px; } #boutonFicheTab { float:right; } #fichePerle { display:block; padding-bottom:5px; border-bottom:#d9cab7 1px dotted; margin:auto; margin-top:5px; } #fichePerle .perle { font-size:18px; font-weight:bold; text-align:justify; width:85%; } #fichePerle .commentaire { width:85%; color:#990000; margin-top:10px; } #fichePerle .NextPerles, #fichePerle .NextPerles2 { margin-top:30px; display:block; padding:5px 15px; font-weight:bold; background:#f4ebc5; width:150px; color:#7e713c; text-decoration:none; text-align:center; } #fichePerle .NextPerles:hover, #fichePerle .NextPerles2:hover { background:#f3e5ae; color:#332b0c; } #fichePerle .NextPerles2 { margin-top:5px; } #fichePerle .circonstances { width:85%; margin-top:10px; font-style:italic; } #fichePerle #lesCommentaires { width:100%; margin-left:20px; margin-top:10px; float:left; } #fichePerle #lesCommentaires #ajouterCommentaire { border:1px dotted #CCCCCC; padding:10px; margin-bottom:15px; margin-top:15px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ } #fichePerle #lesCommentaires #titreComm { font-weight:bold; margin-bottom:5px; } #fichePerle .auteur { width:85%; margin-top:10px; } #fichePerle .image { margin:auto; text-align:center; width:85%; } #fichePerle .theme { width:80%; font-size:12px; color:#ad8d64; font-style:italic; text-align:right; float:left; margin-top:4px; } #fichePerle .notes { display:block; float:right; position:relative; text-align:center; } #fichePerle .noter { display:block; float:right; position:relative; text-align:center; background:url(images/postit3.png) no-repeat; width:112px; height:127px; } #fichePerle #noter { margin-top:30px; padding:5px; } #fichePerle .noter #boutton_noter { color:#5e4b25; background:#c6a96d; margin-top:5px; font-weight:bold; } #fichePerle .noter #boutton_noter:hover { color:#756e4e; background:#e5c845; } #fichePerle .notesheader { margin:auto; width:60px; height:31px; text-align:center; background:url(images/note01.png) no-repeat; color:#FFFFFF; font-weight:bolder; } #fichePerle .notesheader span { padding-top:5px; display:block; } #fichePerle .notesBody { margin:auto; width:60px; height:35px; font-size:20px; font-weight:bold; color:#681d1d; text-align:center; background:url(images/note02.png) no-repeat; } #ficheCommentaires { margin:2px auto; display:inline-block; background:#f8f4ee; padding:5px; width:100%; } #ficheCommentaires #auteurComm { margin-right:2px; font-weight:bold; color:#c19d65; } #ficheCommentaires #texteComm { float:left; display:block; } #ficheCommentaires .signalerAbus { display:inline-block; width:98%; text-align:right; margin-top:6px; font-size:11px; margin-bottom:6px; font-weight:bolder; } #ficheCommentaires .signalerAbus a { padding:4px 10px; text-decoration:none; color:#87704d; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ } #ficheCommentaires .signalerAbus a:hover { color:#87704d; background:#d6b279; } #newsletterConnexion { margin:20px auto; border:1px dotted #CCCCCC; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ padding:10px 20px; } #rechercheField { margin-top:30px; } #recevoirPerlesGauche { background:url('images/recevoir.png'); background-repeat:no-repeat; height:66px; width:216px; display:block; margin-top:5px; margin-bottom:15px; } #recevoirPerlesGauche:hover { background:url('images/recevoirRoll.png'); background-repeat:no-repeat; } #lastNews { background:#F7F5AC; display:block; padding:10px; border-bottom:2px solid #e9e79f; border-top:2px solid #e9e79f; } #lastNewsTitre { font-weight:bold; padding-bottom:3px; } #lastNewsTexte { text-align:justify; } /*/////////////////////////////////////////// Perles du bac 2012 //////////////////////////////////////////*/ #miniListPerles { margin-left:5px; margin-bottom:20px; } #miniListPerles li a { text-decoration:none; color:#333333; } #miniListPerles li a:hover { text-decoration:underline; } #miniListPerlesTitre { border-bottom:1px dotted #999999; margin-bottom:10px; margin-top:20px; color:#333333; } #proposerPerles2013 { background:#f6f5c7; margin:10px 0px; padding:20px; border-bottom:1px solid #f6f49a; border-top:1px solid #f6f49a; } /*/////////////////////////////////////////// Footer //////////////////////////////////////////*/ #linksFooterPromo { margin-top:10px; } #linksFooterPromo ul { list-style:none; padding:0; margin:0; } #linksFooterPromo li { float:left; margin-right:2px; padding-top:5px; } #linksFooterPromo a, #linksFooterPromo span { color:#40403e; text-decoration:none; padding:1px 2px; } #linksFooterPromo a:hover { background:#f7f5ac; } /*/////////////////////////////////////////// Presse //////////////////////////////////////////*/ #chunkPresse { padding-top:15px; border-bottom:1px dotted #CCCCCC; } #chunkPresseLogo { float:left; margin-right:10px; margin-bottom:40px; } #chunkPresseDate { margin-bottom:5px; color:#ad8d64; font-style:italic; } #chunkPresseText { margin-bottom:10px; } /* ///////////////////////////////////////////////////////// bannières /////////////////////////////////////////////////////////*/ #ficheBan { margin-top:25px; padding-bottom:10px; border-bottom:#CCCCCC dotted 2px; } .expliBan { margin:10px; font-style:italic; } /* ///////////////////////////////////////////////////////// cocktail /////////////////////////////////////////////////////////*/ #PerlesCocktail { margin-bottom:5px; margin-top:10px; padding-top:20px; padding-bottom:20px; padding-left:80px; background:url(images/cocktail01.png) no-repeat 10px 0px; border-bottom:2px dotted #f0dcbd; } #ficheCockatailImage { margin:auto; text-align:center; margin-top:20px; } /* ///////////////////////////////////////////////////////// perles du bac 2012 /////////////////////////////////////////////////////////*/ #PerlesDuBac2012Accueil { margin:auto; margin:30px; text-align:center; } /* ///////////////////////////////////////////////////////// News /////////////////////////////////////////////////////////*/ #box_news { width:45%; float:left; margin-right:5px; } #news_fiche { } #news_fiche ul { list-style:none; } .petit_titre { margin-top:15px; } .petit_entete { padding-top:15px; padding-bottom:10px; font-size:12px; color:#839048; font-weight:bold; text-align:right; } .petit_para { padding:2px; padding-top:5px; text-align:justify; } .petit_para img { float:left; margin-right:10px; margin-bottom:5px; border:1px solid #000; height:160px; } .petit_para a { color:#000; } #box_news { border:#cbc9c9 1px solid; background:#f0ecec; padding:10px; margin:10px auto; display:block; width:95%; } .les_news { padding:1px; width:350px; } .les_news a { text-decoration:none; } .les_news a:hover { text-decoration:underline; } #NewsvoirAussi { display:inline-block; width:80%; margin-top:10px; } #fl_droite { background-image:url('imgs/droite.png'); background-repeat:no-repeat; height:48px; width:48px; border:0; display:block; float:right; } #fl_gauche { background-image:url('imgs/gauche.png'); background-repeat:no-repeat; height:48px; width:48px; border:0; display:block; float:right; } /* ///////////////////////////////////////////////////////// formulaire /////////////////////////////////////////////////////////*/ select, input, textarea { -moz-box-shadow: 1px 1px 1px #ddd; -webkit-box-shadow: 1px 1px 1px #ddd; box-shadow: 1px 1px 1px #ddd; border: 1px solid #d0d0d0; padding: 4px 9px; margin:1px 1px; background:#f0eed4; } .boutons, .bouton_insc { background:#df685e; margin:auto; font-weight:bold; color:#502e2c; text-align:center; margin-top:4px; } .boutons:hover , #bouton_insc:hover { background:#be463c; color:#FFFFFF; } fieldset { border:1px solid #CCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding:20px 10px; } .annuleStyle { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding:2px; margin:1px; } /* ///////////////////////////////////////////////////////// Inscription /////////////////////////////////////////////////////////*/ #inscription { width:100%; } #milieu_insc { padding:10px; width:100%; } #tab_insc { width:100%; border:0; border-collapse:collapse; } #tab_insc td { font-size:13px; padding:4px; } #avert_insc { text-align:center; padding:3px; color:#186528; font-weight:bold; } #expli_insc { font-size:13px; display:block; float:left; width:100%; padding:3px 3px 10px 15px; } #legende { padding:10px 0px; } .suffisant { color:#030; } .insuffisant { color:#900; } /* ///////////////////////////////////////////////////////// RECEVOIR /////////////////////////////////////////////////////////*/ #recevoirGauche { width:310px; float:left; text-align:justify; } .alerte { margin:10px 0px; } #edito { margin:10px 0px; } #dejaEwakoo { margin:10px 0px; } #arguments { margin-bottom:20px; } #arguments li { margin-bottom:5px; font-size:16px; font-weight:bold; } #recevoirGauche img { display:inline-block; float:right; } #recevoirGauche #sousTitre { font-weight:bold; margin-bottom:15px; } #recevoirGauche #paragraphe { margin-bottom:10px; } #recevoirGauche #recevoirLink { margin:auto; padding:0; line-height:35px; background:url('images/recevoirButt.png'); background-repeat:no-repeat; height:42px; width:147px; display:block; text-align:center; text-decoration:none; color:#FFF; font-size:16px; margin-bottom:20px; margin-top:20px; font-weight:bold; } #recevoirGauche #recevoirLink span { display:block; margin-right:15px; } #recevoirGauche #recevoirLink:hover { color:#FC0; } #recevoirDroite { width:320px; float:right; margin-left:10px; } #recevoirDroite #recevoirInsc1 { background:url('images/boxLogin1.png'); background-repeat:no-repeat; height:84px; line-height:84px; font-size:24px; font-weight:lighter; color:#333; } #recevoirDroite #recevoirInsc1 img { margin-left:20px; margin-right:10px; vertical-align:middle; } #recevoirDroite #recevoirInsc2 { background:url('images/boxLogin2.png'); background-repeat:repeat-y; } #recevoirContent { padding:20px; } #recevoirDroite #recevoirInsc3 { height:87px; } #recevoirDroite #recevoirInsc4 { margin:0; padding:0; border:0; background:url('images/boxLogin3.png'); background-repeat:no-repeat; height:87px; width:202px; float:left; text-align:center; line-height:84px; font-size:16px; font-weight:bold; color:#CCC; display:block; } #recevoirDroite #recevoirInsc4:hover { background:url('images/boxLogin3roll.png'); background-repeat:no-repeat; width:202px; cursor:pointer; color:#CF6; } #recevoirDroite #recevoirInsc5 { background:url('images/boxLogin4.png'); background-repeat:no-repeat; height:87px; width:117px; float:left; line-height:87px; } #recevoirInsc5 img { width:80%; } .FormAccueil #incriptionForm { margin-bottom:15px; } .FormAccueil #expliConnect { margin-bottom:3px; font-size:11px; margin-left:2px; } .FormAccueil #cgv, .FormAccueil #accor, #memo { margin-top:15px; } #titleConnect { font-size:18px; font-weight:bold; margin-bottom:20px; padding-top:10px; padding-bottom:5px; text-align:left; padding-right:5px; color:#2b81ac; } #linkConnect { margin-top:5px; font-size:15px; font-weight:bold; } #inscIcon { width:30px; float:left; margin-right:10px; } .FormAccueil .annuleStyle { border:0; padding:0px 5px; height:28px; } .FormAccueil .inscStyle { background:#ececfb; width:250px; } .FormAccueil .inscStyle:focus { background:#e0e0f2; } .erreur_box_accueil { display:inline-block; margin:10px; padding:10px; background:#f2d0d0; color:#900; width:95%; } .ok_box_accueil { display:inline-block; margin:10px; padding:10px; background:#cae8ca; color:#030; width:95%; } .infosImportantes { margin-bottom:15px; color:#900; } #recevoirDroite #illust { float:right; } /*/////////////// ONGLETS ///////*/ .onglet2 { display:inline-block; margin-right:3px; padding:3px 5px; border:1px solid #eaeaea; cursor:pointer; margin-top:25px; color:#444a81; } .ongletsPos2 { padding-left:2px; } .onglet_02, .onglet_12 { font-size:15px; font-weight:bold; } .onglet_02 { background:#444a81; border-bottom:1px solid #eaeaea; margin-left:5px; color:#f4f3f3; } .onglet_02:hover { background:#868dc6; } .onglet_12 { background:#f4f3f3; border-bottom:0px solid #eaeaea; margin-left:5px; padding-bottom:4px; } .contenu_onglet2 { border:1px solid #eaeaea; margin-top:-1px; padding:5px; display:none; margin-bottom:25px; padding:20px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; /* pour Chrome */ -moz-box-shadow: 2px 2px 2px #888; /* décalage horizontal, décalage vertical, longueur du dégradé. */ -webkit-box-shadow: 2px 2px 2px #888; box-shadow:2px 2px 2px #888; } /*/////////////// ONGLETS ///////*/ .onglet { display:inline-block; margin-right:3px; padding:3px 5px; border:1px solid #eaeaea; cursor:pointer; margin-top:25px; color:#444a81; } .ongletsPos { padding-left:2px; } .onglet_0, .onglet_1 { font-size:15px; font-weight:bold; } .onglet_0 { background:#f4f3f3; border-bottom:1px solid #eaeaea; margin-left:5px; } .onglet_0:hover { background:#f4f3f3; } .onglet_1 { background:#f4f3f3; border-bottom:0px solid #eaeaea; margin-left:5px; padding-bottom:4px; } .contenu_onglet { border:1px solid #eaeaea; margin-top:-1px; padding:5px; display:none; margin-bottom:25px; padding:20px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; /* pour Chrome */ -moz-box-shadow: 2px 2px 2px #888; /* décalage horizontal, décalage vertical, longueur du dégradé. */ -webkit-box-shadow: 2px 2px 2px #888; box-shadow:2px 2px 2px #888; }