/* Modèle v1.11 27/03/2008 */ /* Paliation du bug de vidéos Quicktime sous IE6 */ /* hides the second object from all versions of IE */ * html object.mov { display: none; } /* displays the second object in all versions of IE apart from 5 on PC */ * html object.mov/**/ { display: inline; } /* hides the second object from all versions of IE >= 5.5 */ * html object.mov { display/**/: none; } /**/ /******************************************/ /****** GENERIQUE A TOUS LES SITES *******/ /******************************************/ /********** A GARDER EN L'ÉTAT ************/ /* Balises */ *{margin:0; padding:0;} li{margin-left: 25px;} a img{border:0} html {font-size: 100%;} /* Classes / ID */ .clear{clear:both;} /*********** A PERSONNALISER **************/ /* Balises */ body {font: normal 12px Trebuchet MS; color:#464545;} table{font-size: 10pt;} a{color:#ee3124; text-decoration:none; cursor:pointer;} a:hover {text-decoration:underline;} li a, p a {color:#464545; text-decoration:none; cursor:pointer; font:normal 11px Trebuchet MS;} li a:hover, li a.hover, p a:hover {color:#ee3124;} label {color:#000;} input, select, textarea{font:normal 12px Trebuchet MS; color:#000; width:150px; border:1px solid #dedbdb;} h1{font: bold 9pt Trebuchet MS; color:#ee3124; text-transform:uppercase; padding-top:5px;} h2{font: bold 9pt Trebuchet MS; color:#ee3124; text-transform:uppercase; padding:5px; line-height:1.1em;} h2 div {color:#000; font-weight:normal; text-transform:lowercase; font-style:italic;} h3{font: bold 12pt Trebuchet MS; color:#fff; text-transform:uppercase; text-align:center;} h4{font: bold 9pt Trebuchet MS; color:#464545; text-transform:uppercase; margin:5px; } h5{font: bold 11pt Trebuchet MS; color:#ee3124; text-transform:uppercase; margin-top:5px; text-align:center; margin-bottom:15px;} h6{font: bold 11pt Trebuchet MS; color:#464545; text-transform:uppercase; line-height:20px; text-align:center; color:white; background-image:url(images/fond/degrade_gris4x4.gif); margin:10px;} p {margin-bottom:5px; text-align:justify;} .txt_bleu {color:#aed1ff} .txt_rouge {color:#ff7878} .txt_noir {color:#000000} .txt_gris {color:#d3d3d3} .txt_jaune {color:#ffff99} .txt_orange {color:#ffcc66} .txt_vert {color:#ccff99} .txt_blanc {color:#ffffff} .fnd_bleu {background-color:#aed1ff} .fnd_rouge {background-color:#ff7878} .fnd_noir {background-color:#000000} .fnd_gris {background-color:#d3d3d3} .fnd_jaune {background-color:#ffff99} .fnd_orange {background-color:#ffcc66} .fnd_vert {background-color:#ccff99} .fnd_blanc {background-color:#ffffff} #contenu #cb {width:100%;} #contenu #cb td{width:50%; } #contenu #cb th {width:50%; text-align:right; font:bold 14px "Trebuchet MS";} #contenu #cb .submit {text-align:center;} #contenu #cb .submit input{background:url('tbs/images/suivant.jpg'); height:30px; line-height:30px; width:135px; border:0; margin-top:10px;} .radio, .checkbox {width:30px; border:0px;} .texte {font:12px Trebuchet MS;} .titre {font:bold 16px Trebuchet MS;color:#ee3124; margin-left: 0px; margin-bottom:5px;} .titre2 {font:bold 13px Trebuchet MS;color:#ee3124; margin-left: 5px; margin-bottom:2px;} .titre3 {font:bold 10px Trebuchet MS;color:#ee3124; margin-left: 10px; margin-bottom:2px;} .center{text-align:center;} .triangle{float:left;} .lien{text-align:right;} .lien_black a{color:#464545; font-weight:bold; text-decoration:none;} .lien_black a:hover{text-decoration:underline;} .ligne_navigation{text-align:center; clear:both; list-style-type:none; font-size:8pt; color:#6c6b6b; height:14px; margin:-5px 0 5px;} .ligne_navigation li{font-weight:bold; display:inline; margin-left:0;} .ligne_navigation li a{margin:0 2px; text-decoration:none; color:#6c6b6b;} .ligne_navigation li.page_courante{text-decoration:underline; margin:0 2px;} #face {width:280px;height:480px; overflow:hidden; border-bottom:1px solid #94A3C4; margin-bottom:10px;} .fan_box .page_stream {height:170px;} .fan_box .connections {min-height:95px;} /* Classes / ID */ #body{background:#fdfdfd url(images/fond/fond2.gif) repeat-x;} p.par {margin-bottom:10px;} .color {color:#ee3124;} .hr{clear:both; height:0px; margin:10px 0px; border-bottom:1px solid #cc1104;} #conteneur{margin:0 auto; width: 975px;} .colonne {float:left; display:inline} .bouton {float:right;} /******************************************/ /****** COMMUN AUX PAGES DE CE SITE ******/ /******************************************/ #contenu{float:left; width:725px; margin-bottom:10px; display:inline;/*bug IE6*/ overflow:hidden;} #contenu.etendu{width:975px; display:block;} h1#titre{margin-right:10px; margin-bottom:10px; padding-left:20px; background:url('images/puce/double_fleche.gif') 8px 10px no-repeat;} #header {position:relative; clear:both;} #header #pubs_bandeau{float:left; margin-top:10px; width:470px; height:62px; overflow:hidden;} #header #pubs_bandeau {position:relative;} #header #pubs_bandeau a.flash {height:62px; width:470px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01; top:0px; left:0px; z-index:4;} #header #pubs_bandeau div {height:62px; width:470px; position:absolute; top:0px; left:0px; z-index:2;} #header .date {font-size:8pt; position:absolute; top:78px; left:15px;} #header #menu_haut_droite {width:180px; margin-top:10px; margin-right:10px; float:right; color:#ee3124; text-align:right;} #header #menu_haut_droite input {width:auto;} #header #menu_haut_droite .bouton {height:20px;} #header #menu_haut_droite .libelle {text-align:justify; width:145px; float:right;} #header #menu_haut_droite .bouton {background:#ee3124; color:white;} #header #menu_haut_droite p {text-align:right; clear:both; margin:0px; color:red;} #header #menu_haut_droite p a{color:#ee3124;} #header #menu_haut_droite p a:hover{text-decoration:underline;} input#input_newsletter {width:130px;} #pub_top {overflow:hidden;} #pub_top .encart {width:187px; height:87px; overflow:hidden; position:relative; float:left; margin:0; padding:0; margin-left:45px;} #pub_top .encart a.flash {height:87px; width:187px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01; top:0px; left:0px; z-index:4;} #pub_top .encart div {height:87px; width:187px; position:absolute; top:0px; left:0px; z-index:2;} #colonne-gauche{width:160px; float:left; display:inline;/*bug IE6*/} #colonne-centre{width:535px; float:left; display:inline;/*bug IE6*/ margin:0 10px;} #colonne-droite{width:250px; float:right; display:inline;/*bug IE6*/ overflow:hidden; margin:10px 0px;} #colonne-droite #pubs{width:250px; height:250px; overflow:hidden;position:relative;} #colonne-droite #pubs a.flash {height:250px; width:250px; position:absolute; top:0px; left:0px; z-index:4;} #boite_recherche ul {background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px} #boite_recherche li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px} .type-boite-1{background-color:white; padding-bottom:10px;} .type-boite-2{background-color:white; padding:10px; border:1px #ee3124 solid;} .type-boite-3{background-image:url(images/fond/rubriques-fond.gif);} .type-boite-4{background-image:url(images/fond/annuaire_liste.gif); background-repeat:repeat-y; background-color:white;} .interieur-boite-1 {margin:10px;} .interieur-boite-2 {background-image:url(images/fond/gris_3x3.gif); padding:10px;} h2.interieur-boite-2 {margin:0px 0px 10px 0px; padding:5px;} .interieur-boite-3 {background-image:url(images/fond/rose_3x3.gif); padding:5px;} .boite .bg_triangle .bg_interieur p{padding:10px;} .boite .bg_interieur .liste_puce {margin-bottom:10px;} .submit{text-align:center;} .MoteurFiltre .row{height:auto;} .row {height:25px;} .row label{width:200px; text-align:right; display:block; float:left; margin-right:5px;} .row select{width:153px;} .row.bt {text-align:center;} .row_rad {clear:both; margin-bottom:5px;} .row_rad label{} .row_rad ul{list-style:none; margin-bottom:10px;} .row_rad ul li {float:left; width:100px; margin:0px;} .row_rad ul li input{width:30px;} .row_rad .label{float:left; width:200px; text-align:right;} .row_rad .rad {margin-left:200px; margin-bottom:1px;} .row_rad .rad input{vertical-align:middle; border:0; width:30px;} .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;} .asterisque {clear:both; text-align:center;} #contenu .input{width:120px;} /**/ /****************************************/ /********** ENTETE ************/ /****************************************/ #flash_habillage {height:150px; margin:10px auto 0px auto; width:975px; cursor:pointer; overflow:hidden; position:relative;} #flash_habillage a.flash {height:150px; width:975px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01; top:0px; left:0px; z-index:4;} #flash_habillage div {height:150px; width:975px; position:absolute; top:0px; left:0px; z-index:2;} #header {width:973px; height:96px; background:url(images/fond/header.gif) no-repeat;} #header img#logo {float:left; width:258px; height:63px; margin: 10px 39px 2px 3px} #header p {clear:both; font-size:8pt;color:#464545;margin-left:13px;} ul#menuA {font-size:10pt; padding:10px; background-color:white; border:1px #ee3124 solid; color:#ee3124; text-transform:uppercase; font-weight:bold; list-style-type: none ; float:right; margin-top:12px; margin-right:15px;} ul#menuA li{background:url(images/puce/puce.gif) no-repeat; background-position : center left; padding-left:10px; margin-left:0;} ul#menuA li a{text-decoration:none; color:#ee3124;} ul#menuA li a:hover{text-decoration:underline;} .date{float:left;} .favoris{float:right; font-size:8pt; color:#464545; margin-right:13px;} ul#menu {width:972px; height:20px;padding: 0 ;list-style-type: none ;} ul#menu li{display:block; float:left; margin: 0 2px 0 0;padding: 0 ;} ul#menu li a{display:block; width:137px; height:20px; line-height: 20px;text-decoration: none ; text-align:center; background: url(images/fond/menu2.gif) no-repeat 0 0 ; font-size:9pt; color: #fff;} ul#menu li a:hover{background: url(images/fond/menu2.gif) no-repeat 0 -20px ;} ul#menu li a#visited{background: url(images/fond/menu2.gif) no-repeat 0 -20px ;} #marquee_actualite {font-size:8pt; color:#6c6b6b; position:relative; height:20px;} #marquee_actualite span{color:#b30019; float:left;} #marquee_actualite #espace{position:absolute; right:0px; top:0px; overflow:hidden; width:900px;} #marquee_actualite #marqueee{position:relative; white-space:nowrap;} #marquee_actualite2 {font-size:8pt; color:#464545; position:relative; height:20px;} #marquee_actualite2 span{color:#b30019; float:left;} #marquee_actualite2 #espace2{position:absolute; right:0px; top:0px; overflow:hidden; width:900px;} #marquee_actualite2 #marqueee2{position:relative; white-space:nowrap;} #marquee_actualite3 {font-size:8pt; color:#6c6b6b; position:relative; height:20px;} #marquee_actualite3 span{color:#b30019; float:left;} #marquee_actualite3 #espace3{position:absolute; right:0px; top:0px; overflow:hidden; height:18px; width:900px;} #marquee_actualite3 #marqueee3{position:relative;} #actu {width:970px; margin:2px 0px; font-size:8pt;} #actu {color:#6c6b6b;} #actu span{color:#b30019; float:left; text-transform:uppercase;} #actu marquee{width:900px; float:right;} /****************************************/ /********** PIED PAGE ************/ /****************************************/ #bas {clear: both; width:973px; height:20px; background:url(images/fond/bas.gif) no-repeat; padding:0px 5px;} #bas p {float:left;font-size:8pt; color:#464545; width:160px;} #bas ul {float:right; text-align:right; width:700px; list-style:none; margin-right:10px;} #bas ul li{display:inline; margin:0px;} #bas ul li a{margin:0px 1px;} /****************************************/ /********** HOME PAGE ************/ /****************************************/ /** Transparent */ #header.trans {background:url('images/fond/trans2.png'); width:975px;} #conteneur.trans {background:url('images/fond/trans.png'); padding:10px;} #marquee_actualite2.trans {background:url('images/fond/trans2.png');margin-bottom:10px;} #menu.trans {background:url('images/fond/trans2.png'); width:973px; padding-left:2px;} #contenu #right #step.trans {background:url('images/fond/trans_step_by_step.png');} #colonne-droite #menu_en_savoir_plus.trans {background:url('images/fond/trans2.png');} #bas.trans {background:url(images/fond/bas.png) no-repeat;} h1#titre.trans{background:url('images/fond/trans2.png');} .accueil .col1 {width:180px; margin-right:10px;} .accueil .col2 {width:306px; margin-right:10px;} .accueil .col3 {width:204px; margin-right:10px;} /* ECLAIREUR + ECLAIREUR PLUS */ .degrade{width:286px; background:url(images/fond/degrade.jpg); padding:10px; margin-bottom:10px;} .degrade .triangle{margin:-10px 0 0 -10px;} .degrade .photos{width:82px; height:158px; overflow:hidden; float:left; display:inline; margin-right:8px; position:relative;} .degrade .photos p {text-align:center; position:absolute; bottom:0px; left:0px; width:82px;} .degrade .photos img {text-align:center;} .degrade .content {width:196px; display:inline; float:right; overflow:hidden;padding-bottom:5px} .degrade .content p{line-height:1.2em; font-size:8pt; color:#464545;margin:0 5px 5px 5px;} .degrade .content p span{color:#000;} #eclaireur {height:156px;} #eclaireur .photos{height:156px;} #eclaireur .photos img { margin-bottom:10px;} #eclaireur .content{height:151px;background:url(images/fond/gris_3x3.gif);} #plus {height:126px;} #plus .photos{height:136px;} #plus .photos img {margin-bottom:5px;} #plus .content{height:122px;background:url(images/fond/rose_3x3.gif);} /* ENCART : Annuaires, réponses à tous.... */ #encart_accueil{width:286px; height:139px; background:#fff url(images/fond/gris_3x3.gif) top left; position:relative;padding:10px} #encart_accueil .triangle{margin:-10px 0 0 -10px;} #encart_accueil ul#liste_encart{list-style-type:none; padding-top:10px; width:101px; position:absolute; left:10px;} #encart_accueil ul#liste_encart li{margin-left:0px;width:101px;} #encart_accueil ul#liste_encart li.active{background: url(images/puce/pointe.gif) no-repeat top right;} #encart_accueil ul#liste_encart li a{width:101px;text-decoration:none; position:static; line-height:12px; display:block; right:0px; height:14px; margin-bottom:5px; text-transform:uppercase;color:#ee3124} #encart_accueil ul#liste_encart li.active a{text-decoration:underline;} #encart_accueil #zone_texte{width:166px; height:121px; float:right; display:block; background:url(images/fond/bg_encart_accueil.gif); padding:10px;} #encart_accueil #zone_texte p{font-size:11px; text-align:left; cursor:pointer; display:none; height:121px; } #encart_accueil #zone_texte p.active {display:block;} #encart_accueil #zone_texte p img{vertical-align:middle;} #encart_accueil #zone_texte p img.illustration{vertical-align:top; float:left; margin-right:5px;} #encart_accueil #lien_encart {clear:both; height:14px; width:345px;} #encart_accueil p a.puce_encart_accueil{float:right; display:inline; margin-right:0px; position:static; } #espace_personnel {width:159px; height:157px; padding:10px; margin-bottom:10px; background:url(images/fond/espace.gif);} #espace_personnel #espace_contenu{height:147px;padding:5px; background:url(images/fond/espace_contenu.png); overflow:hidden;} #espace_personnel #espace_contenu h2{text-align:center; font:bold 14px 'Trebuchet MS'; color:#424242;padding:0; margin-bottom:10px;} #espace_personnel #espace_contenu .espace {margin-bottom:10px;} #espace_personnel #espace_contenu .espace h3 {text-align:left; margin:0; padding-left:10px; background:url(images/puce/noir.png) 0 2px no-repeat;} #espace_personnel #espace_contenu .espace h3 a{font:normal 11px 'TRebuchet MS'; color:#000; line-height:11px;} #espace_personnel #espace_contenu .espace h3 a:hover{color:#ee3124;} #espace_personnel #espace_contenu .espace p{font:italic 10px 'Trebuchet MS'; color:#5d5d5d; line-height:10px;} #espace_personnel.right_page {width:auto; margin-top:10px;} /* TECHNIQUES */ #technique.boite {background:#fff; margin-bottom:10px; padding:10px;} #technique.boite .bg_interieur {background:url(images/fond/gris_3x3.gif); padding:5px 13px; overflow:hidden; width:131px; height:244px;} #technique {border:1px solid #929292; width:157px; height:290px;} #technique h4 {margin:0; margin-bottom:2px;font:normal 11px 'Trebuchet MS';} #technique #video{margin-bottom:10px;} #technique .titre {background:url(images/fond/gris_3x3.gif); margin-bottom:10px; padding:5px 0;} #technique h2 {padding:0; background:url(images/cadenas/lock_24.gif) 2px 0 no-repeat; text-align:center; color:#696868;line-height:16px;} /** Zone en savoir plus */ #menu_en_savoir_plus{border:1px #ee3124 solid; margin-top:10px; background-color:#fff; padding:8px;} #zone_en_savoir_plus {padding:5px 8px; height:213px; } #zone_en_savoir_plus h2 {text-align:center; margin-bottom:10px;} #zone_en_savoir_plus ul {list-style:none; height:136px;} #zone_en_savoir_plus ul li{width:100px; float:left; margin-left:0px; padding-left:8px; background:url('images/puce/puce.gif') left 6px no-repeat;} #zone_en_savoir_plus ul li a {display:inline-block; padding-bottom:6px;} #zone_en_savoir_plus ul li img{vertical-align:middle;} /****************************************/ /********** EVENEMENT ************/ /****************************************/ .evenement div{display:block; float:none;} .evenement {padding:10px;} .evenement h4{padding:0px; margin:0px; margin-bottom:5px;} #agenda_nous_ecrire p{font-size:11px; text-align:left; margin:0px; margin-bottom:10px;} /****************************************/ /********** ACTUALITES ************/ /****************************************/ .actualite {padding:10px; overflow-x:hidden;} .actualite .description img {float:right; margin-left:5px;} .actualite .description {text-align:justify; clear:both; margin-top:10px;} .actualite .date {font-weight:bold; text-align:right; float:none;margin-top:10px;} /****************************************/ /********** MODULE SONDAGE ************/ /****************************************/ #sondage .element{font:normal 11px Trebuchet MS; background-image:url(images/fond/gris_3x3.gif); padding:0px 10px; margin:0px 10px;} #sondage {color:#000;} #sondage .question{width:50%;} #sondage a{font:normal 14px Trebuchet MS; color:#000;} #sondage .submit a{color:#ee3124; font-weight:bold;} #sondage h1 {background-image:url(images/fond/gris_3x3.gif); padding:10px; margin:0px 10px 10px 10px;} #sondage h2 {margin:0px 10px 10px 10px;} #sondage table , #sondage span {padding:10px; margin:0px 10px 10px 10px;color:#000;} #sondage form {background-image:url(images/fond/gris_3x3.gif); margin:0px 10px; padding:10px;} #sondage #resultat{background-image:url(images/fond/gris_3x3.gif); margin:0px 10px; padding:10px;} /****************************************/ /********** MODULE FORUM ************/ /****************************************/ #question_forum {background-image:url('images/fond/Question_forum.gif'); border:1px #F0F0F0 solid;} #question_forum h2, #question_forum div{margin:10px;} #question_forum .triangle{margin:0px;} .reponse_blanche {float:right; width:450px; background-image:url('images/fond/reponse_blanche.gif'); padding:10px; margin:5px 0px 5px 5px;} .reponse_noire {float:right; width:350px; background-image:url('images/fond/reponse_noire.gif'); padding:10px; margin:5px 0px 5px 5px;} /****************************************/ /********** LOGIN & ABONNEMENT ************/ /****************************************/ /*S'Abonner */ #contenu #inscriptionG{width:350px; margin-bottom:10px; border:1px #dedbdb solid; background-color:#fff; float:left;} #contenu #inscriptionG .interieur{margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);} #contenu #inscriptionD .lien{text-align:center;} #contenu #inscriptionG .radio{width:50px;} #contenu #inscriptionD{width:350px; margin-left:10px; margin-bottom:10px; border:1px #dedbdb solid; background-color:#fff; float:left;} #contenu #inscriptionD .interieur{margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);} #contenu #inscriptionD textarea{width:150px; font:bold 10px Trebuchet MS; height:53px; border:1px solid #dedbdb;} #contenu .login{width:275px; float:left; margin:20px; border:1px #dedbdb solid; background-color:#fff;} #contenu .login .interieur{width:250px; height:190px; overflow:hidden; margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);} #contenu .login .lien{text-align:center;} #contenu #menu_abonnement {width:680px; margin:0 10px; float:left;} /* Visualisation + Email */ #contenu #enregistrement .puce{float:left;} #contenu #enregistrement .lien{text-align:center;} #contenu #enregistrement {background-color:#fff; border:1px #dedbdb solid; margin:10px;} #contenu #enregistrement div.boite, #contenu #enregistrement h2 {background:url(images/fond/gris_3x3.gif); margin:10px; padding:10px 60px;} #contenu #enregistrement th {width:100px; text-align:right; font:normal 9pt "Trebuchet MS";} #contenu #enregistrement td {font:normal 9pt "Trebuchet MS";} #contenu #enregistrement input.text, #contenu #enregistrement textarea {margin:1px; width:400px; border:0;} /* Création d'un nouvel abonnement */ #abonnement .gauche, #abonnement .droite {background:white; margin-right:10px; width:350px;} #abonnement .gauche .interieur, #abonnement .droite .interieur{background:url(images/fond/gris_3x3.gif); display:block; width:auto; padding:5px; margin:10px;} #abonnement .gauche div.interieur{height:750px;} #abonnement .droite #form_abo.interieur{height:550px;} #abonnement .droite #cgv.interieur{height:170px;} #abonnement .droite #cgv {padding:10px;} #abonnement .droite #cgv #lien_acces{margin:15px;} #abonnement .gauche {float:left;} #abonnement .droite {float:left;} #abonnement .droite th {width:100px; text-align:right; font-weight:normal;} #abonnement .droite .lien {text-align:center; margin-top:10px;} /* Formulaire pour les utilisateurs déja abonnés au journal */ .abo-journal .gauche{width:318px; float:left; margin:25px 10px; border:1px #dedbdb solid; background-color:#fff;} .abo-journal .gauche .interieur{width:296px; height:240px; margin:0px 10px 10px 10px; background:url(images/fond/gris_3x3.gif);} .abo-journal .gauche .interieur th{text-align:right;} .abo-journal .gauche .interieur table{margin:0 auto;} .abo-journal .droite{width:330px; float:left; margin:25px 5px; border:1px #dedbdb solid; background-color:#fff;} .abo-journal .droite .interieur{width:305px; height:240px; margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);} .abo-journal .lien {text-align:center;} /* Login gratuit */ #login-gratuit {width:300px; margin:10px auto;} #login-gratuit th{text-align:right;}#RIB{margin:10px auto; width:470px;} #RIB input{width:100px;} #RIB fieldset{margin:5px; border-color:#ee3124; float:left;} #RIB input{border:1px white solid; font:normal 15px Trebuchet MS; text-align:center;} #RIB #valider{color:#ee3124; border:1px #ee3124 solid;} #RIB #banque, #RIB #guichet{width:82px;} #RIB #banque input, #RIB #guichet input{width:80px;} #RIB #numero{width:137px;} #RIB #numero input{width:135px;} #RIB #cle{width:40px;} #RIB #cle input{width:38px;} #RIB #domiciliation{width:383px;} #RIB #domiciliation input{width:340px;} #RIB #valider{float:right; margin:6px;} /**************************/ /***** PAGES DYNAMIQUES *****/ /**************************/ #rubrique-gauche{width:160px; float:left; margin-top:10px;} #rubrique-droite{width:250px; float:right;} #recherche-rubrique ul {background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px} #recherche-rubrique li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px} #recherche-rubrique li a{color:#464545} #recherche-rubrique li a.hover{font-weight:bold} /**************************/ /***** ARCHIVES *****/ /**************************/ #contenu #recherche-article{font:normal 11px Trebuchet MS; color:#000; background:#fff; float:left; width:160px; min-height:220px; border:1px solid #ee3124; margin-top:10px;} #contenu #recherche-article #recherche{width:140px; height:70px; margin-left:10px; margin-top:10px; background:url(images/fond/gris_3x3.gif);} #contenu #recherche-article #theme{width:140px; min-height:110px; margin-top:10px; margin-bottom:10px; margin-left:10px; background:url(images/fond/gris_3x3.gif);} #contenu #recherche-article #theme .lien_theme a{color:#464545; font-weight:normal; text-decoration:none;} #contenu #recherche-article #theme .lien_theme a:hover{color:#464545; font-weight:normal; text-decoration:underline;} #contenu #liste-article .boite1{float:left; width:260px; margin:0px 0px 10px 5px; height:95px; font:bold 11px Trebuchet MS; background:url(images/fond/case_courier1-trans.gif);} #contenu #liste-article .boite2{float:right; width:260px; margin-bottom:10px; font:bold 11px Trebuchet MS; height:95px; background:url(images/fond/case_courier2-trans.gif);} #contenu #liste-article .boite1 h2, #contenu #liste-article .boite2 h2 {margin-top:8px;} #contenu #liste-article #formulaire-commentaire{width:400px; height:200px; background:#fff; margin-left:75px;} #contenu #liste-article #formulaire-commentaire #center{width:380px; height:190px; background:url(images/fond/gris_3x3.gif); margin:0px 10px 0px 10px;} #contenu #annuaire .type{background-image:url(images/fond/gris_3x3.gif); border:1px #e8e8e8 solid; width:300px; float:left; margin:5px;} #contenu #annuaire .type .gauche{text-align:center; width:70px; overflow:hidden;} #contenu #annuaire .type .droite{width:190px; height:135px; display:inline;/*bug IE6*/ overflow:hidden;} #contenu #annuaire .gauche{float:left; text-align:center; margin-top:10px;} #contenu #annuaire .droite{float:left; margin:10px;} #informations {width:540px; float:left; padding-left:10px;} #contenu #liste-archive .fiche{background:#fff; width:540px; border:1px #e8e8e8 solid; float:left; font:normal 12px Trebuchet MS;} #contenu #liste-archive .fiche .box{width:520px; float:left; margin:10px 10px 10px 0px;} #contenu #liste-archive .fiche .box h1{background-image:url(images/fond/rose_3x3.gif); padding:5px;} #contenu #liste-archive .fiche .box div.div_box{background-image:url(images/fond/rose_3x3.gif); padding:5px 15px;} #contenu #liste-archive .fiche .box div.fiche_texte{font-weight:normal;} #contenu #liste-archive .fichette{background-image:url(images/fond/annuaire_liste.gif); border:1px #e8e8e8 solid; width:260px; float:left; margin:10px 5px 0px 0px; font:normal 11px Trebuchet MS;} #contenu #liste-archive .fichette h1{height:34px; margin:10px 10px 0px 10px; overflow:hidden; padding:5px; background-image:url(images/fond/rose_3x3.gif);} #contenu #liste-archive .fichette p{height:90px; margin:0px 10px; overflow:hidden; text-align:justify; background-image:url(images/fond/rose_3x3.gif); padding:0px 5px;} #contenu #liste-archive .fichette p.voir{height:20px; margin-bottom:10px; text-align:right; background-image:url(images/fond/rose_3x3.gif);} #contenu #liste-archive #Precedent{float:left;} #contenu #liste-archive #Suivant{float:right;} /**************************/ /***** ANNUAIRE *****/ /**************************/ /** Fashion */ .annuaire-fashion #mosaique {background-color:#000; color:#fff; padding:5px; width:520px; height:426px; float:right;} .annuaire-fashion #mosaique .fichette{background-color:#4d4d4d; cursor:pointer; padding:10px; margin:5px; width:100px; float:left;} .annuaire-fashion #mosaique .fichette .image{width:100px; height:150px; background-color:#000; overflow:hidden;} .annuaire-fashion #mosaique .fichette .libelle{height:33px; overflow-y:hidden;} .annuaire-fashion .fiche_fond{z-index:50; display:none; background-color:#000; position:absolute; top:0; left:0; width:0px; height:0px;} .annuaire-fashion .fiche_contenu{z-index:50; border:1px #4c4c4c solid; cursor:auto; background-color:#c2c2c2; display:none; position:absolute; bottom:0px; right:0px; padding:10px; width:400px; height:630px;} .annuaire-fashion .fiche_contenu .fiche_libelle {color:#ee3124; font-weight:bold;} .annuaire-fashion .fiche_contenu .image_fiche{width:400px; position:relative; height:600px; background-color:#fff; color:#000; overflow:hidden;} .annuaire-fashion .fiche_contenu .image_fiche .zone_image{position:absolute; top:0; left:0; width:400px; height:600px; background-color:#c2c2c2; text-align:center;} .annuaire-fashion .fiche_contenu .image_fiche .description {padding:10px; } .annuaire-fashion .fiche_contenu .legende {position:relative;} .annuaire-fashion .fiche_contenu .legende .nb_vue{color:#000;} .annuaire-fashion .fiche_contenu .legende .nb_vue .color{cursor:pointer;} .annuaire-fashion .fiche_contenu .legende .fermer{position:absolute; cursor:pointer; top:15px; _top:20px; right:0px; _right:10px; color:#4c4c4c; font-weight:bold;} /** Evenement */ .annuaire-evenement #mosaique {background-color:#000; color:#fff; padding:5px; width:520px; height:426px; float:right;} .annuaire-evenement #mosaique .fichette{background-color:#4d4d4d; cursor:pointer; padding:10px; margin:5px; width:143px; float:left;} .annuaire-evenement #mosaique .fichette .image{width:143px; height:150px; overflow:hidden; text-align:center;} .annuaire-evenement #mosaique .fichette .libelle{height:33px; overflow-y:hidden;} .annuaire-evenement .fiche_fond{z-index:50; display:none; background-color:#000; position:absolute; top:0; left:0; width:0px; height:0px;} .annuaire-evenement .fiche_contenu{z-index:50; border:1px #4c4c4c solid; cursor:auto; background-color:#c2c2c2; display:none; position:absolute; bottom:0px; right:0px; padding:10px; width:400px; height:630px;} .annuaire-evenement .fiche_contenu .fiche_libelle {color:#ee3124; font-weight:bold;} .annuaire-evenement .fiche_contenu .image_fiche{width:400px; position:relative; height:600px; background-color:#fff; color:#000; overflow:hidden;} .annuaire-evenement .fiche_contenu .image_fiche .zone_image{position:absolute; top:0; left:0; width:400px; height:600px; background-color:#c2c2c2; text-align:center;} .annuaire-evenement .fiche_contenu .image_fiche .description {padding:10px; } .annuaire-evenement .fiche_contenu .legende {position:relative;} .annuaire-evenement .fiche_contenu .legende .nb_vue{color:#000;} .annuaire-evenement .fiche_contenu .legende .nb_vue .color{cursor:pointer;} .annuaire-evenement .fiche_contenu .legende .fermer{position:absolute; cursor:pointer; top:15px; _top:20px; right:0px; _right:10px; color:#4c4c4c; font-weight:bold;} #annuaire-type {padding:10px 45px;} #annuaire-type .type{width:300px; border:1px #e8e8e8 solid; float:left; margin:5px;} #annuaire-type .type .gauche{width:70px; float:left; margin:10px 0; display:inline;/*bug IE6*/ text-align:center; overflow:hidden;} #annuaire-type .type .droite{width:190px; float:right; margin:10px; display:inline;/*bug IE6*/ height:135px; overflow:hidden;} #annuaire-fiche {background-image:url(images/fond/annuaire_fiche.jpg); border:1px #e8e8e8 solid;} #annuaire-fiche .gauche {width:210px; float:left; margin:10px 0px 10px 10px; overflow:hidden; text-align:center;} #annuaire-fiche .droite {width:270px; float:right; margin:10px; display:inline;/*bug IE6*/ overflow:hidden;} #annuaire-fiche #video {text-align:center;} #annuaire-fiche #note {text-align:center;} /* VOTES */ .ligne-navigation {text-align:center; font:normal 11px Trebuchet MS;} .fiche_notation{background-image:url(images/fond/annuaire_fiche.jpg); margin-top:10px; font:bold 12px Trebuchet MS; padding:5px; border:1px solid #ee3124} .fiche_notation #etoiles {float:left} .fiche_notation #nb_vues {float:right} .fiche_notation #nb_votants {font-weight:normal; padding-left:40px} .fiche_notation #form_vote {padding-top:15px; float:left} .fiche_notation #form_vote img {cursor:pointer; vertical-align:middle} .fiche_notation #etoile_message{font-weight:normal; padding-left:15px} #contenu #annuaire .fiche{background-image:url(images/fond/annuaire_fiche.jpg); border:1px #e8e8e8 solid; font:normal 12px Trebuchet MS;} #contenu #annuaire .fiche .gauche{width:235px; overflow:hidden; border:1px red solid;} #contenu #annuaire .fiche .droite{width:250px;} #contenu #annuaire .fiche_video{background-image:url(images/fond/annuaire_fiche.jpg); width:510px; float:left; font:bold 12px Trebuchet MS; min-height:374px; _height:374px; padding:5px; border:1px solid #ee3124} #contenu #annuaire .fiche_video h1 {margin-bottom:10px} #contenu #annuaire #spaw_details_video {text-align:justify} #contenu #annuaire #retour_video {float:right} #contenu #annuaire .fichette{background-image:url(images/fond/annuaire_liste.gif); border:1px #e8e8e8 solid; width:255px; float:left; margin:4px; font:bold 11px Trebuchet MS; height:165px; overflow:hidden;} #contenu #annuaire .fichette .gauche{width:70px; overflow:hidden;} #contenu #annuaire .fichette .gauche .images{height:100px; width:70px; overflow:hidden; margin-top:10px;} #contenu #annuaire .fichette .gauche p{margin-top:5px;} #contenu #annuaire .fichette .droite{width:145px; height:135px; overflow:hidden;} #contenu #contenu_gauche {float:left;} #contenu_gauche #recherche {float:none} #contenu #recherche{float:left} #contenu #recherche{font:bold 11px Trebuchet MS; color:#000; background:#fff; width:160px; border:1px solid #ee3124; padding-bottom:10px;} #contenu #recherche h2{background:url(images/fond/gris_3x3.gif); margin:10px; padding:5px 0px;} #contenu #recherche select{width:120px;} #contenu #recherche select option {width:200px;} #contenu #recherche p{margin:0px 10px; background:url(images/fond/gris_3x3.gif); padding:10px;} #contenu #recherche p .right{text-align:right;} #contenu #recherche ul {margin:0px 10px 0px 10px; background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px} #contenu #recherche li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px} /**************************/ /***** PETITES ANNONCES *****/ /**************************/ /** V1 */ #annonce #liste{width:520px; background-color:white; margin-left:auto; margin-right:10px; padding:10px 10px 10px 10px; text-align:justify} #annonce h1{background:url(images/puce/triangle.gif) no-repeat; width:520px; background-color:white; margin-left:auto; margin-right:10px; padding:5px 10px 5px 10px;} #annonce h2{background-image:url(images/fond/gris_3x3.gif); padding:5px 10px 5px 10px; border:1px #ee3124 solid;} #annonce .MoteurNavigation a{padding-left:5px; text-decoration:none; color:black;} #confirme-annonce {text-align:center; width:450px; margin:30px auto;} /* contenu d'une case */ #annonce .ann_ligne {padding:5px 0px 5px 0px; border-bottom:1px solid #ee3124} #annonce .ann_description {padding:5px; min-height:32px; _height:32px} #annonce .ann_description img{float:left; padding:0 5px 5px 0; } #annonce .ann_prix{text-align:left; font-style:italic; color:#ee3124; padding-top:2px; float:left} #annonce .ann_ref{text-align:right; font-style:italic; color:#979797; padding-top:2px; } .MoteurLabel{font-weight:bold; width:auto; display:block; clear:both;} #annonce .MoteurNavigation{text-align:center; margin:10px 0 10px 0;} #annonce .MoteurNavigation .MoteurNavigationPageActuelle{color:#ff781e;} #recherche #BOUTON_RECHERCHER {width:120px} #annonce #erreur {text-align:center; font-weight:bold; padding-top:50px} #annonce .gras{font-weight:bold} #annonce .bordure {border:1px solid red} /** V1 formulaire poster une annonce */ #poster {width:600px; margin:10px auto;} #poster div textarea {width:163px; height:70px;} #poster span {color:#ee3124;} #poster .bold {color:black; font-weight:bold;} #poster table {width:100%;} #poster input.radio, #poster input.checkbox {width:30px; border:0px;} #poster input.submit {width:100px;} #poster input.text {width:150px;} #poster td.centre {text-align:center; width:150px;} #poster .right {float:right; width:230px; padding-left:10px; text-align:center;} #poster .left {float:left; width:230px; padding-right:10px;} #poster #ANN_TEXTEPA{width:205px;} #poster .couleurs {display:none;} #poster #tarifs td.centre {width:150px;} #poster #submit {text-align:center; margin-top:20px;} #poster #duree input {width:150px;} #poster #options .liste-couleur td {width:80px; padding:2px;} #poster #abreviation {width:600px; clear:both; display:none;} #poster #abreviation div{width:290px; float:left;} #poster #abreviation h1{background:url(images/fond/rubriques.gif); margin:8px 8px 0px 8px; padding:4px 6px;} #poster #abreviation ul {background:url(images/fond/rubriques.gif); margin:0px 8px 8px 8px;} #poster #abreviation li {list-style-type:none; text-transform:lowercase; color:black; font:normal 11px Trebuchet MS;} /** V2 */ /* GAUCHE */ #contenu #contenu_gauche .boite {background:#fff; margin-bottom:10px; width:160px; border:1px solid #ee3124;} #contenu #contenu_gauche .boite .bg_interieur {background:url(images/fond/gris_3x3.gif); margin:10px; padding:10px; width:120px;} #contenu #contenu_gauche .boite .bg_interieur label {display:block; width:auto; text-align:left; clear:both;} #contenu #contenu_gauche .boite .bg_interieur ul {list-style:none; clear:both;} #contenu #contenu_gauche .boite .bg_interieur ul li {margin:0px; padding-left:8px;} #contenu #contenu_gauche .boite .bg_interieur ul li a{text-decoration:none;} #contenu #contenu_gauche .boite .bg_interieur ul li.active a, #contenu #contenu_gauche .boite .bg_interieur ul li:hover a{ color:#ee3124; } #contenu #contenu_gauche .boite .bg_interieur ul li.active ul li a, #contenu #contenu_gauche .boite .bg_interieur ul li:hover ul li a{ color:#464545; } #contenu #contenu_gauche .boite .bg_interieur ul li ul li.active a, #contenu #contenu_gauche .boite .bg_interieur ul li ul li:hover a{ color:#ee3124; } #contenu #contenu_gauche .boite .bg_interieur ul li.active, #contenu #contenu_gauche .boite .bg_interieur ul li:hover { background:url('images/puce/puce.gif') 5px left no-repeat; } #contenu #contenu_gauche .boite h2.bg_interieur {background:url(images/fond/gris_3x3.gif); margin:10px 10px 0px 10px; padding:5px; width:130px;} #contenu #contenu_gauche .boite select {width:120px; font-size:11px;} /* CENTRE */ #contenu #contenu_centre2 {float:left; width:543px; padding:0px 10px; overflow:hidden;} #contenu.etendu #contenu_centre2 {width:793px;} #contenu #contenu_centre2 .boite {background:#fff; margin-bottom:10px;} #contenu #contenu_centre2 .boite .bg_triangle {background: url('images/puce/triangle.gif') no-repeat; padding:10px; padding-top:10px; margin:0px;} #contenu #contenu_centre2 .boite .bg_triangle .bg_interieur {background:url('images/fond/ea_fond_liste.gif');} #contenu #contenu_centre #login_annonceur {width:350px; margin:0px auto;} #contenu #contenu_centre #login_annonceur .row label {width:150px;} #contenu #contenu_centre2 #form_profil h2 {padding:10px; margin-bottom:20px;} #contenu #contenu_centre2 #form_profil .hr {margin:30px;} #contenu #contenu_centre2 #sous_espace_annonceur {list-style:none; text-align:center;} #contenu #contenu_centre2 #sous_espace_annonceur li {display:inline; margin:5px;} #contenu #contenu_centre2 #sous_espace_annonceur li .active {text-decoration:underline;} #contenu #contenu_centre2 .ref {padding:0px 10px 10px 10px; text-align:right;} #contenu #contenu_centre2 .CV {padding:10px;} #contenu #contenu_centre2 .CV .photo img{float:right; border:0px #000 solid;} #contenu #contenu_centre2 .CV .coordonnee{width:370px; float:left;} #contenu #contenu_centre2 .CV .nom{font-weight:bold; font-size:14px; margin-bottom:5px;} #contenu #contenu_centre2 .CV .description{margin-bottom:20px;} #contenu #contenu_centre2 .CV h2{color:#000; border:1px #000 solid; clear:both; padding:5px; margin:0px; margin-top:10px; margin-bottom:10px;} #contenu #contenu_centre2 #form_cv .row_fil {margin:0px auto; text-align:center;} #contenu #contenu_centre2 #form_cv .row_fil input {width:auto;} #contenu #contenu_centre2 #form_cv .row_are textarea {width:100%; height:150px;} #contenu #contenu_centre2 #form_cv .row_are, #contenu #contenu_centre2 #form_cv .row_fil {} #contenu #contenu_centre2 #form_cv .row_bt {text-align:right; margin:5px 5px 15px 0px;} #contenu #contenu_centre2 .CV_court .CV .detail{display:none;} #contenu #contenu_centre2 .CV_court .CV .photo{display:none;} #contenu #contenu_centre2 .CV_court .CV .adresse{display:none;} #contenu #contenu_centre2 .CV_court .CV .telephone{display:none;} #contenu #contenu_centre2 .CV_court .CV .email{display:none;} #contenu #contenu_centre2 .CV_court .CV .br{display:none;} #contenu #contenu_centre2 .annonce .ref em {color:#b7b7b7; float:left;} #contenu #contenu_centre2 .annonce .ref .memo {float:right;} #contenu #contenu_centre2 .annonce.border {border:1px red solid;} #contenu #contenu_centre2 .annonce {padding:10px;} #contenu #contenu_centre2 .annonce p {padding:0px;} #contenu #contenu_centre2 .MoteurNavigation {text-align:center; margin:10px;} .box {background:#fff url(images/puce/triangle.gif) 0 0 no-repeat; padding:10px;} .box .diag {background:url(images/fond/ea_fond_liste.gif); padding:5px 10px;} .mes_annonces {margin-bottom:20px;} .mes_annonces .reference{float:left; display:inline; margin-bottom:5px;color:#686868;font-style:italic;} .mes_annonces .paiement {float:right; display:inline; margin-bottom:5px;} .mes_annonces .paiement a {font-style:italic;} .mes_annonces .attente {color:#EE3124;} .mes_annonces .bouton {float:right; display:inline;margin:0 0 0 5px;} .mes_annonces .bouton a{text-transform:uppercase;color:#EE3124;font-size:10px;} .mes_annonces .publication {margin:0;float:left; display:inline; background:url(images/puce/puce.gif) 0 5px no-repeat; padding-left:10px; color:#464545;} .mes_annonces .annonce {padding:8px; margin-bottom:5px; border:1px solid #000;} /**************************/ /***** Liste des critères *****/ /**************************/ .liste_criteres .row.chk {height:auto; margin-bottom:10px;} .liste_criteres .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase; padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;} .liste_criteres.row .liste_item {margin-left:20px;} .liste_criteres .row .liste_item label{font-weight:normal; border:0; margin:0;} .liste_criteres .row .item {float:left; width:200px;} .liste_criteres .row .item input{width:20px; float:left;} .liste_criteres .row .item label {float:right; width:170px; display:block; text-align:left;} .liste_criteres #TPA_6.row .item {width:60px;} .liste_criteres #TPA_6.row .item label {width:30px;} .liste_criteres #TPA_5.row .item {width:60px;} .liste_criteres #TPA_5.row .item label {width:30px;} .liste_criteres #LISTE_CCV_EXPERIENCE.row .item {width:150px;} .liste_criteres #LISTE_CCV_EXPERIENCE.row .item label {width:120px;} #form_profil .row.chk {height:auto; margin-bottom:10px;} #form_profil .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase; padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;} #form_profil .row .liste_item {margin-left:20px;} #form_profil .row .liste_item label{font-weight:normal; border:0; margin:0;} #form_profil .row .item {float:left; width:160px;} #form_profil .row .item input{width:20px; float:left;} #form_profil .row .item label {float:right; width:130px; display:block; text-align:left;} #form_profil #TPA_6.row .item {width:60px;} #form_profil #TPA_6.row .item label {width:30px;} #form_profil #TPA_5.row .item {width:60px;} #form_profil #TPA_5.row .item label {width:30px;} #form_publication .row.chk {height:auto; margin-bottom:10px;} #form_publication .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase; padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;} #form_publication .row .liste_item {margin-left:20px;} #form_publication .row .liste_item label{font-weight:normal; border:0; margin:0;} #form_publication .row .item {float:left; width:160px;} #form_publication .row .item input{width:20px; float:left;} #form_publication .row .item label {float:right; width:130px; display:block; text-align:left;} #form_publication #TPA_6.row .item {width:60px;} #form_publication #TPA_6.row .item label {width:30px;} #form_publication #TPA_5.row .item {width:60px;} #form_publication #TPA_5.row .item label {width:30px;}/* #form_publication .row label {width:230px;} #form_publication .row.chk {height:auto; margin-bottom:10px;} #form_publication .row.chk label {display:block; width:515px; color:#5c5c5c; text-transform:uppercase; padding:5px; border-top:20px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;} #form_publication .row .liste_item {margin-left:20px;} #form_publication .row .liste_item label{font-weight:normal; text-transform:none; border:0; margin:0; padding:0px;} #form_publication .row .item {float:left; width:160px;} #form_publication .row .item input{width:20px; float:left;} #form_publication .row .item label {float:right; width:130px; display:block; text-align:left;} #form_publication h2 {padding:10px; margin-bottom:20px;} #form_publication .hr {margin:30px;}*/ /**************************/ /***** Espace annonce : Mes alertes reçus *****/ /**************************/ #contenu #contenu_centre2 .boite .bg_triangle .bg_interieur.today {background:url('images/fond/rose_3x3.gif');} /**************************/ /***** Espace recruteur : Liste de MES annonces *****/ /**************************/ .publication {background:url('images/puce/puce.gif') left center no-repeat; padding-left:10px; cursor:pointer;} .zone_bottom {position:relative;} .liste_publications {position:absolute; bottom:-30px; left:80px; background:#fff; border:1px #dfdcdc solid; list-style:none;padding:5px 10px; display:none;} .liste_publications li{margin:0px;} .liste_publications li.old{color:#a2a1a1;} .liste_publications li.libelle{font-weight:bold;} .zone_top {margin-bottom:10px;} .zone_bottom {margin-top:10px;} /**************************/ /***** FORMULAIRE Publier une annonce *****/ /**************************/ .ariane {list-style:none; padding:10px 45px; height:90px;} .ariane li{list-style:none; margin:0px 5px; width:134px; float:left; text-align:center; font-size:14px;} .ariane li.active{color:#ee3124;} .ariane li img{display:block; margin:0px auto; margin-bottom:10px;} .chargement { border:0px solid #ee3124; width:230px; height:20px; padding:2px;} .chargement .image_gauche { float:left; width:0px; height:0px; } .chargement .image_droite { float:left; width:0px; height:0px; } .chargement .chgt { background:#ee3124;float:left;width:0px;height:5px; margin:8px 0px;} .chargement span { float:right; font:normal 11px Arial; color:#404040; width:45px;text-align:right; margin-top:3px} #ANE_DESCRIPTION {font-family:courier; width:100%; height:200px;} /** Etape 1 */ #form_publication h2 {padding:10px; margin-bottom:20px;} #form_publication .hr {margin:30px;} /** Etape 2 */ #form_publication h3 {color:#5c5c5c; font-size:12px; text-transform:uppercase; padding:5px; border-top:20px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;} #form_publication h3.no_border_top {border-top:0px;} #form_publication #annonce {width:230px; padding:10px; float:left; } #form_publication #options {width:245px; padding:10px; float:right; } #form_publication #options ul{list-style:none; clear:both; display:block; height:20px; margin-bottom:10px;} #form_publication #options ul.couleur{height:55px; margin-bottom:10px;} #form_publication #options ul li{display:block; float:left; width:80px; margin:0px;} #form_publication #options ul li input{width:auto;} #form_publication #options #ANE_STYLE_LOGO{width:auto;} #form_publication .visuel{padding:15px; overflow:hidden;} .annonce_pa{border-color:red; overflow:hidden;} .annonce_pa img{width:80px;} #form_publication .visuel.papier div.annonce_pa{width:160px; margin:0px auto; overflow:hidden; border-color:black;} #form_publication .visuel.papier div.annonce_pa img{width:160px;} #form_publication #recap{width:100%; border:0px; border-collapse:collapse;} #form_publication #recap th{background:#d5d5d5;padding:10px 20px; font-weight:normal; text-align:left;} #form_publication #recap td{padding:10px 20px; border-bottom:5px #fff solid;} #form_publication #recap td.montant{width:50px;} /**************************/ /***** FORMULAIRE CONTACT BASE CV *****/ /**************************/ #contact_candidat {margin-top:10px;} #contact_candidat .row label{width:90px;} #contact_candidat .row input{width:400px;} #contact_candidat .row.are {height:auto;} #contact_candidat .row textarea{width:400px; height:200px;} /**************************/ /***** FORMULAIRE D'ACCES BASE CV *****/ /**************************/ #tarif_base_CV {margin:10px auto;} #tarif_base_CV .libelle{text-align:right;} #tarif_base_CV .prix{ text-align:right;} #tarif_base_CV input{ width:20px;} .step {display:none;} .step.active {display:block;} .step .navigation {height:30px;} .step .navigation .precedent{float:left; cursor:pointer; line-height:28px; height:30px; padding-left:10px; width:125px; text-align:center; margin-left:20px; background:url('tbs/images/precedent.jpg');} .step .navigation .suivant{float:right; cursor:pointer; line-height:28px; height:30px; padding-right:10px; width:125px; text-align:center; margin-right:20px; background:url('tbs/images/suivant.jpg');} .step .navigation .terminer{float:right; cursor:pointer; line-height:28px; height:30px; padding-right:10px; width:125px; text-align:center; margin-right:20px; background:url('tbs/images/suivant.jpg');} #recap {border:1px black solid; margin:0px auto;} #recap .libelle {width:270px;} #recap .montant {width:100px; text-align:right;} #recap #RECAP_TTC {border-top:1px black solid;} /**************************/ /***** CONTACT *****/ /**************************/ #contenu #formulaire{float:left; width:350px; height:405px; margin-left:10px; background:url(images/fond/contact.gif) no-repeat; margin-top:30px; background-color:#fff;} #contenu #merci{float:left; width:350px; height:269px; margin-left:5px; background:url(images/fond/ins.gif) no-repeat; margin-top:30px; background-color:#fff;} #contenu #adresse{float:left; width:350px; height:269px; margin-left:5px; background:url(images/fond/ins.gif) no-repeat; margin-top:30px; background-color:#fff;} #contenu #center{width:328px; margin:10px 10px 10px 10px; background:url(images/fond/gris_3x3.gif);} #contenu #center input, #contenu #center textarea{border:1px #dedbdb solid; font:bold 10px "Trebuchet MS"; width:160px;} /****************************************/ /********** HOME PAGE -- OLD ************/ /****************************************/ /** Zone Hebdo */ #contenu #left{float:left; width: 370px; margin-right:10px; overflow:hidden;} #contenu #left #eclaireur{width:370px; height:244px; background:url(images/fond/annuaire_fiche.gif); margin-bottom:10px;} #contenu #left #eclaireur #photos{width:150px; height:220px; overflow:hidden; float:left; margin:10px 0px; position:relative;} #contenu #left #eclaireur #photos p{position:absolute; bottom:0px; left:0px;} #contenu #left #eclaireur #content {width:191px; display:inline;/*BUG IE6*/ height:225px; float:right; margin:10px; background:url(images/fond/gris_3x3.gif);} #contenu #left #eclaireur #content p{line-height:1.2em;font-size:8pt; color:#464545;margin:0 5px 5px 5px;} #contenu #left #eclaireur #content p span{color:#ee3124;} /** Zone Mensuel */ #contenu #right{float:left; width: 334px; margin-right:10px; overflow:hidden;} #contenu #right #plus{width:334px; height:179px; background:url(images/fond/annuaire_fiche.gif); margin-bottom:10px;} #contenu #right #plus #photos{width:110px; height:158px; margin:10px 0px; overflow:hidden; float:left; position:relative;} #contenu #right #plus #photos p{position:absolute; bottom:0px; left:0px;} #contenu #right #plus #content {width:195px; height:158px; display:inline;/*BUG IE6*/ float:right; margin:10px; background:url(images/fond/rose_3x3.gif);} #contenu #right #plus #content p{line-height:1.2em;font-size:8pt; color:#464545;margin:0 5px 5px 5px;} #contenu #right #plus #content p span{color:#ee3124;} /** Zone Annuaires, bande annonce, hair tube, réponses à tout */ /** V1 */ #contenu #left .case, #contenu #left .bg_case1, #contenu #left .bg_case2 {height:95px; width:180px; overflow:hidden;} #contenu #left .case {background:url('images/puce/triangle.gif') no-repeat; margin-bottom:5px; position:relative; cursor:pointer;} #contenu #left .case .logo {clear:both; float:left; width:58px; padding:6px;/*padding car bug IE6*/} #contenu #left .case .contenu {float:right; width:110px;} #contenu #left .case .contenu .description {text-align:left; font-size:9px;} #contenu #left .case .contenu .description img {vertical-align:-5px;} #contenu #left .bg_case1 {background:url('images/fond/case1.gif') no-repeat; float:left;} #contenu #left .bg_case2 {background:url('images/fond/case2.gif') no-repeat; float:right;} #contenu #left a{position:absolute; bottom:5px; right:5px; color:#ee3124; text-decoration:none;} #contenu #left a:hover{text-decoration:underline;} /** V2 */ #contenu #left #encart_accueil{width:370px; height:128px; background: url(images/fond/bg_encart_accueil2.gif) top left; position:relative; margin-top:7px;} #contenu #left #encart_accueil ul#liste_encart{list-style-type:none; margin-top:20px; width:131px; /*display:inline;*/ position:absolute; left:10px;} #contenu #left #encart_accueil ul#liste_encart li{margin-left:0px; width:143px;} #contenu #left #encart_accueil ul#liste_encart li.active{background: url(images/puce/pointe2.gif) no-repeat top right;} #contenu #left #encart_accueil ul#liste_encart li a{text-decoration:none; position:static; width:132px; line-height:14px; display:block; right:0px; height:14px; margin-bottom:5px; text-transform:uppercase; font-weight:bold;} #contenu #left #encart_accueil ul#liste_encart li.active a{text-decoration:underline;} #contenu #left #encart_accueil #zone_texte{width:207px; height:108px; float:right; display:block; background:url('images/fond/encart_bg3.png'); margin:8px 11px 0px 0px;} #contenu #left #encart_accueil #zone_texte p{font-size:11px; text-align:left; cursor:pointer; padding:10px; display:none; height:88px; width:187px;} #contenu #left #encart_accueil #zone_texte p.active {display:block;} #contenu #left #encart_accueil #zone_texte p img{vertical-align:middle;} #contenu #left #encart_accueil #zone_texte p img.illustration{vertical-align:top; float:left; margin-right:5px;} #contenu #left #encart_accueil #lien_encart {clear:both; height:14px; width:345px;} #contenu #left #encart_accueil p a.puce_encart_accueil{float:right; display:inline; margin-right:0px; position:static; } /** Présentation des 3 espaces */ #contenu #left .minicase{width:118px; height:63px; float:left; display:inline; margin-right:8px; margin-bottom:3px;} #contenu #left .minicase h1{font-size:8pt; position:relative; left:-3px; margin:0px -3px;} #contenu #left .minicase a.a_minicase{color:#464545;font-size:11px;line-height:13px;position:static; margin:0px 5px; display:block;} #contenu #left .minicase1{background: url(images/fond/bg_candidats.gif) no-repeat top left;} #contenu #left .minicase2{background: url(images/fond/bg_recruteurs.gif) no-repeat top left;} #contenu #left .minicase3{margin-right:0px; background: url(images/fond/bg_candidats.gif) no-repeat top left;} /** Zone Techniques */ #contenu #right #step {background:url('images/fond/trans_step_by_step.png'); padding:12px; height:243px; overflow:hidden;} #contenu #right #step #step_interieur {background:#D8D6D6; padding:8px 12px 8px 12px; height:227px; width:286px; overflow:hidden;} #contenu #right #step #step_interieur #video{float:left; width: 131px; margin:0; padding:0;} #contenu #right #step #step_interieur #photo{float:left; width: 131px; margin:0 0 0 20px; padding:0;} #contenu #right #step #step_interieur h3{width: 285px; height:24px; margin:0px 0px 6px 0px; background:url('images/fond/trans_step_by_step.png'); position:relative; } #contenu #right #step #step_interieur h3 img{position:absolute; right:8px; top:3px;} #contenu #right #step p{line-height:1.4em;font-size:7pt; color:#464545;} #contenu #right #step .lien{text-align:right;} #contenu #right #step .description{height:45px;}