body { margin:0 auto; padding:0; } .Clear { clear:both; } .Bonus { font-weight:bold; color:white; padding:1px 3px; background:#38aa29; } .Gras { font-weight:bold; } .GrasPlus { font-weight:bold; } .LeftImg { float:left; margin:0 12px 12px 0; } .RightImg { float:right; margin:0 0 12px 12px; } #Header { width:970px; height:306px; margin:10px auto 0 auto; } #Header .Logo-Anteres { float:left; display:inline; margin:0 0 0 30px; } #Header .PlanSite { float:right; display:inline; margin:8px 50px 0 0; padding:2px 0 10px 22px; background:url(../images/plan-picto.png) no-repeat; } #Header .PlanSite a { padding:5px 20px 5px 5px; font:normal 13px arial, sans-serif; color:#626d73; text-decoration:none; } #Header .PlanSite a:hover { text-decoration:underline; color:black; } #Header form.Recherche { float:right; display:inline; margin:0 6px 0 0; padding:7px 0 0 0; font:normal 13px arial, sans-serif; } #Header form.Recherche label { font-size:13px; color:#777; padding:0 0 5px 22px; background:url(../images/loupe.png) no-repeat; } #Header form.Recherche input { font-size:12px; color:#555; border:1px solid #ccc; padding:2px; background:url(../images/form-elements-background.png); } #Header form.Recherche input.submit { font-size:12px; color:white; border:none; margin:0 0 0 5px; padding:2px 15px; background:#005d8c; background-image:none; } #Header .HeaderVisuels { margin:0; padding:0; width:970px; height:203px; background:url(../images/bg-header.png); } #Header .HeaderVisuels .HeaderGradient { width:970px; height:203px; background:url(../images/anteres-degrade-bleu-noir.jpg) no-repeat 5px 6px; } #Header .HeaderVisuels .HeaderGradient #MsgBienvenue p { position:absolute; width:287px; padding:30px; text-align:left; color:white; font:normal 30px arial, helvetica, sans-serif; } #Header .HeaderVisuels .HeaderGradient #MsgBienvenue p br { margin:0; padding:0; line-height:20px;} #Header .HeaderVisuels .HeaderGradient #MsgAccompagner p { position:absolute; padding:30px; text-align:left; color:white; font:normal 30px arial, helvetica, sans-serif; } #Header .HeaderVisuels .HeaderGradient img { float:right; margin:6px 5px 0 0; } #Menu { margin:1px; height:42px; background:url(../images/bg-menu.png) repeat-x; } #Menu ul { margin:0 auto; width:970px; padding:0 0 0 5px; height:42px; } #Menu ul li { float:left; padding:0 11px; font:normal 13px arial, sans-serif; line-height:42px; } #Menu ul li a { margin:0; padding:13px 10px 13px 10px; text-decoration:none; text-align:center; color:white; line-height:42px; } #Menu ul li a:hover { text-decoration:none; background:url(../images/hover-menu.png); } #MenuThemesPos { display:none; position:absolute; padding:10px 0 0 0; margin:-1px 0 0 230px; z-index:10000; background:url(../images/bg-menu-themes.png) center 0; } #MenuThemesPos #MenuThemes { float:left; display:block; padding:0; margin:0; } #MenuThemesPos #MenuThemes ul { padding:10px 0; margin:0; } #MenuThemesPos #MenuThemes ul li { padding:0; margin:0; list-style:none; border:1px solid #003652; } #MenuThemesPos #MenuThemes ul li a { display:block; padding:10px 10px 10px 24px; margin:0; color:white; font:normal 14px arial, helvetica, sans-serif; text-decoration:none; background:url(../images/puce-menu.png) 10px center no-repeat; } #MenuThemesPos #MenuThemes ul li a:hover { color:white; text-decoration:none; background:#005d8e url(../images/puce-menu-hover.png) 10px center no-repeat; } #MenuThemesPos #MenuThemes ul li hr { margin:0; padding:0; line-height:1px; border-bottom:1px solid white; } #Container { width:970px; margin:0 auto; background:url(../images/bg-body.png) repeat-y; } #Right { display:inline; float:right; margin:0 5px 0 0; padding:0 0 40px 0; width:227px; text-align:center; background:#dadfe2 url(../images/bg-right.jpg) no-repeat; } #Right h2 { margin:25px 0 0 0; padding:0; font:bold 23px arial, sans-serif; color:#465c6a;} #Right h3 { margin:2px 0 0 0; padding:0; font:normal 10px arial, sans-serif; color:#465c6a;} #Right h4 { margin:40px 0 0 0; padding:0; font:bold 10px verdana, sans-serif; color:#222; } #Right h5 { margin:20px 0 0 0; padding:5px 0; font:bold 10px verdana, sans-serif; color:white; background:#40657b;} #Right p { margin:2px 0 0 0; padding:0; font:normal 10px verdana, sans-serif; color:#444; line-height:1.4; } #Right a { display:block; margin:25px auto 0 auto; width:150px; padding:3px 0; font:normal 13px verdana, sans-serif; color:#40657b; text-decoration:none; } #Right a:hover { color:white; background:#40657b; } #Right img { margin:0 auto; } #Right ul { float:left; display:inline; margin:20px 0 0 0; padding:0; } #Left ul li { float:left; } #Left ul li a { display:block; width:229px; height:31px; padding:16px 0 0 42px; text-decoration:none; text-align:left; font:bold 16px Arial, sans-serif; color:#222; background:url(../images/back-button.png) no-repeat; } #Left ul li a:hover { color:#f05323; background:url(../images/back-button.png) 0 -47px no-repeat; } .LoginMenu { display:block; margin:30px 0 20px 0; width:271px; padding:0; background:#eee; text-align:center; } .LoginMenu p { font:bold 16px Arial, sans-serif; color:#222; margin:0 0 10px 0; padding:4px; background:#ccc; } #Center { display:inline; float:left; width:695px; margin:0 0 30px 0; padding:0 15px 0 23px; } #Center h1 { margin:30px 0 20px 20px; padding:0 0 0 30px; font:normal 18px arial, sans-serif; color:#002a41; border-bottom:2px solid #ddd; background:url(../images/puce-titre.png) 0 3px no-repeat; } /*** FORMULAIRE ***/ #FormPage { font:normal 12px arial, sans-serif; color:#333; } .Formulaire { margin:0; padding:0; font:normal 14px arial, sans-serif; color:#333; } .Formulaire label { display:inline; float:left; width:170px; text-align:right; margin:4px 0; padding:2px; } .Formulaire input, .Formulaire textarea, .Formulaire select { background:url(../images/form-elements-background.png); color:#1b6f9f; font:normal 14px arial, sans-serif; border:1px solid #ccc; margin:4px 0; padding:2px; } .Formulaire select, .Formulaire option, .Formulaire select option { font:normal 14px arial, sans-serif; } .Formulaire textarea { overflow:auto; } .Formulaire a { padding:1px; color:#00aeef; text-decoration:underline; } .Formulaire a:hover { color:white; background:#00aeef; text-decoration:underline; } .Formulaire .BT_Submit { margin:10px; padding:3px 8px; font:bold 14px arial, sans-serif; color:white; background:black; border:none; cursor:pointer; } #Autres_Sujets { display:none; } .MessageBox { width:250px; height:53px; margin:0 0 3px 0; padding:5px; font:normal 12px verdana, sans-serif; color:#404040; text-align:center; background:url(../images/message-box.png) center 0 no-repeat; } /*** Réponse Formulaire de contact ***/ #Center .MessageInfos { margin:20px; } #Center .MessageInfos p { margin:10px 0; font:normal 14px arial, helvetica, sans-serif; } #Bottom { width:970px; height:70px; margin:0 auto; text-align:center; background:url(../images/bg-bottom.png) no-repeat; } #Bottom ul { float:left; margin:0 0 0 10px; padding:0; } #Bottom ul li { float:left; padding:12px 0 0 0; font:normal 11px verdana, sans-serif; color:#404040; } #Bottom ul li.separateur { padding:0 25px; width:6px; height:30px; background:url(../images/puce.png) no-repeat center 16px; } #Bottom ul li a { display:block; text-decoration:none; text-align:center; color:#404040; } #Bottom ul li a:hover { text-decoration:underline; color:black; } #Right a.logIn { display:block; width:200px; margin:30px 0 0 30px; padding:2px 0 5px 28px; line-height:22px; font:normal 12px verdana, sans-serif; text-decoration:none; text-align:left; color:#444; background:url(../images/icon-log-in.png) no-repeat; } #Right a.logIn:hover { text-decoration:none; color:black; background:url(../images/icon-log-in.png) 0 -38px no-repeat; } #Center .MentionsLegales { width:630px; margin:20px 15px 20px 45px; font-family:arial, sans-serif; } #Center .MentionsLegales h2 { font-weight:bold; font-size:18px; margin:30px 0 0 0; padding:0; } #Center .MentionsLegales h3 { font-weight:bold; font-size:14px; margin:25px 0 0 0; padding:0; } #Center .MentionsLegales p { margin:15px 0; font-size:12px; text-align:justify; line-height:1.2em; } #Center .PageStd, #Center .QuiSommesNous { float:left; display:inline; width:670px; margin:0 0 20px 20px; font-family:arial, sans-serif; } #Center .PageStd h2 { font-weight:bold; font-size:18px; margin:30px 0 0 0; padding:0; } #Center .PageStd h3 { font-weight:bold; font-size:14px; margin:25px 0 0 0; padding:0; } #Center .PageStd p { margin:5px 0 10px 0; font-size:12px; text-align:justify; } #Center .PageStd img { border:1px solid #777; } /** Page : Formations ANTERES **/ #Center .PageFormations { float:left; display:inline; width:930px; margin:0; padding:0 20px 20px 20px; font-family:arial, sans-serif; } #Center .Formations { margin:0; padding:0; width:970px; background:url(../images/bg-formation.png) repeat-y; } #Center .PageFormations .ListeFormations { float:left; display:inline; width:260px; margin:0 35px 0 0; } #Center .PageFormations .ListeFormations h2 { height:22px; padding:14px 0 0 20px; background:url(../images/bg-formations-liste.png) no-repeat; color:white; font:bold 14px arial, helvetica, sans-serif; cursor:pointer; } #Center .PageFormations .ListeFormations ul { margin:0; padding:0; background:#ddd; color:#222; } #Center .PageFormations .ListeFormations ul li { margin:0; padding:0; font:normal 11px arial, helvetica, sans-serif; } #Center .PageFormations .ListeFormations ul li a { display:block; margin:3px 0; padding:5px 5px 5px 15px; color:#000; text-decoration:none; background:transparent url(../images/puce-liste-formations.png) 5px 12px no-repeat;} #Center .PageFormations .ListeFormations ul li a:hover { background:#002a41 url(../images/puce-liste-formations-hover.png) 5px 12px no-repeat; color:white; } #Center .PageFormations .FicheFormation { float:left; display:inline; width:635px; } #Center .PageFormations .FicheFormation h2 { padding:0 0 10px 0; font:normal 22px arial, helvetica, sans-serif; color:#19749b; border-bottom:2px solid #ddd; } #Center .PageFormations .FicheFormation ul { margin:5px 0 20px 20px; padding:0; } #Center .PageFormations .FicheFormation ul li { margin:0; padding:3px 0; line-height:1.2em; list-style:disc; font:normal 13px arial, helvetica, sans-serif; color:#333; } /* ACTUALITES */ #Center .PageStd .Actualites { float:left; display:inline; width:623px; margin:0 30px 10px 0; padding:15px 25px 0 25px; border:1px solid #ccc; background:url(../images/bg-article-actu.png) repeat-x; } #Center .PageStd .Actualites h2 { margin:0; padding:0; font:bold 16px arial, helvetica, sans-serif; color:#19749b; border-bottom:2px solid #ccc; } #Center .PageStd .Actualites .ActuColonne1 { float:left; display:inline; width:290px; margin:0 0 5px 0; padding:0 30px 0 15px; border-right:1px solid #ccc; } #Center .PageStd .Actualites .ActuColonne2 { float:left; display:inline; width:290px; margin:0 0 5px 0; padding:0 15px 0 30px; } #Center .PageStd .Actualites h3 { margin:20px 0 0 0; padding:5px 0 0 18px; font:bold 15px arial, helvetica, sans-serif; color:#19749b; } #Center .PageStd .Actualites h3 span { color:#222; } #Center .PageStd .Actualites .articleContent { margin:0 0 30px 0; padding:0 15px; } #Center .PageStd .Actualites .articleContent p { font:normal 13px arial, helvetica, sans-serif; color:#333; text-align:left; } #Center .PageStd .Actualites .articleContent ul { margin:10px 0 10px 20px; padding:0; } #Center .PageStd .Actualites .articleContent ul li { margin:0; padding:2px 0; list-style:disc; list-style-position:inside; font:normal 13px arial, helvetica, sans-serif; color:#333; } #Center .PageStd .Actualites .articleContent img { float:left; padding:5px 0 0 0; margin:0 15px 15px 0; border:none;} #Center .PageStd p.lireActu a { font-size:15px; color:#39a9e3; text-decoration:none; } #Center .PageStd p.lireActu a:hover { color:#00a8ff; text-decoration:underline; } .article { margin:0; padding:0; } .article h3 { margin:20px 0 0 0; padding:5px 0 0 18px; font:bold 15px arial, helvetica, sans-serif; color:#19749b; } /* ACTUALITES : AGENDA */ #Center .PageStd .ActuAgenda { float:left; display:inline; width:673px; margin:20px 30px 0 0; background:url(../images/picto-actu-agenda.jpg) no-repeat; } #Center .PageStd .ActuAgenda h2 { margin:0 0 0 80px; padding:5px 0; font:bold 20px arial, helvetica, sans-serif; color:#065f89; } #Center .PageStd .ActuAgenda p { margin:0 0 0 80px; text-align:justify; } #Center .PageStd .ActuAgenda p a { font:normal 14px arial, helvetica, sans-serif; color:#444; text-align:underline; } #Center .PageStd .ActuAgenda p a:hover { color:#009ed0; text-align:underline; } #Center .PageStd .ActuAgenda h3 { float:right; display:inline; width:196px; height:41px; margin:-45px 0 20px 0; padding:6px 10px 6px 0; text-align:right; background:url(../images/bg-telecharger-programme.jpg) no-repeat; } #Center .PageStd .ActuAgenda h3 a { color:#008fc7; text-decoration:none; } #Center .PageStd .ActuAgenda h3 a:hover { color:#418e2e; } #Center .PageStd .ActuAgenda .DateFormation { float:left; display:inline; width:300px; margin:0 10px 20px 20px; border:1px solid #ccc; } #Center .PageStd .ActuAgenda .DateFormation p { margin:5px; font:normal 14px arial, helvetica, sans-serif; color:#333; } #Center .PageStd .ActuAgenda .DateFormation p a { color:#19749b; text-decoration:underline; } #Center .PageStd .ActuAgenda .DateFormation p a:hover { color:#418e2e; text-decoration:underline; } #Center .PageStd .ActuAgenda .DateFormation a.savoirplus { display:block; padding:5px; text-align:right; font:normal 11px arial, helvetica, sans-serif; color:#19749b; } #Center .PageStd .ActuAgenda .DateFormation a.savoirplus:hover { color:#ff8a00; } /* ACTUALITES : LISTE DE THEMES DE FORMATIONS : HOME PAGE */ #Center .PageStd .NosFormations { float:left; display:inline; width:673px; margin:20px 30px 20px 0; } #Center .PageStd .NosFormations h2 { margin:10px; padding:5px; font:bold 18px arial, helvetica, sans-serif; color:#19749b; border-bottom:2px solid #ccc; } #Center .PageStd .NosFormations ul { margin:0 0 0 20px; padding:0; } #Center .PageStd .NosFormations ul li { display:block; float:left; display:inline; width:280px; margin:0; padding:5px; font:normal 14px arial, helvetica, sans-serif; } #Center .PageStd .NosFormations ul li a { margin:3px 0; padding:5px 5px 5px 15px; color:#000; text-decoration:none; background:url(../images/puce-liste-formations.png) 5px 12px no-repeat;} #Center .PageStd .NosFormations ul li a:hover { color:#ff8a00; } /* OBJECTIFS */ #Center .PageFormations .FicheFormation p { margin:10px; padding:0; font:normal 15px arial, helvetica, sans-serif; color:#333; } #Center .PageFormations .FicheFormation p strong { color:#19749b; } #Center .PageFormations .FicheFormation h3 { margin:25px 0 0 10px; padding:0; font:bold 16px arial, helvetica, sans-serif; color:#19749b; text-decoration:underline; } #Center .PageFormations .FicheFormation ul { margin:5px 0 30px 30px; padding:0; } #Center .PageFormations .FicheFormation ul li { margin:10px 0; padding:0; } #Center .PageFormations .FicheFormation ul li a { margin:0 0 30px 0; padding:3px 0; font-size:12px; color:#333;} #Center .PageFormations .FicheFormation .Objectifs { float:left; display:inline; width:300px; margin:20px 30px 20px 0; } #Center .PageFormations .FicheFormation .Objectifs h2 { padding:10px 0 25px 48px; font:bold 18px arial, helvetica, sans-serif; color:#19749b; border:none; background:url(../images/picto-objectifs.png) no-repeat; } #Center .PageFormations .FicheFormation .Objectifs p { margin:0; padding:0; font:normal 13px arial, helvetica, sans-serif; color:#333; } /* PUBLIC */ #Center .PageFormations .FicheFormation .Public { float:left; display:inline; width:300px; margin:20px 0 20px 0; } #Center .PageFormations .FicheFormation .Public h2 { padding:10px 0 25px 48px; font:bold 18px arial, helvetica, sans-serif; color:#19749b; border:none; background:url(../images/picto-public.png) no-repeat; } #Center .PageFormations .FicheFormation .Public p { margin:0; padding:0; font:normal 13px arial, helvetica, sans-serif; color:#333; } /* NOS ENGAGEMENTS */ #Center .PageFormations .FicheFormation .Engagements { float:left; display:inline; width:300px; margin:20px 30px 0 0; } #Center .PageFormations .FicheFormation .Engagements h2 { padding:10px 0 10px 48px; font:bold 18px arial, helvetica, sans-serif; color:#19749b; border:none; background:url(../images/picto-nos-engagements.png) no-repeat; } #Center .PageFormations .FicheFormation .Engagements p { margin:0; padding:0; font:normal 13px arial, helvetica, sans-serif; color:#333; } #Center .PageFormations .FicheFormation .Engagements ul { margin:0 0 30px 20px; padding:0; font-size:13px; } #Center .PageFormations .FicheFormation .Engagements ul li { margin:0; padding:3px 0; } /* INFOS PRATIQUES */ #Center .PageFormations .FicheFormation .InfosPratiques { float:left; display:inline; width:300px; margin:20px 0 0 0; } #Center .PageFormations .FicheFormation .InfosPratiques h2, #Center .PageFormations .FicheFormation .InfosPratiques h3, #Center .PageFormations .FicheFormation .InfosPratiques h4 { padding:10px 0 25px 48px; font:bold 14px arial, helvetica, sans-serif; color:#19749b; border:none; background:url(../images/picto-duree.png) no-repeat; } #Center .PageFormations .FicheFormation .InfosPratiques h3 { background:url(../images/picto-pdf.png) no-repeat; } #Center .PageFormations .FicheFormation .InfosPratiques h3 a { color:#19749b; } #Center .PageFormations .FicheFormation .InfosPratiques h3 a:hover { color:#f89500; } #Center .PageFormations .FicheFormation .InfosPratiques h4 { margin-top:6px; padding-top:0; background:url(../images/picto-agenda.jpg) no-repeat; } /* CONTENU DE LA FORMATION */ #Center .PageFormations .FicheFormation .ContenuFormation { float:left; display:inline; width:630px; margin:20px 0; padding:0; } #Center .PageFormations .FicheFormation .ContenuFormation h2 { padding:10px 0 15px 48px; font:bold 18px arial, helvetica, sans-serif; color:#19749b; border:none; background:url(../images/picto-contenu-formation.png) no-repeat; } #Center .PageFormations .FicheFormation .ContenuFormation div { float:left; display:inline; width:300px; margin:5px 25px 0 0; padding:0; font:normal 13px arial, helvetica, sans-serif; color:#333; } #Center .PageFormations .FicheFormation .ContenuFormation div strong { margin:0; padding:0; } #Center .PageFormations .FicheFormation .ContenuFormation ul li { margin:0; padding:2px 0; } #Center .PageStd .LogosClients { float:left; display:inline; width:190px; height:100px; margin:25px 15px; border:none; text-align:center; } #Center .PageStd .LogosClients p { color:#555; text-align:center; } #Center .PageStd .LogosClients img { border:none; } /* MOTEUR DE RECHERCHE */ #Center .PageStd .PasdeResultat { font:normal 18px arial, helvetica, sans-serif; color:#006aa0; padding:8px 0 10px 72px; background:url(../images/warning.jpg) no-repeat; } #Center .PageStd .Resultat { font:normal 18px arial, helvetica, sans-serif; color:#12466f; padding:5px 0 5px 35px; background:url(../images/resultat-recherche.jpg) no-repeat; } #Center .PageStd .NoResults { font:normal 18px arial, helvetica, sans-serif; color:#006aa0; padding:4px 0 10px 40px; background:url(../images/no-results.png) no-repeat; } #Center .PageStd a.LinkForm { display:block; margin:15px 0 0 30px; font:normal 14px arial, helvetica, sans-serif; color:#2b6a13; padding:5px 0 5px 30px; background:url(../images/valide.png) no-repeat;} #Center .PageStd a.LinkForm:hover { text-decoration:underline; color:#2fa500; } /** Home Page : Plan du Site ANTERES **/ #Center .PageStd .ColonnePlanSite { float:left; display:inline; width:290px; padding:0; margin:20px 0 20px 40px; } #Center .PageStd .ColonnePlanSite h2 { margin:20px 0 0 0; font-size:14px; font-weight:bold; } #Center .PageStd .ColonnePlanSite h2 a { display:block; width:250px; padding:6px 0 7px 10px; color:#444; text-decoration:none; background:url(../images/background-liste-plan.png) no-repeat; } #Center .PageStd .ColonnePlanSite h2 a:hover { color:#0097c3; } #Center .PageStd .ColonnePlanSite ul { margin:10px 0 30px 10px; font-size:13px; } #Center .PageStd .ColonnePlanSite ul li { margin:0 0 8px 0; padding:0 0 0 10px; background:url(../images/puce-liste-plan.png) left center no-repeat; } #Center .PageStd .ColonnePlanSite ul li a { color:#444; text-decoration:none; } #Center .PageStd .ColonnePlanSite ul li a:hover { color:#70b200; } /** Qui Sommes Nous ? **/ #Center .QuiSommesNous .Colonne { float:left; display:inline; width:310px; margin:30px 0 0 0; padding:0; } #Center .QuiSommesNous .Rappel { width:300px; margin:20px auto; padding:10px; border:10px solid #eee; } #Center .QuiSommesNous .Rappel p { font-size:20px; color:#006fa7; } #Center .QuiSommesNous .Gutter { margin-left:50px; } #Center .QuiSommesNous h2 { font-weight:bold; font-size:20px; margin:30px 0; padding:0; color:#005d8d; border-bottom:2px solid #ddd; } #Center .QuiSommesNous h3 { font-weight:bold; font-size:16px; margin:20px 0 10px 0; padding:0; color:#005d8d;} #Center .QuiSommesNous h4 { font-weight:bold; font-size:14px; margin:0 0 20px 0; padding:0; color:#555; } #Center .QuiSommesNous h5 { font-weight:bold; font-size:14px; margin:25px 0 0 0; padding:0; } #Center .QuiSommesNous p { margin:5px 0 10px 0; font-size:13px; text-align:justify; line-height:1.1em; color:#222; } #Center .QuiSommesNous p span { font-size:17 0%; font-weight:bold; } #Center .QuiSommesNous img { border:none; } #Center .QuiSommesNous ol { margin:5px 0 20px 20px; font-size:13px; line-height:1.1em; list-style-type:decimal; } #Center .QuiSommesNous ol li { margin:5px 0 10px 0; line-height:1.1em; } #Center .QuiSommesNous hr { margin:30px 0; }