/* CSS Document : CREAI */ /* balises génériques */ body {margin:0; padding:0; font-family:Arial, Trebuchet MS, sans-serif; color:#333333; font-size:0.9em; background:url(../images/fond-body.jpg) repeat-x top center} img {border:0 none;} h1, h2, h3, h4, h5 { margin:0; padding:0; font-family:"Trebuchet MS", Arial, sans-serif} h1 {font-size:2.0em;} h2 {font-size:1.8em;} h3 {font-size:1.4em;} h4 {font-size:1em;} h5 {font-size:0.9em;} p {font-size:0.9em;} a {font-size:1em; text-decoration:none; color:#333 } #colonneContenu a {text-decoration:underline;} #colonneContenu a:hover {text-decoration:none;} a:link {color:#333} a:visited {color:#333;} a:hover, a:focus, a:active {color:#a4c62d; text-decoration:none} a img {border:none;} input.submit {cursor:pointer;} textarea {font-family:Arial, Trebuchet MS, sans-serif;font-size:1em;} .italic {font-style:italic;} /* Formulaires */ form, fieldset { margin: 0; padding: 0; border: none; } form p {margin:0; padding:0;font-size:0.75em;} form p label {font-weight:bold; color:#5d5d5d; margin:10px 0 5px 0; display:block;} form p input, form p select {margin:0; padding:3px;border:1px solid #95b91f; background-color:#f7faed; color:#78980b;display:block} form p input {height:15px;width:96%} form p select {height:24px;width:100%} form p select option{margin:0; padding:3px;border-bottom:1px solid #95b91f; background-color:#f7faed; color:#78980b; height:16px; width: 100%;} form p.radio {margin:10px 0 5px 0;} form p.radio label{width: 50%;display: block;text-align: left; float:left;vertical-align: middle;} form p.radio label input { display:inline; width:20px;height:1em; border:0; background: transparent; text-align:right; vertical-align:middle; } form p input.submit{width: 97px;display: block;text-align:center;float: left; ;background: transparent url(../images/btn-rechercher.gif) no-repeat -2px top;color:white; border:none; height: 30px;} form p input.submit:hover{background-position: top right;} div.error {color:#FF0000; font-size:0.85em; margin-bottom:10px; font-weight:bold;} form fieldset select {max-width:250px} /*balises spécifique*/ /*hr {visibility:hidden; height:0px; line-height: 0em;font-size: 0em;clear: both;margin:0;padding:0;}*/ hr {height:0px; line-height: 0em;font-size: 0em;clear: both;float: none;margin:0;padding:0;outline:none;border:none;border-bottom: 1px solid #DDDDDD;} .myhr { display:block;clear:both; height:0px; visibility:hidden;overflow:hidden; } .cleaner { float:none; height:0px;font-size: 0px; line-height: 0px; display:block; clear:both; visibility:hidden; overflow:hidden;} #footer .cleaner {display:none;} .txt-invisible {display:none; visibility:hidden;} .email{ float:left; background:none repeat scroll 0 0;border:medium none;width:80px; height:14px; margin:8px 0 0 26px; padding:2px 0 0 0; font-size:0.6em; font-family:Arial, Trebuchet MS, sans-serif } .emailNewsletter{ float:left; background:none repeat scroll 0 0;border:medium none;width:102px; height:20px; margin:0 0 0 26px; padding:5px 0 0 0; font-size:0.6em; font-family:Arial, Trebuchet MS, sans-serif; background:url(../images/input-email.gif) top left no-repeat; text-indent:5px;} .motdepasse{ float:left; background:none repeat scroll 0 0;border:medium none;width:95px; height:14px; margin:8px 0 0 2px; font-size:0.6em;} .bouton-ok{ float:left;color:#FFF;border:none;cursor:pointer; width:50px; height:20px; font-size:0.7em; font-family: Trebuchet MS, Arial, sans-serif; background:url(../images/btn-valider.gif) top right no-repeat; padding:0px 0 0 0; margin: 5px;} .bouton-ok:hover { color:#FFFFFF; background-position: top left;} .rechercher { float:left; width:124px;height:20px; margin:0;border:0;padding:1px 0 0 4px; background:url(../images/recherche-fond.gif) no-repeat; font-size:0.7em;font-family:Arial, "Trebuchet MS", sans-serif; line-height:2em; } .bouton-valider{ float:left;color:#FFF;background:none repeat scroll 0 0;border:medium none;cursor:pointer; width:50px; height:20px; margin:0; padding:0px 0 0 0; font-size:0.7em;font-family: Trebuchet MS, Arial, sans-serif; background:url(../images/btn-valider.gif) top right no-repeat;margin-left: 5px;} .bouton-valider:hover { background-position: top left;} a.lirelaSuite { color:#e65709;} a.lirelaSuite:visited { color:#e65709;} body a.lirelaSuite:hover { text-decoration:underline;} a.lirelasuite { color:#78980B; margin-top: 5px;display:block;} a.lirelasuite:visited { color:#78980B;} a.lirelasuite:hover { text-decoration:underline;} h4.resultatTitre a {color:#78980B;} h4.resultatTitre a:hover {text-decoration: underline;} p.resultatSearch {border-bottom: 1px dotted black;padding-bottom: 15px;} /*Contenant*/ #container {width:1000px; margin-left:auto; margin-right:auto; } /*Header*/ #header { width:1000px; height:217px; margin:0; } #header hr {display:none;} #header.fond-accueil {background:url(../images/header-transversal.jpg) top left no-repeat;} /*Onglet lien*/ #header a.ongletLiensite { float:left; margin:0 0 45px 20px; padding:16px 0 0; width:134px;height:24px; color:#FFF;background:url(../images/onglet-lien-web.jpg) top left no-repeat; font-family: "Trebuchet MS", Arial, sans-serif;font-weight:bold; text-align: center; } #header a:hover.ongletLiensite { color:#333333} /*Mon compte > utilisé dans le header et le footer*/ div.monCompte { float:right; width:450px; height:75px; margin:10px 20px 0 0;} * html div.monCompte {display:inline;} *+html div.monCompte {display:inline;} div.monCompte .loginForm {display:block; width:450px; height:auto; background:url(../images/mon-compte-fond.gif) top right no-repeat; padding:0px; margin:0px;} div.monCompte .loginForm form {float:right;} div.monCompte .loginOk {height:auto; text-align:right;font-size: 0.9em;padding-top: 10px;} div.monCompte .loginOk a {font-weight: bold; font-size:0.9em;} div.monCompte label { float:left;font-family: Trebuchet MS, Arial, sans serif; font-weight:bold; font-size:0.8em; margin:6px 0 0 10px; display:block;} div.monCompte ul { clear:right;float:right; margin:20px 0 0 0; width:190px; list-style-type:none; } div.monCompte ul li { display: inline} div.monCompte ul li a {color:#333333; font-size:0.7em; border-right:1px solid #333333; font-family:"Trebuchet MS", Arial, sans-serif; padding:0 5px 0 5px} div.monCompte ul li a:hover {color:#a4c62d} div.monCompte ul li a.monCompteNoBorder { border:0; padding:0} /*Logo*/ #header h1 { float:left;clear:both; margin:-8px 350px 0 20px;padding:0; width:350px; height:45px; } #header h1.accueil { background:url(../images/logo-creai.png) top left no-repeat; text-indent: -9999px;} #header h1 a { outline: none;display: block; width:315px; height:45px; text-indent:-9999px; background:url(../images/logo-creai.png) top left no-repeat; } #header h1 a:hover {background-position: top right; } /*Menu horizontal*/ #header ul#menu { position: relative;top:0px; left:0px; float:left;clear:left; margin:35px 0 0 0; padding:0 0 0 25px; width:885px;height:70px; list-style-type:none; } #header ul#menu li { float: left; } #header ul#menu li a { position:relative; z-index:20; height: 18px; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#FFFFFF; font-size:1em; background:url(../images/menu-border-right.gif) center right no-repeat; padding:20px; position: relative; display: inline-block;} #header ul#menu li a.menuNoBorder { background:none} /*Recherche sur le site*/ #header ul#menu li#search { width:200px; height:25px; margin:20px 0 0 15px; } /*Reactions*/ #header ul#menu li a.actif, #header ul#menu li a.current { color:#95418e; height: 18px; color:#000000; background: transparent no-repeat right 4px;} #header ul#menu li a.current {padding-bottom: 30px; } /*Sous-Navigation*/ #header ul#menu li ul.sousNav { position:absolute;top:-10000px;left:0; display:block; margin:54px 0 0 20px;padding:0px 0 0 20px; height:60px;width:980px; list-style-type:none; background:transparent url(../images/ss-menu_bg.gif) 0 0 no-repeat; } #header ul#menu li ul.sousNav li {float:left;} #header ul#menu li ul.sousNav li a { position: relative; z-index:300; display: inline-block; background-color:transparent; color:#789806;padding:10px 15px 5px 15px; font-size: 0.8em; height: 20px;} #header ul#menu li ul.sousNav li a:hover { z-index:25; color:#FFFFFF !important;} /*Conditions*/ #header ul#menu li.vert a.actif, #header ul#menu li.vert a.current {position:relative; background-image: url(../images/ss-menu_vert.png); color:#789806;} #header ul#menu li.vert ul.sousNav li a {} #header ul#menu li.vert ul.sousNav li a:hover {color:#789806; background:#789806;} #header ul#menu li.mauve a.actif, #header ul#menu li.mauve a.current {position:relative; background-image: url(../images/ss-menu_mauve.png); color:#7979CC;} #header ul#menu li.mauve ul.sousNav li a {color:#7979CC;} #header ul#menu li.mauve ul.sousNav li a:hover {background:#7979CC;} #header ul#menu li.bleu a.actif, #header ul#menu li.bleu a.current {position:relative; background-image: url(../images/ss-menu_bleu.png); color:#0878a1;} #header ul#menu li.bleu ul.sousNav li a {color:#0878a1;} #header ul#menu li.bleu ul.sousNav li a:hover {background:#0878a1;} #header ul#menu li.violet a.actif, #header ul#menu li.violet a.current {position:relative; background-image: url(../images/ss-menu_violet.png); color:#843F73;} #header ul#menu li.violet ul.sousNav li a {color:#843F73;} #header ul#menu li.violet ul.sousNav li a:hover {background:#843F73;} #header ul#menu li.orange a, #header ul#menu li.orange a.current {height: 25px;} #header ul#menu li.orange a.actif, #header ul#menu li.orange a.current {position:relative; background-image: url(../images/ss-menu_orange.png); color:#e65709;} #header ul#menu li.orange ul.sousNav li a {color:#e65709;} #header ul#menu li.orange ul.sousNav li a:hover {background:#e65709;} /*Contenant Accueil*/ #container #contenant {width:965px; margin:0 0 0 20px; } #container #contenant ul#filAriane { list-style-type:none; margin:10px 0 10px 0; padding:0 0 0 25px;} #container #contenant ul#filAriane li { display:inline; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.7em; } #container #contenant ul#filAriane li a {background:url(../images/filAriane-chevron.gif) center left no-repeat; padding:0 0 0 7px; } /*Colonnes Extensibles*/ #container #contenant #blocBorderDroite { float:left; width:750px; background:url(../images/border-repeat.gif) top right repeat-y; position:relative} #container #contenant #blocBorderDroite span.borderBlocDroite {float:right; background:url(../images/border-repeat-top.gif) top right no-repeat; width:18px; height:101px; position:absolute; z-index:100; margin:0; top:-10px; right:0} #container #contenant #bloc-A { width:731px; background:url(../images/bloc-a-fond.gif) bottom left no-repeat} #container #contenant #colonne-gauche #bloc-B { width:463px;background: url(../images/bloc-b-fond.gif) bottom left no-repeat} #container #contenant #bloc-C { float:left; width:755px; margin:10px 0 0 0;padding:0 0 20px; background:url(../images/colonneCentre-fond.gif) bottom right no-repeat; } #container #contenant #bloc-C.seul { background:transparent;} #container #contenant #bloc-C.seul #colonneContenu {padding-right:20px; width:707px;} #container #contenant #bloc-D { float:left; width:755px;margin:10px 0 0 0; background:url(../images/bloc-d-fond.gif) bottom right no-repeat; display:inline} /*Colonne de Gauche*/ #container #contenant #colonne-gauche { float:left; width:463px; margin:0 12px 0 0; padding:0;} /*ACCUEIL*/ #container #contenant #colonne-gauche #alaUne { width:463px; height:342px; margin:0 0 10px 0; padding:0; position:relative; overflow:hidden; } #container #contenant #colonne-gauche #alaUne h2 { width:451px; height:21px; background:url(../images/alUne-fond-titre.jpg) top left no-repeat; color:#FFFFFF; font-size:0.9em; padding:13px 0 0 13px; margin:0;} #container #contenant #colonne-gauche #alaUne h2 a {outline:none; vertical-align:top; position: relative; top:2px; display: inline-block; background:url(../images/ico-rss.jpg) top left no-repeat; width: 14px; height: 14px; } /*BLOC DE NAVIGATION*/ #container #contenant #colonne-gauche #alaUne ul#alaUnePagination {width:153px; height:15px;background: transparent url(../images/alaUne-nav-zone-transparent.png) no-repeat right top;list-style-type:none; margin:0;padding:10px 0 0 24px; position: absolute; bottom: 78px; right: 0px; z-index: 100;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li { float:left; margin:0;padding:0; width: 27px; height: 27px; text-align: center;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li a { font-family:"Trebuchet MS", Arial, sans-serif; padding-top: 5px;font-weight:bold; font-size:1em; background: transparent url(../images/btn-chiffre-aLaUne.png) no-repeat top left;display:block; height: 27px; outline: none;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li a:hover { background-position: top right; color:black; } #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li.alaUnebtn {width: 27px; height: 27px; padding: 0;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li.alaUnebtn a {text-indent: -9999px; display: block; width: 27px; height: 27px; padding: 0;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li.alaUnebtn a.prev {background: transparent url(../images/btn-precedent-alaUne.png) no-repeat top left;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li.alaUnebtn a.next {background: transparent url(../images/btn-suivant-alaUne.png) no-repeat top left;} #container #contenant #colonne-gauche #alaUne ul#alaUnePagination li.alaUnebtn a:hover {background-position: top right;} /*MISE EN FORME DU CONTENU*/ #container #contenant #colonne-gauche #alaUne ul#galeriePhoto { width:10000px; height:308px; margin:0; padding:0; background-color:#006699; } #container #contenant #colonne-gauche #alaUne ul#galeriePhoto li { width:463px; height:308px; margin:0; padding:0; float:left; position: relative; overflow: hidden;} #container #contenant #colonne-gauche #alaUne ul#galeriePhoto li .galeriePhotoDetails { width:453px; height:auto; background:url(../images/alaUne-zone-transparent.png) top left repeat; margin:0; padding:10px 0 10px 10px; position: absolute; bottom: 0px; left: 0px; z-index: 50;} #container #contenant #colonne-gauche #alaUne ul#galeriePhoto li div.galeriePhotoDetails p.dateAlaUne {font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.7em; margin:-5px 0 0 0} #container #contenant #colonne-gauche #alaUne ul#galeriePhoto li div.galeriePhotoDetails h3 { font-family:"Trebuchet MS", Arial, sans-serif; text-transform:uppercase; line-height: 0.9em; color:#e65709; margin:0; padding:0} #container #contenant #colonne-gauche #alaUne ul#galeriePhoto li div.galeriePhotoDetails p { font-size:0.75em; margin:0; width:450px;} /*En bref*/ #container #contenant #colonne-gauche #bloc-B #enBref { float:left; margin:0; width:250px; } #container #contenant #colonne-gauche #bloc-B #enBref h2 { font-size:0.9em; font-weight:bold; margin:0; padding:2px 0 0 9px; background:url(../images/enBref-titre-fond.gif) top left } #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites { list-style-type:none; margin:0; padding:0; } #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li {padding:15px 0; border-bottom:1px solid #CCCCCC;} #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li p.enBrefdate { font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.75em; margin:0; padding:0} #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li h3 {font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.8em; margin:0; color:#e65709} #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li p { font-size:0.75em; margin:0; padding:0 10px 0 0} #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li p a { text-decoration:underline;} #container #contenant #colonne-gauche #bloc-B #enBref ul#enBrefActualites li p a:hover {color:#ED8A53;} #container #contenant #colonne-gauche #bloc-B #enBref ul#enbrefLiensBottom {list-style-type:none; margin:5px 0 0 0; padding:0} #container #contenant #colonne-gauche #bloc-B #enBref ul#enbrefLiensBottom li { margin:0;} #container #contenant #colonne-gauche #bloc-B #enBref ul#enbrefLiensBottom li a { background:url(../images/puce-rouge.gif) no-repeat scroll left 4px; margin:0; padding:0 0 0 15px; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.8em; color:#e65709; font-weight:bold} #container #contenant #colonne-gauche #bloc-B #enBref ul#enbrefLiensBottom li a:hover {color:#000} /*Fin En bref*/ /*Agenda*/ #container #contenant #colonne-gauche #bloc-B #agenda { float:left; width:203px; height:300px;margin:0 0 0 10px; background-color:#ebebeb} #container #contenant #colonne-gauche #bloc-B #agenda h2 {background:url(../images/agenda-top.gif) top left no-repeat; font-size:0.9em; font-weight:bold; margin:0; padding:2px 0 0 9px;} #container #contenant #colonne-gauche #bloc-B #agenda #calendrierTexte { width:160px; background: #FFF url(../images/calendrier-txt-bottom.gif) bottom left no-repeat;margin-left:auto; margin-right:auto; margin-top:19px} #container #contenant #colonne-gauche #bloc-B #agenda #calendrierTexte span {width:160px; height:3px; background:url(../images/calendrier-txt-top.gif) top left no-repeat; margin:0; } #container #contenant #colonne-gauche #bloc-B #agenda #calendrierTexte p { font-size:0.75em; color:#858585; margin:0; padding:0 10px 15px 10px} /*Fin Agenda*/ /*Newsletter*/ #container #contenant #colonne-gauche #newsletter { width:463px; height:130px; margin:15px 0 0 0; background:url(../images/newsletter-bloc-fond.gif) top left no-repeat} #container #contenant #colonne-gauche #newsletter h2 { font-size:0.9em; font-weight:bold; margin:0; padding:6px 0 0 9px; color:#FFFFFF;} #container #contenant #colonne-gauche #newsletter #newsListe { float:left; width:230px; height:80px;margin:20px 0 0 0} #container #contenant #colonne-gauche #newsletter #newsListe h3 {font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#e65709; font-size:0.8em; margin:0; padding:0 0 0 15px; background:url(../images/puce-rouge.gif) no-repeat scroll left 5px} #container #contenant #colonne-gauche #newsletter #newsListe ul { list-style-type:none; margin:0; padding:0} #container #contenant #colonne-gauche #newsletter #newsListe ul li a {font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.75em; line-height:1em} #container #contenant #colonne-gauche #newsletter #newsListe ul li a:hover {color:#ED8A53;} #container #contenant #colonne-gauche #newsletter #abonnement { float:right; width:190px; height:105px; margin:-14px 11px 0 0} * html #container #contenant #colonne-gauche #newsletter #abonnement {margin:-14px 6px 0 0} #container #contenant #colonne-gauche #newsletter #abonnement h3 {font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#fff; font-size:0.8em; margin:0; padding:7px 0 0 23px;} #container #contenant #colonne-gauche #newsletter #abonnement label { font-weight:bold; font-size:0.75em; margin:16px 0 5px 23px; display:block} #container #contenant #colonne-gauche #newsletter #abonnement p {font-size:0.75em; font-weight:bold; padding:0; margin:0px 5px 7px 5px;float:left; width:180px} /*#container #contenant #colonne-gauche #newsletter #abonnement p.formulaire_ok {padding:5px;}*/ /*#container #contenant #colonne-gauche #newsletter #abonnement p span.erreur {padding:0px 5px 0 5px}*/ /*PAGE TYPE*/ #colonneContenu { overflow:hidden;float:left; width:525px; margin:0 0 0 25px;display:inline;} #colonneContenu h2 { font-weight:normal; margin:0 0 10px 0} #colonneContenu p.intro {font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold;} #colonneContenu p.telecharger {height:31px; margin-top:0px; margin-bottom:0px; padding-left:15px; padding-top:23px; background: url(../images/telecharger_bg.gif) no-repeat scroll left 8px;} #colonneContenu p.telecharger a {color:#789806; font-weight:bold; text-decoration:none;} #colonneContenu p a.printHautdepage {text-decoration:none; color:#333333; font-family:"Trebuchet MS",Arial,sans-serif; font-size:0.7em;} #colonneContenu ul {list-style-type:none; margin:10px 0 10px 20px; padding:0} #colonneContenu ul li { line-height:1.5em; background: url(../images/puce-formation-conseil.gif) no-repeat scroll left 8px; padding-left:13px; font-size:0.9em;} #colonneContenu ul li .hidden {display:none;} #colonneContenu ul li a { font-weight:bold; text-decoration:underline;} #colonneContenu ul li a:hover { font-weight:bold; text-decoration:none;} #colonneContenu ul.ancre {height:115px; margin-top:0px; margin-left:0px; padding-right:18px; padding-top:24px; padding-right:18px; line-height:1.6em; background: url(../images/bloc-ancre.gif) no-repeat scroll left 8px;} #colonneContenu p.telecharger a {font-weight:bold; text-decoration:none;} #container #colonneContenu ul.ancre li {padding-left:0px; background-image:none; float:left;} #container #colonneContenu ul.ancre h2 {margin-bottom:5px; color:#7F7F7F; font-size:0.9em; font-weight:bold;} #container #colonneContenu ul.ancre li a {font-family:"Trebuchet MS", Arial, sans-serif; width:230px; font-size:0.9em; text-decoration:none; float:left; font-weight:normal; white-space:nowrap;} #container #colonneContenu ul.ancre li a:hover {font-weight:normal; text-decoration:underline;} #colonneContenu div.actu {margin-bottom:20px;font-size:0.9em} #colonneContenu h3.blocContact {background:url(../images/contact-titre.gif) bottom left no-repeat; width:134px; height:22px; margin:5px 0 0 0; color:#FFFFFF; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.9em; padding:12px 0 0 60px;} #colonneContenu h3.blocVoirAussi { background:url(../images/voirAussi-titre.gif) bottom left no-repeat;color:#FFFFFF; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.8em; padding:20px 0 0 59px; margin:0 0 0 0; width:164px; height:22px} #colonneContenu p.blocVoirAussi, #colonneContenu p.blocContact {border:1px solid #cccccc;padding:10px 0 10px 13px; margin:0 0 20px 0;} #colonneContenu p.blocContact a, #colonneContenu p.blocVoirAussi a{ font-weight:bold; font-size:0.9em;text-decoration:none; width:487px; /*border:1px solid #cccccc;*/ margin:0; /*padding:22px 0 22px 13px; display:block;*/} #colonneContenu p.blocContact a:hover, #colonneContenu p.blocVoirAussi a:hover{ text-decoration:underline;} #colonneContenu p.blocVoirAussi strong {} #colonneContenu .cartouche-abonnement {padding: 20px 40px 20px 40px; margin: 0px 10px 10px 0px; float: left; width: 260px; height: 275px; background-image:url(../images/fond-cartouche-abonnement.jpg);} /*Colonne Centre de la page type*/ #container #contenant #bloc-C #colonneCentre { float:left; margin:0 0 0 1px; width:203px;height:auto; background:url(../images/colonneCentre-fond-repeat.gif) top left repeat-y; } #container #contenant #bloc-C #colonneCentre h2 { background:url(../images/formation-conseil-titre.gif) top left no-repeat; width:170px; height:26px; margin:0 0 0 1px; padding:13px 0 0 25px; color:#FFFFFF; font-size:1em;} /*Sous-navigation*/ #container #contenant #bloc-C #colonneCentre ul { list-style-type:none; margin:20px 0 0 20px; padding:0} #container #contenant #bloc-C #colonneCentre ul li a { font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.85em; border-bottom:1px solid #cccccc; display:block; width:160px; } #container #contenant #bloc-C #colonneCentre ul li a:hover { font-weight:bold} #container #contenant #bloc-C #colonneCentre ul li a.lienActifColCentre { font-weight:bold} /*Post-It*/ #container #contenant #bloc-C #colonneCentre #postIt { background:url(../images/postIt.jpg) top left no-repeat; width:140px; height:160px; margin:30px 0 0 20px; padding:30px 0 0 25px} #container #contenant #bloc-C #colonneCentre #postIt h3 { font-size:0.9em; font-weight:bold; margin:0} #container #contenant #bloc-C #colonneCentre #postIt p { margin:0; font-size:0.75em; width:120px} #container #contenant #bloc-C #colonneCentre #postIt p a { font-size:1em} /*Colonne du milieu */ #container #contenant #colonne-milieu { float:left; width:256px; margin:0;padding:0} /*CARROUSEL ACCOMPAGNE*/ #container #contenant #colonne-milieu #accompagne { width:256px; height:223px; margin:10px 0 0 0; padding:0; position: relative; overflow:hidden;} /*Nav*/ #container #contenant #colonne-milieu #accompagne #accompagnePagination {position: absolute; top:25px; right:0; width:65px; height:30px; margin:20px 0 0 0; z-index:100;} #container #contenant #colonne-milieu #accompagne #accompagnePagination a {display: block; float: left; width: 27px; height: 27px;text-indent: -9999px;outline:none;} #container #contenant #colonne-milieu #accompagne #accompagnePagination a.prev {background: transparent url(../images/btn-precedent-accompagne.png) no-repeat top left;} #container #contenant #colonne-milieu #accompagne #accompagnePagination a.next {background: transparent url(../images/btn-suivant-accompagne.png) no-repeat top left;} #container #contenant #colonne-milieu #accompagne #accompagnePagination a:hover {background-position: top right;} /*Contenu*/ #container #contenant #colonne-milieu #accompagne ul {width:10000px; height:223px;list-style: none; margin:0; padding:0;} #container #contenant #colonne-milieu #accompagne ul li {width:256px; height:223px; float: left;position: relative;background:url(../images/accompagne-conseil-fond-violet.gif) bottom left no-repeat; z-index:50;} #container #contenant #colonne-milieu #accompagne ul li h2 { font-size:0.8em; font-weight:bold; margin:0; padding:4px 0 0 10px; color:#FFFFFF; background:url(../images/accompagne-conseil-titre-fond-violet.gif) top left no-repeat; height:25px} #container #contenant #colonne-milieu #accompagne ul li h3 { font-family:"Trebuchet MS", Arial, sans-serif; font-size:1.3em; font-weight:normal; margin:0; padding:15px 0 0 15px; color:#FFFFFF; /*height:75px;*/ width: 170px;} #container #contenant #colonne-milieu #accompagne ul li p { font-size:0.75em; color:#FFFFFF; margin:8px 0 0 20px; padding:0 10px 0 0 ; height: 55px; overflow:hidden;} #container #contenant #colonne-milieu #accompagne ul li p a { color:#FFFFFF; } #container #contenant #colonne-milieu #accompagne ul li p a:hover { text-decoration: underline; } #container #contenant #colonne-milieu #accompagne ul li p.accompagnEnSavoirPlus {height:42px;} #container #contenant #colonne-milieu #accompagne ul li p.accompagnEnSavoirPlus a{ width:106px; height:23px; display:block; margin:0 0 0 20px; padding:9px 0 0 0; text-align:center; background:url(../images/accompagne-btn-savoirPlus-conseil-violet.gif) top left no-repeat; font-size:1em; color:#FFFFFF; font-weight:bold} #container #contenant #colonne-milieu #accompagne ul li p.accompagnEnSavoirPlus a:hover{background-position:top right; text-decoration: underline;} #container #contenant #colonne-milieu #accompagne ul li a:hover.accompagnEnSavoirPlus {color:#a4c62d} /*GESTION DES COULEURS*/ /*violet*/ #container #contenant #colonne-milieu #accompagne ul li.violet {background-image:url(../images/accompagne-conseil-fond-violet.gif);} #container #contenant #colonne-milieu #accompagne ul li.violet h2 { background-image:url(../images/accompagne-conseil-titre-fond-violet.gif);} #container #contenant #colonne-milieu #accompagne ul li.violet p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-violet.gif);} /*orange*/ #container #contenant #colonne-milieu #accompagne ul li.orange {background-image:url(../images/accompagne-conseil-fond-orange.gif);} #container #contenant #colonne-milieu #accompagne ul li.orange h2 { background-image:url(../images/accompagne-conseil-titre-fond-orange.gif);} #container #contenant #colonne-milieu #accompagne ul li.orange p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-orange.gif);} /*bleu*/ #container #contenant #colonne-milieu #accompagne ul li.bleu {background-image:url(../images/accompagne-conseil-fond-bleu.gif);} #container #contenant #colonne-milieu #accompagne ul li.bleu h2 { background-image:url(../images/accompagne-conseil-titre-fond-bleu.gif);} #container #contenant #colonne-milieu #accompagne ul li.bleu p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-bleu.gif);} /*mauve*/ #container #contenant #colonne-milieu #accompagne ul li.mauve {background-image:url(../images/accompagne-conseil-fond-mauve.gif);} #container #contenant #colonne-milieu #accompagne ul li.mauve h2 { background-image:url(../images/accompagne-conseil-titre-fond-mauve.gif);} #container #contenant #colonne-milieu #accompagne ul li.mauve p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-mauve.gif);} /*vert*/ #container #contenant #colonne-milieu #accompagne ul li.vert {background-image:url(../images/accompagne-conseil-fond-vert.gif);} #container #contenant #colonne-milieu #accompagne ul li.vert h2 { background-image:url(../images/accompagne-conseil-titre-fond-vert.gif);} #container #contenant #colonne-milieu #accompagne ul li.vert p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-vert.gif);} /*gris*/ #container #contenant #colonne-milieu #accompagne ul li.gris {background-image:url(../images/accompagne-conseil-fond-gris.gif);} #container #contenant #colonne-milieu #accompagne ul li.gris h2 { background-image:url(../images/accompagne-conseil-titre-fond-gris.gif);} #container #contenant #colonne-milieu #accompagne ul li.gris p.accompagnEnSavoirPlus a {background-image:url(../images/accompagne-btn-savoirPlus-conseil-gris.gif);} /*ADHERER*/ #container #contenant #colonne-milieu #adherer { width:256px; margin:10px 0 0 0; background-color:#ebebeb } #container #contenant #colonne-milieu #adherer h2{font-size:0.8em; font-weight:bold; margin:0; padding:4px 0 0 10px; color:#FFFFFF; background:url(../images/adherer-titre-fond.gif) top left no-repeat; height:25px} #container #contenant #colonne-milieu #adherer p.adhIntro { font-size:0.75em; color:#78980b; font-weight:bold; margin:30px 10px 0 20px; } #container #contenant #colonne-milieu #adherer a.btnAdherer { float:right; width:101px; height:33px;margin:20px 15px 0 0; padding:10px 0 0 0; text-align:center; font-size:0.75em; font-weight:bold; display:block; background:url(../images/btn-adherer.gif) top left no-repeat; color:#FFFFFF} #container #contenant #colonne-milieu #adherer a.btnAdherer:hover { background-position: top right; text-decoration: underline; } #container #contenant #colonne-milieu #adherer p { font-size:0.75em; margin:10px 10px 0 20px; } #container #contenant #colonne-milieu #adherer #adhListe { margin-left:auto; margin-right:auto; margin-top:10px; background: #FFFFFF url(../images/adherer-liste-fond.gif) bottom left no-repeat; width:213px; display:block; padding-top: 1em;} #container #contenant #colonne-milieu #adherer #adhListe span { width:213px; height:5px; background:url(../images/adherer-liste-top.gif) top left no-repeat; } #container #contenant #colonne-milieu #adherer #adhListe ul {list-style-type:none; margin:0 0 0 15px; padding:0 0 15px 0; } #container #contenant #colonne-milieu #adherer #adhListe ul li a { font-size:0.75em; color:#78980b; font-weight:bold; background:url(../images/puce-verte.gif) no-repeat scroll left 4px; margin:0; padding:0 0 0 15px} #container #contenant #colonne-milieu #adherer #adhListe ul li a:hover { color:#333} /*Colonne de droite*/ #container #contenant #colonne-droite { float:right; width:210px; margin:0;} /*Navigation Transverpropre*/ #container #contenant #colonne-droite ul#navigationTransversale { list-style-type:none; margin:7px 0 0 0; padding:0; float:right} #container #contenant #colonne-droite ul#navigationTransversale li {width:195px; height:50px; background:url(../images/btn-transversal.gif) top left no-repeat; margin:0; } #container #contenant #colonne-droite ul#navigationTransversale li a { outline:none; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.75em; font-weight:bold; padding:16px 0 10px 20px; color:#78980b; display:block } #container #contenant #colonne-droite ul#navigationTransversale li a:hover { color:#fff; background:url(../images/btn-transversal-hover.gif) top left no-repeat} /*Fin Navigation Transverpropre*/ #container #contenant #colonne-droite #creationCompte { float:right; width:195px; height:227px; background:url(../images/trans-btn-monCompte.gif) top left no-repeat; margin:0} #container #contenant #colonne-droite #creationCompte img { margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:0; display:block} #container #contenant #colonne-droite #creationCompte a {outline: none;text-align:center; font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.85em; font-weight:bold; display:block; margin:0} #container #contenant #colonne-droite #creationCompte a:hover {color:#78980B;} #container #contenant #colonne-droite #tags { float:right; width:190px; margin:10px 0 0 0; } #container #contenant #colonne-droite #tags h2 { font-size:0.9em;font-weight:bold; margin:0} /*OLD PPO*/ /*#container #contenant #colonne-droite #tags p {margin:0; padding:0;line-height: 2em;} #container #contenant #colonne-droite #tags p a { color:#78980b} #container #contenant #colonne-droite #tags p a * {display: inline;} #container #contenant #colonne-droite #tags p a:hover { color:#333; text-decoration: underline;} #container #contenant #colonne-droite #tags p a.tagPetit { font-size:0.85em; font-weight:bold;} #container #contenant #colonne-droite #tags p a.tagMoyen { font-size:1em;} #container #contenant #colonne-droite #tags p a.tagGrand { font-size:1.2em;}*/ #tags ul.nuage li {margin:0; padding:0;line-height: 2em;} #tags ul.nuage li a {color:#78980b; white-space:normal;} #tags ul.nuage li a * {display:inline;} #tags ul.nuage li a:hover {color:#333; text-decoration: underline;} #tags ul.nuage li a.nuage1, #tags ul li a.nuage2, #tags ul li a.nuage3 { font-size:0.85em;} #tags ul.nuage li a.nuage4, #tags ul li a.nuage5, #tags ul li a.nuage6, #tags ul li a.nuage7 { font-size:1em;} #tags ul.nuage li a.nuage8, #tags ul li a.nuage9, #tags ul li a.nuage10 { font-size:1.4em;} /*PAGE DE RECHERCHE ET DE RESULTAT*/ /*Colonne de gauche*/ #colonneResultats {display:inline;float:left;width:100%;/*margin:0 0 0 25px;width:445px;*/ } #colonneResultats h2 { margin:0; padding:0; color:#79970d; font-weight:normal} #colonneResultats #nbrResultats { background:url(../images/entete-resultats.gif) top left no-repeat; width:295px; height:95px; margin:10px 0 30px 0; padding:55px 0 0 130px} #colonneResultats #nbrResultats p {font-family:"Trebuchet MS", Arial, sans-serif; margin:0} #colonneResultats #nbrResultats p strong { font-size:1.9em; font-weight:normal; color:#79970c} #colonneResultats p { padding:0 10px 0 0} #colonneResultats p.introResultats {font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#79970c; margin:0 0 20px 0; padding:0 40px 0 0} #colonneResultats ul#printHautdepage, #colonneContenu ul#printHautdepage, #printHautdepage { margin:0; padding-top:10px; list-style-type:none; } #colonneResultats ul#printHautdepage li, #colonneContenu ul#printHautdepage li, #printHautdepage li { display:inline; padding:0 30px 0 0; background:none; } #colonneResultats ul#printHautdepage li a, #colonneContenu ul#printHautdepage li a, #printHautdepage li a { color:#303030; font-family:"Trebuchet MS", Arial, sans-serif;font-size:0.7em; text-decoration:none; font-weight:normal; } #colonneResultats ul#printHautdepage li a:hover, #colonneContenu ul#printHautdepage li a:hover, #printHautdepage li a:hover { color:#79970C; text-decoration:underline; } /*Page de résultat*/ #colonneResultats p.nbrResultats { font-family:"Trebuchet MS", Arial, sans-serif; color:#78980b; font-size:1.8em; margin:0} #colonneResultats div.paginationBloc { background:url(../images/pagination-fond-bloc.gif) top left no-repeat; width:445px; height:23px; margin:20px 0 0 0; padding:2px 0 0 2px} #colonneResultats div.paginationBloc a.btnPaginationResultat { float:left; margin:0; padding:0;} #colonneContenu #colonneResultats div.paginationBloc ul { float:left; list-style-type:none; margin:1px 0 0 0; padding:0} #colonneContenu #colonneResultats div.paginationBloc ul li {display:inline; background:none; line-height:inherit; padding-left:0;} #colonneResultats div.paginationBloc ul li a { font-family:"Trebuchet MS", Arial, sans-serif; font-weight:normal; font-size:0.85em; padding:0 5px 0 5px} #colonneResultats div.paginationBloc ul li a:hover { font-weight:bold} #colonneResultats div.paginationBloc ul li a.paginationBlocLienActif {font-weight:bold; color:#a4c62d } /*Première ligne de résultats*/ #colonneResultats ul#listeResultats { list-style: none;margin:0px;padding:0px;} #colonneResultats ul#listeResultats li { float:left; margin:0;padding:0;border-bottom:1px solid #DADADA; width:445px;/*height:58px;*/ background:#FFFFFF url(../images/ico-document.png) no-repeat scroll 10px center; cursor:pointer; } #colonneResultats ul#listeResultats li a.linkBox {display: none;} #colonneResultats ul#listeResultats li h3 { float:left; width:268px; margin:0;padding:15px 10px 10px 46px; color:#5e5e5e; font-family:Arial, "Trebuchet MS", sans-serif; font-size:0.75em;font-size:11px;font-weight:normal; } #colonneResultats ul#listeResultats li h3 strong {text-transform:uppercase; color:#303030} #colonneResultats ul#listeResultats li h3 span {color:#303030} #colonneResultats ul#listeResultats li ul { float:left; width:121px; margin:0;padding:12px 0 12px 28px;padding-left:0; list-style-type:none; } #colonneResultats ul#listeResultats li ul li { float:left;clear:none; width:auto;height:auto; margin:0;padding:0 20px 0 0;border:0; color:#78980B;background:none; font-weight:bold;font-size:0.75em; } /*Deuxième ligne de résultats*/ #colonneResultats ul#listeResultats li.gris { background-color:#f4f4f4;} /*Colonne du milieu*/ #container #contenant #bloc-D #colonneRecherche { float:left; width:276px; margin:0; padding:0; } #container #contenant #bloc-D #colonneRecherche h3 a { background:url(../images/colCentre-deposerOffre-fond.gif) top left no-repeat; margin:0 0 8px 16px; padding:25px 0 0 70px; width:192px; height:50px; color:#FFFFFF; font-weight:normal; font-size:0.85em; display:block} #container #contenant #bloc-D #colonneRecherche h3 a:hover { text-decoration: underline; background-position: top right;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre { width:270px; padding:0 0 0 10px;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre h4 { background:url(../images/rechercherOffre-titre-fond.gif) top left no-repeat; margin:0 0 0 -1px; padding:13px 0 0 27px; color:#FFFFFF; width:245px; height:26px} #container #contenant #bloc-D #colonneRecherche #rechercherOffre form { width:220px; height:auto; margin:auto;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre form p.recRecherche {margin-top:10px;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre form p.recRecherche span {font-weight:bold;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre form p.recRecherche a{ float:left; width:82px; font-family:"Trebuchet MS", Arial, sans-serif; margin:20px 5px 30px 0; padding:3px 0 0 35px; line-height:1.2em; background:url(../images/ico-enregistrer.gif) center left no-repeat; color:#5E5E5E; font-size:0.9em; } #container #contenant #bloc-D #colonneRecherche #rechercherOffre form p input.submit { /*position: relative; top: 15px; left: 15px;*/margin:20px 0; float:none;} #container #contenant #bloc-D #colonneRecherche #rechercherOffre span.rechercherBottom { background:url(../images/rechercher-bottom.gif) top left no-repeat; width:276px; height:26px; margin:0; padding:0;clear:both;} /*Page fiche de poste detaille*/ #fichePoste {display: none;} #fancy_div {width:745px;height: auto; background: #fff url(../images/fiche-poste-bottom.gif) bottom left no-repeat; background-color: white; padding-bottom:20px;} #fancy_div span { background:white url(../images/fiche-poste-top.gif) no-repeat scroll left top; display:block;height:5px;margin:0;width:745px} #fancy_div #header { width:694px; height:97px; background:url(../images/fiche-poste_banniere-top.jpg) top left no-repeat; margin-top:0;margin-left:auto; margin-right:auto;} #fancy_div #header ul#printClose { float:right;list-style-type:none; margin:8px 14px 0 0;} * html #fancy_div #header ul#printClose {margin:8px 8px 0 0;} #fancy_div #header ul#printClose li { float:left} #fancy_div #header ul#printClose li a { font-family:"Trebuchet MS", Arial, sans-serif; font-size:0.7em; color:#5e5e5e; padding-right:10px; margin:0; display:block} #fancy_div #header ul#printClose li a:hover { color:#FFFFFF} #fancy_div #header ul#printClose li a.fermerFenetre { background:url(../images/ico-fermer.gif) no-repeat scroll right 3px; padding-right:14px} #fancy_div #header ul#printClose li a:hover.fermerFenetre { background:url(../images/ico-fermer-hover.gif) no-repeat scroll right 3px;} #fancy_div #header h2 { float:left; font-weight:normal; color:#FFFFFF; text-transform:uppercase; font-size:1.4em; margin:11px 0 0 20px; width:660px} #fancy_div #header h3 { float:left; font-weight:bold; color:#FFFFFF; font-size:0.8em; text-decoration:underline; margin:0 0 0 20px; } #fancy_div #header ul#resultatsPoste { float:right; list-style-type:none; margin:1px 8px 0 0; padding:0} #fancy_div #header ul#resultatsPoste li {display:inline; font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#FFFFFF; font-size:0.8em; padding:0 5px 0 5px; border-right:1px solid white} #fancy_div #header ul#resultatsPoste li.noBorderResultPoste { border:none} #fancy_div #contenuPoste {width:674px; height:350px; padding:0 20px 0 0; margin:20px auto; overflow:auto;} #fancy_div #contenuPoste h4 { float:left;background:url(../images/fiche-poste-onglet-fd-repeat.gif) top left repeat-x; height:16px; padding:5px 14px 5px 14px; margin:0 0 0 0; color:#FFFFFF;} #fancy_div #contenuPoste h5 { font-size:1em } #fancy_div #contenuPoste div.ongletPoste { float:left; display:block; height:26px; height:3px;padding:0} #fancy_div #contenuPoste div.wait { clear:both; margin:0; padding:10px 0 10px 0; border-top:1px solid #ccc; color:#5e5e5e; font-size:0.8em} #fancy_div #contenuPoste div.wait span {background:none; height:auto; display:inline;} * html #fancy_div #contenuPoste div.wait { margin-top:-2px} #fancy_div #contenuPoste ul {list-style-type:none; margin:0 0 0 20px; padding:0} #fancy_div #contenuPoste ul li {color:#5e5e5e; padding-left:15px; margin:0 0 10px 0; background:url(../images/puce-grise.gif) no-repeat scroll left 6px; } #fancy_div #contenuPoste div#txtDossierCandidature { margin:0; padding:10px 0 30px 0; clear:left; border-top:1px solid #ccc; font-size:0.8em; color:#5E5E5E;} * html #fancy_div #contenuPoste div#txtDossierCandidature { margin-top:-12px } *+html #fancy_div #contenuPoste div#txtDossierCandidature { margin-top:-10px } #fancy_div #contenuPoste p {font-size:1em;} /*Footer*/ #footer { width:961px; height:64px; background:url(../images/footer-fond.gif) top left no-repeat; margin:20px 0 10px 20px;} #footer ul#navFooterCgu { float:left; height:46px; list-style-type:none; margin:10px 0 0 10px;padding:0; } #footer ul#navFooterCgu li { float:left; margin:0 0 0 5px} #footer ul#navFooterCgu li a { font-size:0.75em; font-weight:bold;} #footer ul#navFooterCgu li a.cguFooter { background:url(../images/cgu-fond.gif) top left no-repeat; width:206px; height:24px; display:block; padding:5px 0 0 0; text-align:center} #footer ul#navFooterCgu li a.infosFooter {background:url(../images/infos-pratiques-fond.gif) top left no-repeat; width:103px; height:24px;display:block; padding:5px 0 0 0; text-align:center } #footer ul#navFooterCgu li a.nousContacter { background:url(../images/nous-contacter-fond.gif) top left no-repeat; height:24px; width:103px; display:block;padding:5px 0 0 0; text-align:center } /* adaptation du bloc Mon compte pour le footer */ #footer .monCompte ul { clear:both; margin:3px 0 0 0; white-space:nowrap; } #footer .monCompteFooter {width: 450px;height: auto;margin:6px 20px 0 0;} /* Fin adaptation */ #footer ul#listeMentions { float:left; margin:-16px 0 0 24px;padding:0; list-style-type:none; } /* * html #footer ul#listeMentions {margin:-15px 0 0 15px; }*/ #footer ul#listeMentions li {margin:0 0 0 5px;font-size:0.75em; display:inline; background:transparent url(../images/puce-noir-listeMentions.gif) no-repeat scroll left 9px;padding-left:11px } #footer ul#listeMentions li.noPuceNoir { background:none; margin:0 0 0 -10px;} #footer ul#listeMentions li a:hover {color:#78980B;} /*Gabarits en fonction des couleurs*/ /*neutre*/ body.neutre #colonneContenu h3 {margin:-5px 0px 0px 0px; color:#789806;} body.neutre #colonneContenu h2, body.vert #colonneContenu h3 {color:#789806; clear:both;} body.neutre #colonneContenu h4 {color:#789806; clear:both;} body.neutre #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-vert.gif);} body.neutre #colonneContenu .intro {color:#789806;} body.neutre #colonneContenu ul li {background-image: url(../images/puce-verte.gif); display:block;} body.neutre #colonneContenu ul li a, body.neutre #colonneContenu p.blocContact a, body.neutre #colonneContenu p.blocVoirAussi a, body.neutre #container #contenant #bloc-C a:hover {color:#789806; } body.neutre #colonneContenu p.telecharger a {color:#789806;} body.neutre #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-vert.gif); color:#FFFFFF;} body.neutre #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-vert.gif); color:#FFFFFF;} body.neutre #colonneContenu h4 {margin-top:20px; color:#789806;} body.neutre #colonneContenu ul.ancre li a {color:#789806;} body.neutre #colonneContenu #reseaunational li h3 {width: 630px;} /*vert*/ body.vert {background-image:url(../images/fond-body-vert.jpg);} body.vert #header.fond-accueil {background:url(../images/header-vert.jpg) top left no-repeat;} body.vert #colonneContenu h3 {margin:-5px 0px 0px 0px} body.vert #colonneContenu h2, body.vert #colonneContenu h3 {color:#789806; clear:both;} body.vert #colonneContenu h4 {color:#789806; clear:both;} body.vert #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-vert.gif);} body.vert #colonneContenu .intro {color:#789806;} body.vert #colonneContenu ul li {background-image: url(../images/puce-verte.gif); display:block;} body.vert #colonneContenu ul li a, body.vert #colonneContenu p.blocContact a, body.vert #colonneContenu p.blocVoirAussi a, body.vert #container #contenant #bloc-C a:hover {color:#789806; } body.vert #colonneContenu p.telecharger a {color:#789806;} body.vert #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-vert.gif); color:#FFFFFF;} body.vert #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-vert.gif); color:#FFFFFF;} body.vert #colonneContenu h4 {margin-top:20px; color:#789806;} body.vert #colonneContenu ul.ancre li a {color:#789806;} /*bleu*/ body.bleu {background-image:url(../images/fond-body-bleu.jpg);} body.bleu #header.fond-accueil {background:url(../images/header-bleu.jpg) top left no-repeat;} body.bleu #colonneContenu h2, body.bleu #colonneContenu h3 {color:#0878a1; clear:both;} body.bleu #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-bleu.gif);} body.bleu #colonneContenu .intro {color:#0878a1;} body.bleu #colonneContenu ul li {display:block; background-image: url(../images/puce-bleue.gif);} body.bleu #colonneContenu ul li a, body.bleu #colonneContenu p.blocContact a, body.bleu #colonneContenu p.blocVoirAussi a, body.bleu #container #contenant #bloc-C a:hover {color:#0878a1; } body.bleu #container #contenant #bloc-C a strong {color:#000;} body.bleu #colonneContenu p.telecharger a {color:#0878A1;} body.bleu #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-bleu.gif); color:#FFFFFF;} body.bleu #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-bleu.gif); color:#FFFFFF;} body.bleu #colonneContenu h4 {margin-top:20px; color:#0878A1;} body.bleu #colonneContenu ul.ancre li a {color:#0878A1;} /*mauve*/ body.mauve {background-image:url(../images/fond-body-mauve.jpg);} body.mauve #header.fond-accueil {background:url(../images/header-mauve.jpg) top left no-repeat;} body.mauve #colonneContenu h2, body.mauve #colonneContenu h3 {color:#7979CC; clear:both;} body.mauve #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-mauve.gif);} body.mauve #colonneContenu .intro {color:#7979CC;} body.mauve #colonneContenu ul li {background-image: url(../images/puce-mauve.gif); display:block;} body.mauve #colonneContenu ul li a, body.mauve #colonneContenu p.blocContact a, body.mauve #colonneContenu p.blocVoirAussi a, body.mauve #container #contenant #bloc-C a:hover {color:#7979CC; } body.mauve #colonneContenu p.telecharger a {color:#7979CC;} body.mauve #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-mauve.gif); color:#FFFFFF;} body.mauve #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-mauve.gif); color:#FFFFFF;} body.mauve #colonneContenu h4 {margin-top:20px; color:#7979CC;} body.mauve #colonneContenu ul.ancre li a {color:#7979CC;} /*violet*/ body.violet {background-image:url(../images/fond-body-violet.jpg);} body.violet #header.fond-accueil {background:url(../images/header-violet.jpg) top left no-repeat;} body.violet #colonneContenu h2, body.violet #colonneContenu h3 {color:#843f73; clear:both;} body.violet #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-violet.gif);} body.violet #colonneContenu .intro {color:#843f73;} body.violet #colonneContenu ul li {background-image: url(../images/puce-formation-conseil.gif); display:block;} body.violet #colonneContenu ul li a, body.violet #colonneContenu p.blocContact a, body.violet #colonneContenu p.blocVoirAussi a, body.violet #container #contenant #bloc-C a:hover {color:#843f73; } body.violet #colonneContenu p.telecharger a {color:#843F73;} body.violet #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-violet.gif); color:#FFFFFF;} body.violet #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-violet.gif); color:#FFFFFF;} body.violet #colonneContenu h4 {margin-top:20px; color:#843F73;} body.violet #colonneContenu ul.ancre li a {color:#843F73;} /*orange*/ body.orange {background-image:url(../images/fond-body-orange.jpg);} body.orange #header.fond-accueil {background:url(../images/header-orange.jpg) top left no-repeat;} body.orange #colonneContenu h2, body.orange #colonneContenu h3 {color:#e65709;} body.orange #container #contenant #bloc-C #colonneCentre h2 {background-image: url(../images/formation-conseil-titre-orange.gif);} body.orange #colonneContenu .intro {color:#e65709;} body.orange #colonneContenu ul li {background-image: url(../images/puce-orange.gif);} body.orange #colonneContenu ul li a, body.orange #colonneContenu p.blocContact a, body.orange #colonneContenu p.blocVoirAussi a, body.orange #container #contenant #bloc-C a:hover {color:#e65709; } body.orange #colonneContenu p.telecharger a {color:#E65709;} body.orange #colonneContenu h3.blocContact {background-image:url(../images/contact-titre-orange.gif); color:#FFFFFF;} body.orange #colonneContenu h3.blocVoirAussi { background-image:url(../images/voirAussi-titre-orange.gif); color:#FFFFFF;} body.orange #colonneContenu h4 {margin-top:20px; color:#E65709;} body.orange #colonneContenu ul.ancre li a {color:#E65709;} /*Surcharge datepicker Home Page*/ #container #contenant #colonne-gauche #bloc-B #agenda #calendrier {padding:10px} #container #contenant #colonne-gauche #bloc-B #agenda #calendrier .ui-datepicker {width:12em;} #container #contenant #colonne-gauche #bloc-B #agenda #calendrier .ui-widget {font-size:0.8em;} #container #contenant #colonne-gauche #bloc-B #agenda #calendrier .ui-datepicker .ui-datepicker-header {width:176px;} #container #contenant #colonne-gauche #bloc-B #agenda #calendrier .ui-datepicker .ui-datepicker-calendar {margin: 0 15px} .spip_surligne { color: #66CC66; } /* LISTE CREAI Le réseau national*/ #reseaunational {list-style-type: none;} #colonneContenu #reseaunational li {border-bottom: 1px dotted grey;margin:0;padding:0;padding: 10px 0px;background:none;} #reseaunational li.over {} #reseaunational li h3 {position: relative;font-size:1em;width: 400px;margin: 10px 0px;padding-left: 20px; } #reseaunational li.over h3 {color:#789806;cursor: pointer;} #reseaunational li h3 span {display:block;position: absolute; left: -20px; top: 5px; width: 20px; height: 20px; background: transparent url(../images/btn_reseau_national.png) no-repeat 0px 0px;} #reseaunational li.over h3 span {background-position: -40px 0px;} #reseaunational li h3.actif span {background-position: -80px 0px;} #reseaunational li.over h3.actif span {background-position: -120px 0px;} #reseaunational li div p {margin:0;padding:10px; line-height: 1.3em;} #reseaunational li div p a {color:#789806;text-decoration:none;} #reseaunational li div p a:hover {text-decoration: underline;} /*GooglMaps*/ #mapGoogle { width:480px; height:280px; margin-top:20px; } /*Spécial : p avec margintop = 0*/ .marginTop0 { margin-top:0; } /*Plan du site*/ body.vert #colonneContenu #plandusite ul li {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #CCCCCC; background:none; display:block;} body.vert #colonneContenu #plandusite ul h3.planTitre {font-size:1em; margin-bottom:0px;} body.vert #colonneContenu #plandusite ul li h3.planTitre a {color:#789806;} body.vert #colonneContenu #plandusite ul li a {color:#333333; text-decoration:none; font-weight:normal;} body.vert #colonneContenu #plandusite ul li a:hover {text-decoration:underline;} body.vert #colonneContenu #plandusite ul li p {margin-top:0px; margin-bottom:0px;} body.vert #colonneContenu #plandusite ul li p a {color:#789806;} body.vert #colonneContenu #plandusite ul li ul.plansousnav{margin-top:0px; margin-bottom:0px;} body.vert #colonneContenu #plandusite ul li ul li a {color:#000000;} body.vert #colonneContenu #plandusite ul li ul li a {color:#000000; text-decoration:none;} body.vert #colonneContenu #plandusite ul li ul li {border-bottom:0; padding-top:0px; padding-bottom:0px;} body.vert #colonneContenu #plandusite ul li ul li ul {margin-top:0px; margin-bottom:0px;} body.vert #colonneContenu #plandusite ul li ul li ul li a {color:#777777;} /*Formulaires framework*/ .required {color:#FF0000;} #colonneContenu form {font-size:0.9em;} #colonneContenu form fieldset {border:1px solid #CCCCCC; width:485px; padding:10px 10px 10px 20px; margin-bottom:20px} #colonneContenu form fieldset legend {padding:5px; color:#789806; font-weight:bold; font-size:0.95em} #colonneContenu form div.form, #colonneContenu form label.form {margin-bottom:8px;zoom:1;} #colonneContenu form div.inline {display:inline} #colonneContenu form div.label, #colonneContenu form div label {float:left;width:200px;} #colonneContenu form div input {width:200px;} #colonneContenu form div input.radio {width:15px;height:15px;} #colonneContenu form#form_inscription div input.radio {margin:0;} #form_inscription .radio {float:left;} #colonneContenu form#form_inscription .radioInline label { float:left; margin:0 10px 0 0;padding:0 0 0 5px; width:auto; } #colonneContenu form div input.checkbox {width:inherit;margin-right:5px;} #colonneContenu form#form_inscription div input.checkbox { float:left; margin:0 5px 2px 0; width:15px;height:15px; } #colonneContenu form div input.submit {background:url(../images/btnForm-vert.png) top left no-repeat; color:#FFFFFF; width:102px; height:28px; border:none; font-weight:bold;} #colonneContenu form .fullLine {width:100%;float:none;} #colonneContenu form .smaller {font-size:0.8em} #colonneContenu form .radioInline label {float:none; margin-right:5px} #colonneContenu form div .size50 {width:50px;} #colonneContenu form div .size100 {width:100px;} #colonneContenu form div .size150 {width:150px;} #colonneContenu form div .size250 {width:250px;} #colonneContenu form .marginTop10 {margin-top:10px} #colonneContenu form .marginTop30 {margin-top:30px} #colonneContenu form div .full {width:100%;} #colonneContenu .alignCenter {text-align:center;} #colonneContenu form div#infosStructure {background-color:#EBEBEB; padding:10px; display:none; margin-bottom:10px} /*Ajout efr*/ #contenant #bloc-D #colonneContenu { overflow:hidden; float:left;display:inline; width:445px; margin:0 0 0 25px; } /** * @section easyclearing */ #colonneResultats ul#listeResultats li ul:after, div.monCompte .loginForm:after, #colonneResultats ul#listeResultats:after, .radioInline:after, #colonneContenu form div.form:after, #colonneContenu form label.form:after { content: "."; overflow:hidden; display: block; height: 0; clear: both; visibility: hidden; } /*Surcharge JQuery :: */ .ui-widget{font-size:0.85em;} /* Tuneling - Styles appliqués à mon compte*/ #colonneContenu #actions { font-family:"Trebuchet MS",Arial,sans-serif; border:1px solid #EBEBEB; background-color:#F3F3F3; padding:6px; text-align:center; margin:20px 0; } #colonneContenu #actions li {border-right:1px solid #7A9B0B; background-image:none; display:inline; padding:0 4px;} #colonneContenu #actions li.noBorder {border-right: none;} #colonneContenu #actions li a { font-size:0.9em; font-weight:normal; text-decoration:none; color:#789806; text-align:left; padding-right:5px; } #colonneContenu #actions li a:hover {text-decoration:underline;} #colonneContenu #actions li.select a, #colonneContenu #actions li a.select {font-weight:bold;} #colonneContenu a.btn {/*text-decoration:none; color:#333333;*/ color:#789806; font-weight:bold; text-decoration:underline; } #colonneContenu .btnAdd { background:transparent url(../images/btnAdd.png) no-repeat scroll bottom left; height:17px; padding:4px 0px 0px 20px; } #colonneContenu .btnBack { background:transparent url(../images/btnBack.png) no-repeat scroll bottom left; height:17px; padding:4px 0px 0px 20px; } #colonneContenu .btnPdf { background:transparent url(../images/btnPdf.png) no-repeat scroll bottom left; height:17px; padding:4px 0px 0px 20px; } #colonneContenu .btnVoir { background:transparent url(../images/btnLoupe.png) no-repeat scroll bottom left; height:17px; padding:4px 0px 0px 20px; } #colonneContenu a.formLink {text-decoration:none;font-size:0.85em;} /*Styles tableau de données*/ #colonneContenu .dataList {margin:15px 0 50px 0;} body.vert #colonneContenu .dataList h3 {font-size:14px;margin:0 0 10px;} #colonneContenu .dataList table { width:100%; font-size:0.8em; text-align:left; } #colonneContenu .dataList table th {padding:6px 4px;background-color: #F3F3F3;color: #7F7F7F;} #colonneContenu .dataList table tr.gris {background-color:#f4f4f4;} #colonneContenu .dataList table td {font-size:0.95em;padding:4px;border-bottom:1px solid #DDD;} #colonneContenu .dataList div.paginationBloc {width:auto;} /*Section print*/ body.print {background:none; color:#5E5E5E} body.print #fichePoste {display: block;} body.print #printClose {display:none;} body.print #fancy_div span {background:none;} body.print #fancy_div {background:none; margin:0 auto;} body.print #fancy_div #header {background:#B1D430; height:auto; padding-bottom:10px; width:674px; margin-left:0; margin-right:0; width:auto;} body.print #fancy_div #header h2 {margin:11px 0 0 5px; width:auto; float:none;} body.print #fancy_div #header h3 {float:none;margin:11px 0 0 5px; width:auto;} body.print #fancy_div #header ul#resultatsPoste {float:none; margin: 10px 0 0 5px;} body.print #fancy_div #header ul#resultatsPoste li {float:left; border-right: 1px solid #8B8B8B;} body.print #fancy_div #contenuPoste {overflow:inherit; height:auto; margin:20px 0px 20px 0; padding:0; width:auto;} body.print #fancy_div #contenuPoste h4 {background:#8B8B8B; width:auto; float:none; padding:5px 14px 5px 4px} body.print #fancy_div #contenuPoste div.ongletPoste {display:none;} body.print #fancy_div #contenuPoste ul li {background:none; list-style-type:disc; padding-left:0px;} body.print #printHautdepage {float:right;padding-top:0} body.print ul#infosCnahes { margin:-26px 8px 0 0;} body.print #contenuCnahes {overflow:inherit; height:auto; margin:20px 0px 20px 0; padding:0; width:auto;} body.print #contenuCnahes div.bloc {background:#8B8B8B; width:auto; float:none; padding:5px 14px 5px 4px; font-weight:bolder;} body.print #contenuCnahes div.ongletPoste {display:none;} body.print #contenuCnahes ul li {background:none; list-style-type:disc; padding-left:0px;} /*Section emploi*/ #colonneContenu .emploiBloc { background:transparent url(../images/creai_offres_emplois.jpg) no-repeat scroll bottom left; width:431px; height:148px; position:relative; } #colonneContenu .emploiBloc p { position:relative; top:55px; left:140px; width:250px; } #colonneContenu .emploiBloc p a { text-decoration:none; } #colonneContenu .emploiBloc p a:hover { color:#333333; } #colonneContenu .emploiBloc .nbrResultats { color: #789806; font-size:2em; } /*efr : 01/03/2011*/ .depot_offre { clear:both; background:url(../images/deposez-offre.jpg) no-repeat scroll bottom left; width:222px; height:70px; margin-left:26px; } .depot_offre a { color:#FFF; font-weight:bold; position:relative; top:25px; left:66px; } /*Fiche CNAHES Front : 28/03/2011*/ /*Page fiche de poste detaille*/ ul#infosCnahes { float:right; list-style-type:none; margin:-14px 8px 0 0; padding:0} ul#infosCnahes li {font-weight:bold; color:#FFFFFF; font-size:0.8em; padding:0 5px 0 5px;} #contenuCnahes {width:674px; height:600px; padding:0 5px 0 0; margin:10px auto; overflow:auto; color: #5E5E5E; font-size: 0.9em;} #contenuCnahes h1 {color:#0878A1; text-align:center; margin: 20px 0;} #contenuCnahes h2 {color:#0878A1; margin: 10px 0;} #contenuCnahes h3 {color:#0878A1; margin: 5px 0;} #contenuCnahes h4 {color:#0878A1;} #contenuCnahes div.ongletPoste { float:left; display:block; height:26px; height:3px;padding:0} #contenuCnahes div.wait { clear:both; margin:0; padding:5px 10px 10px 10px; border:1px solid #ccc; color:#5e5e5e; font-size:0.8em} #contenuCnahes div.wait span {background:none; height:auto; display:inline;} * html #contenuCnahes div.wait { margin-top:-2px} #contenuCnahes ul {list-style-type:none; margin:0 0 0 20px; padding:0} #contenuCnahes ul li {color:#5e5e5e; padding-left:15px; margin:0 0 10px 0; background:url(../images/puce-grise.gif) no-repeat scroll left 6px; } #contenuCnahes p {font-size:1.1em;} #contenuCnahes span {width:auto; height:auto; background:none; margin:auto;} #contenuCnahes div.bloc { background: url("../images/fiche-poste-onglet-fd-repeat.gif") repeat-x scroll left top transparent; color: #FFFFFF; float: left; height: 16px; margin: 0; padding: 5px 14px; } #contenuCnahes .wrapper {clear:both; margin-bottom:15px;} #contenuCnahes .label {font-weight:bolder;width:100%;} #contenuCnahes .value {width:100%;} #contenuCnahes table {border:none;} #contenuCnahes table td {border:1px solid #8B8B8B;} #contenuCnahes table tr {border:none;}