/* ----------------------------------------------------------------------------- */ /* */ /* Cette feuille de style est la propriete */ /* exclusive d'AEA-PRO et de ses auteurs. */ /* Toute utilisation, totale ou partielle */ /* sans autorisation est prohibee. */ /* http://wwww.aea-pro.net */ /* */ /* ----------------------------------------------------------------------------- */ /* ------------------------------------------------------- */ /* */ /* General */ /* */ /* ------------------------------------------------------- */ body {margin: 0px; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 11px; font-style: normal; color: #000; background-color: #0071A2;} img, img a:link, img a:hover, img a:visited {border: none;} .italique {font-style: italic;} .clignotement {text-decoration: blink;} .lettre {font-size: 16px;font-weight: bold;} a:link, a:visited {color: #0071A2; text-decoration: none;cursor : pointer;} a:hover {color: #0071A2; text-decoration: underline;} .citation { display: block; margin: 5px 0px 5px 20px; padding-left: 5px; border-left: #0071A2 dashed 1px; font-style: italic; } hr {margin: 0; border:1px transparent solid; clear: both;} #header {background-image : url(../images/f_header.jpg); background-position: center; height: 230px; margin: 0 auto; background-repeat: repeat-x;text-align:center;} #corps {background-color: #FFF; margin:0;} #menu { clear:both;text-align:center;font-size:40px;font-weight:bold;font-size: 11px;color:#8C9F68} #menu a {margin-left:1px;} #menu .menu_gauche {background-image: url(../images/fond_menu_gauche.jpg);height: 55px;width:6px;background-repeat: no-repeat;} #menu .menu_droit {background-image: url(../images/fond_menu_droit.jpg);height: 55px;width:6px;background-repeat: no-repeat;} #menu .menu {background-image: url(../images/fond_menu.jpg);background-repeat: repeat-x;} #contenu {width: 900px; margin: 0 auto;} #contenu_admin {width: 1200px; margin: 0 auto;} #pied {background-image: url(../images/f_pied.jpg); background-repeat: repeat-x; text-align: center;margin: 0;font-size: 11px;padding-top: 20px;} #pied p {margin:0; color: #FFF;} #pied a:link, #pied a:visited {color: #FFF; text-decoration: none;} #pied a:hover {text-decoration: underline; color: #A9B5D1;} #pied p.mentions {font-size: 9px; color: #A9B5D1;margin-top: 5px;} #notice {color:orange;padding-top:10px;padding-bottom:10px;font-weight: 700;} #presentation_site { font-size: 11px; margin-top: 10px; color: #555555; } #presentation_site b { color: #0071A2; } #fonctionnalites_site { font-size: 11px; margin-right: 500px; margin-top:10px; color: #555555; } #fonctionnalites_site b { color: #0071A2; } #concept { background-image: url(../images/f_concept.jpg); width: 438px; height: 202px; margin: -140px 0 0 430px;} #connexion { background-image: url(../images/f_connexion.jpg); width: 354px; height: 158px; margin: -50px 0 0 40px;} #aide { background-image: url(../images/f_aidea.jpg); width: 212px; height: 46px; margin-left: 600px; margin-bottom: 30px; margin-top: -50px; } #aide a:link, #aide a:visited {background-image: url(../images/f_aide.jpg);width: 212px; height: 46px; display:block; text-indent: -2000px; } #aide a:hover {background-image: none; } #contact { background-image: url(../images/contacter_ie.jpg); width: 155px; height: 29px; } #contact a:link, #contact a:visited {background-image: url(../images/contacter.jpg);width: 155px; height: 29px; display:block; } #contact a:hover {background-image: none;} #historique { background-image: url(../images/historique_ie.jpg); width: 155px; height: 29px; } #historique a:link, #historique a:visited {background-image: url(../images/historique.jpg);width: 155px; height: 29px; display:block; } #historique a:hover {background-image: none;} #retour { background-image: url(../images/retour_ie.jpg); width: 155px; height: 29px; } #retour a:link, #retour a:visited {background-image: url(../images/retour.jpg);width: 155px; height: 29px; display:block; } #retour a:hover {background-image: none;} #postuler { background-image: url(../images/postuler_ie.jpg); width: 155px; height: 29px; } #postuler a:link, #postuler a:visited {background-image: url(../images/postuler.jpg);width: 155px; height: 29px; display:block; } #postuler a:hover {background-image: none;} #acces_pro a:link, #acces_pro a:visited {position: absolute; margin: 76px 0 0 40px; background-image: url(../images/f_connexion_pro.jpg);width: 152px; height: 46px; display:block; text-indent: -2000px;} #acces_pro a:hover {background-image: none;} #acces_ea a:link, #acces_ea a:visited {position: absolute; margin: 76px 0 0 201px; background-image: url(../images/f_connexion_ea.jpg);width: 152px; height: 46px; display:block; text-indent: -2000px;} #acces_ea a:hover {background-image: none;} #connexion p.modedemploi {text-indent: -2000px;} #connexion h1 {display: none;} #inscription a:link, #inscription a:visited {position: absolute; margin: 169px 0 0 213px; background-image: url(../images/f_inscription.jpg);width: 159px; height: 33px; display:block; text-indent: -2000px;} #inscription a:hover {background-image: none;} #concept p.description {display: none;} #concept h1 {display: none;} /* ====================================================================== /* PAGES ANCIEN SITE /* ====================================================================== */ /* login */ #colonne_droite {float:right;width: 200px;} #colonne_gauche {padding-right:230px;} #colonne_droite_inverse {padding-left:230px;} h1 {color:#0071A2;font-weight:bold;font-size: 18px;} h1.bienvenue {color:#0071A2;font-weight:bold;font-size: 20px;text-indent: 50px;margin: 40px 10px;} h2 {color:#8C9F68; font-size: 14px;border-bottom: #c5c5c5 1px solid;margin-bottom:10px;margin-top:15px;font-weight: 700;} .titre2 {color:#71834E; /* notre vert */ font-size: 11px;margin-bottom:5px;margin-top:10px;} .titre2 a:link, .titre2 a:visited {color:#71834E;text-decoration: none;} .titre2 a:hover {color:#71834E;text-decoration: underline;} .titre3 {color:#0071A2; /* notre bleu */font-size: 11px; margin-bottom:1px;margin-top:1px;} .titre3 a {color:#0071A2; /* notre bleu */text-decoration: none;} .text_content {margin-top:3px;font-size: 11px;margin-left: 8px;color:black;font-weight:100;} .text_content2 {margin-top:3px;font-size: 11px;margin-left: 18px;color:black;font-weight:100;} .datemessage {color: #657054 ;font-size: 9px} .date_heure {color: grey; font-style:italic; font-size:9px} /* ====================================================================== /* CONNEXION /* ====================================================================== */ .question {margin: 5px 0 0 100px;} .question a {cursor:pointer;} .question a {color:#0071A2; /* notre bleu */font-size : 9px;} .important { color:red; } .bulle {border: #CCC 1px solid; padding: 10px; display: block; color: #FFF; font-size: 10px; background-color: #999; margin: 0 0 20px 0; font-style: italic;} p.bulle:first-letter {font-weight: 700;} #form_connexion {margin: 30px auto; background-color: #E0DFE0; padding: 10px; width: 300px; border: solid 1px #CCC;} #charte {margin: 30px auto; background-color: #E0DFE0; padding: 10px; width: 100%; border: solid 1px #CCC;font-size:9px;} /* ====================================================================== /* FORMULAIRES /* ====================================================================== */ #panel {width: 700px; margin: auto;} input[type="submit"] {border: double 1px #999;font-size: 10px;color: #474747;padding: 5px 10px;cursor:pointer;margin-top: 20px;} label {font-size: 11px;margin-left: 10px;color:#666; /* notre vert */width: 300px;text-align: right;font-weight: 700;} input, textarea, select {margin-left: 25px;color: #666;border: solid 1px #cccccc;} select {width:170px;} .gris {color: #666;} #centre {text-align:center;} /* ====================================================================== /* MESSAGERIE /* ====================================================================== */ #colonne_droite_inverse_menu {padding-left:180px;} #colonne_gauche_inverse_menu {float:left;width: 150px;} .background1a {vertical-align:top;background-color:#f3f3f3;} .background2a {vertical-align:top;background-color:#f2f6ff;} .background1 {background-color:#f3f3f3;} .background2 {background-color:#f2f6ff;} .background3 {background-color:#e9e9e9;} /* ====================================================================== /* CVLETTRES /* ====================================================================== */ .titre_ajout {color:#71834E;font-size: 18px;border-bottom: #c5c5c5 1px solid; /* notre gris */margin-bottom:10px;margin-top:18px;} .titre_ajout:before {content: url(../images/plus.jpg);} /* ====================================================================== /* ANNUAIRE /* ====================================================================== */ #colonne_droite_inverse {padding-left:230px;} #colonne_gauche_inverse {float:left;width: 200px; /* ====================================================================== /* MENU /* ====================================================================== */ #menu {background-color: #FFF;width:100%;} #liens {background-image: url(../images/menu.jpg);height:100px;width:700px;margin:0 auto;} #infosliens {clear: both; width: 100%; height: 20px; text-align:center;margin-top:-10px;padding-bottom:10px;} #menu ul, #menu li {display: inline; margin: 0; padding: 0;} #lien_accueil a:link, #lien_accueil a:visited {position:absolute;margin: 29px 0 0 16px; background-image: url(../images/menu_accueil.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_deconnexion a:link, #lien_deconnexion a:visited {position:absolute;margin: 29px 0 0 58px; background-image: url(../images/menu_deconnexion.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_boite a:link, #lien_boite a:visited {position:absolute;margin: 29px 0 0 126px; background-image: url(../images/menu_boite.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_profil a:link, #lien_profil a:visited {position:absolute;margin: 29px 0 0 168px;background-image: url(../images/menu_profil.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_video a:link, #lien_video a:visited {position:absolute;margin: 29px 0 0 235px; background-image: url(../images/menu_photo.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_cv_lettres a:link, #lien_cv_lettres a:visited {position:absolute;margin: 29px 0 0 277px; background-image: url(../images/menu_cv.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_formations a:link, #lien_formations a:visited {position:absolute;margin: 29px 0 0 318px; background-image: url(../images/menu_formation.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_experiences a:link, #lien_experiences a:visited {position:absolute;margin: 29px 0 0 359px; background-image: url(../images/menu_experience.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_langues a:link, #lien_langues a:visited {position:absolute;margin: 29px 0 0 400px; background-image: url(../images/menu_langue.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_passions a:link, #lien_passions a:visited {position:absolute;margin: 29px 0 0 441px; background-image: url(../images/menu_passion.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_forum a:link, #lien_forum a:visited {position:absolute;margin: 29px 0 0 515px; background-image: url(../images/menu_forum.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_annuaire a:link, #lien_annuaire a:visited {position:absolute;margin: 29px 0 0 557px; background-image: url(../images/menu_annuaire.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_annuaire_entreprise a:link, #lien_annuaire_entreprise a:visited {position:absolute;margin: 29px 0 0 599px; background-image: url(../images/menu_cabinet.jpg);width:40px;height:40px;text-indent: -2000px;} #lien_offres a:link, #lien_offres a:visited {position:absolute;margin: 29px 0 0 641px; background-image: url(../images/menu_offre.jpg);width:40px;height:40px;text-indent: -5000px;} #lien_accueil a:hover, #lien_deconnexion a:hover, #lien_boite a:hover, #lien_profil a:hover, #lien_video a:hover, #lien_cv_lettres a:hover, #lien_formations a:hover, #lien_experiences a:hover, #lien_langues a:hover, #lien_passions a:hover, #lien_forum a:hover, #lien_annuaire a:hover, #lien_annuaire_entreprise a:hover, #lien_offres a:hover {background-image: none;} .titre_menu {font-size: 10px; color: #71834E; font-weight: 700;} .titre_menu2 {font-size: 10px; color: #0071A2; font-weight: 700;}