/*TOOLS ========================================*/ .clearer{clear: both; float:none;} a{ color: #0099FF; text-decoration: none; outline: none;} a:hover{color: #0000FF;} img{border:none;} li{ list-style: none;} .last{margin-right:0px !important;} .left{float:left} .right{float:right} .no-marg-left{ margin-left:0!important;} .no-marg{ margin:0!important;} .no-border{border:0 none!important;} .no-padding{padding:0 !important;} .right{float: right;} .left{float: left;} .error {color: red;} .errors {color: red;} /*END TOOLS ========================================*/ *{ margin:0; padding:0; } body{ background-color: #e9edf0; font-family: Times New Roman; font-size:14px; color: #525255; } .couleurTexteMoteurRecherche{ color: %xxxxx4%; } /*style du display annonce*/ .textepetit {font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;color: %xxxxx7%} .textepetitgras {font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none;} .textepetitbleu {font-size: 13px; font-style: normal; color: %xxxxx6%; text-decoration: none;} .titre {background-color: #6384ac; border-bottom:2px solid #ffcc33;} h1 { font-size: 20px; color: #33CCFF; padding-top: 3px; padding-bottom: 10px; } h2 { font-size: 20px; color: #33CCFF; padding-top: 3px; padding-bottom: 10px; } #ombrePage{ overflow:hidden; zoom:1; } .wrapper{ width:980px; background: #E9EDF0 url(/customerProfil/img/ombrePage.png) center top repeat-y; margin:0 auto; padding-left: 5px; padding-right: 5px; } /*HEADER*/ div#bandeau { /* margin-left: 1px;*/ background-color:#fff; } div#filArianne { background: #E9EDF0 url(/customer-profil-home) 0px 0px no-repeat; width:980px; height:20px; background-color:#e9edf0; } div#filArianne span{ /* text-transform:uppercase;*/ padding: 3px; padding-right: 22px; font-size: 11px; /* font-weight:bold;*/ } div#filArianne .text-fil-arianne{ vertical-align: middle; } div#filArianne img{ margin-top: -1px; vertical-align: middle; } .aideHeader{ color: #525255; } /*HEADER*/ /*MENU*/ div#menu { width:255px; float:left; /* height:700px;*/ /* background-color:#fff;*/ } /*connexion acheteur et entreprise*/ .menu-div-left{ background-image: url(/customerProfil/img/degrade_1_x_92.png); margin-top: 20px; margin-left: 15px; width:300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadada; padding: 12px; } .first-col h2{ color:#4b4b4e; font-size:18px; font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #b3b3b3; padding-bottom: 5px; text-align: left; margin-top:89px; } #form-passwd,#form-passwd2,#form-login,#form-login2{ width:53px; padding-left:20px; height:24px; border:none; font-size:11px; margin-top:2px; line-height:15px; color:#9F9FA6; } #form-login, #form-login2{ width:59px; margin-right:4px;} #form-login,#form-login2{background:url(/img/input-log.png) 0 0 no-repeat;} #form-passwd,#form-passwd2{background:url(/img/input-passwd.png) 0 0 no-repeat;} .submit-form-connect{ margin-top:2px;} .connect{ text-transform:uppercase; font-weight:bold; color:#33CCFF; float:left; margin-top:7px; width:100%; text-align: left; font-size:14px; padding-left:0px; } #form-connexion div , #form-connexion2 div { float:left; } .input-full-connect{ vertical-align:top; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #888; margin:2px; } #form-submit , #form_submit2{ margin-top:0px; width:25px; } .div-input-submit{ padding-top:3px; } .mdp-rescue{ margin-left:85px; text-align:left; font-size:11px; color:#808080 } .block-connexion a.lien-up{ font-weight:bold; font-size:13px; color:#4b4b4e; text-transform: uppercase; } /*creer un compte*/ #crerUnComptebandeau{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #33CCFF; width:226px; height: 10px; margin-left: 15px; margin-top: 20px; } #creerUnCompte{ background-image: url(/customerProfil/img/degrade_1_x_65.png); background-repeat: repeat-x; margin-left: 15px; width:200px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #dadada; padding: 12px; } #creerUnCompte span{ color: #33CCFF; font-size: 14px; text-transform: uppercase; font-weight: bold; /* letter-spacing: -0.1em;*/ vertical-align:middle; display: inline; } #creerUnCompte img{ vertical-align:middle; display: inline; } /*Liens divers*/ #liensDiversbandeau{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #33CCFF; width:226px; height: 10px; margin-left: 15px; margin-top: 20px; } #liensDivers{ /*background-image: url(/customerProfil/img/degrade_1_x_92.png); background-repeat: repeat;*/ background-color: #F9F9F9; margin-left: 15px; width:200px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #dadada; padding: 12px; } #liensDivers span{ color: #33CCFF; font-size: 14px; text-transform: uppercase; font-weight: bold; vertical-align:middle; } #liensDivers img{ vertical-align:middle; } /*pub dematis*/ #pubDematis{ background-color: #fff; margin-top: 20px; margin-left: 15px; margin-bottom: 20px; width:202px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px; border: 1px solid #dadada; position: relative; text-align: center; } #pubDematis span{ padding-left: 50px; } span#ligne1{ text-transform: uppercase; font-size: 13px; font-weight: bold; color: #3C92DA; } span.ligne2{ font-weight: bold; font-size: 15px; color: #3C92DA; } span#ligne3{ font-weight: bold; color: #3C92DA; } #pubDematis img{ position: absolute; left: 16px; top: 16px; } div#encartPubDematis{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #2F7FB4; padding: 3px; width: 145px; } /*MENU*/ /*CONTENU*/ div#contenu { width:700px; /* height:700px;*/ background-color:#fff; float:left; } div#contenu-iframe { /*width:700px;*/ /* height:700px;*/ /*background-color:#fff;*/ } div#contenuRecherche { background-color: #F9F9F9; /*width:650px;*/ margin-top: 20px; margin-left: 20px; margin-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadada; padding: 12px; } #contenuRecherche h1 { font-size: 16px; color: #33CCFF; padding-top: 3px; padding-bottom: 5px; } #contenuRecherche .avis { font-weight: normal; } #contenuRecherche h2 { font-size: 12px; padding-top: 10px; padding-bottom: 10px; } #contenuRecherche .couleurOrganisme { color: #33CCFF; padding-top: 10px; } #contenuRecherche .tabulation { padding-left: 30px; } .submit-form{ background:url(/customerProfil/img/trouvez.png) 0 0 no-repeat; width:120px; height:29px; text-indent:-9999em; border: none; cursor: pointer; vertical-align: middle; } .submit-form:hover{ background-position: 0 -29px;} .submit-form-toutafficher{ background:url(/customerProfil/img/toutAfficher.png) 0 0 no-repeat; width:120px; height:29px; text-indent:-9999em; border: none; cursor: pointer; vertical-align: middle; /* margin-top: 3px;*/ margin-right: 3px; } .submit-form-toutafficher:hover{ background-position: 0 -29px;} #form-txt-keyword { background: url(/customer-profil-search) 0 0 no-repeat; width: 345px; height: 35px; line-height: 35px; border: none; padding-left: 35px; vertical-align: middle; } .form-select-classif { width: 358px; height: 27px; line-height: 27px; border: none; vertical-align: middle; margin-left:4px; } div#tabs ul li a{ width: 80px; text-align: center; } .tabsIndex p{ font-size: 11px; } #contenuOrganisme { /* background-image: url(/customerProfil/img/degrade_1_x_92.png) ;*/ background-color: #F9F9F9; width:650px; /* height:62px;*/ margin-top: 20px; margin-left: 20px; margin-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadada; padding: 12px; margin-bottom: 20px; } #contenuOrganisme2 { /* background-image: url(/customerProfil/img/degrade_1_x_92.png) ;*/ /*background-color: #F9F9F9;*/ background-color: #F9F9F9; /*width:650px;*/ /* height:62px;*/ margin-top: 20px; margin-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadada; padding: 12px; margin-bottom: 20px; } /*#contenuOrganisme span { color: #525255; font-size: 14px; }*/ /*RESULTATS RECHERCHE*/ .barre-titre-sep-gris { margin-bottom:20px; font-size:12px; font-weight:bold; color:#FFF; background-color: %xxxxx8%; vertical-align:baseline; width:100%; height:30px; line-height:30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; } .orga { margin-bottom: 15px; } .top-orga1, .top-orga2 { margin-bottom: 0px; padding: 5px 5px 5px 15px; background-color: #33CCFF; color: white; font-size: 12px; font-weight: bold; height: 18px; line-height: 18px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .body-orga { margin-bottom: 0; border: 1px solid #BAD1E0; padding-top: 10px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 12px; color: #777; background: white; } .foot-orga { background-color: #DDD; font-size: 12px; color: #444; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #BAD1E0; border-top: none; height: 20px; padding: 5px 0px 5px 0px; font-size: 10px; } .foot-orga .left { background-color: #FFF; color: #4997CD; height: 17px; width: 100px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .foot-orga .right.gris { background-color: #666; color: white; height: 17px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .foot-orga .right { background-color: white; color: #234B66; height: 17px; width: 105px; } .foot-orga div { padding: 8px 10px 5px 10px; font-weight: bold; height: 17px; line-height: 17px; margin-top: -5px; } .foot-orga a { text-decoration: underline; background-color: transparent; color: #234B66; font-size: 10px; } .foot-orga span { background-color: transparent; color: #999; font-size: 10px; } .margin-right-avec-decalage{ margin-right:5px; } .margin-right-sans-decalage{ margin-right:8px; } .margin-left-sans-decalage{ margin-left:15px; } .margin-left-avec-decalage{ margin-left:10px; } .body-orga p { margin-left: 11px; margin-right: 11px; padding: 0; margin-bottom: 15px; font-size: 11px; } .pagination { color: #33CCFF; text-decoration: none; outline: none; padding: 0; font-size: 14px; display:flex; flex-direction: row; width:auto; justify-content: center; } .pagination li{ margin-right: 10px; font-weight: bold; } .pagination2 { color: black; text-decoration: none; outline: none; margin: 0; padding: 0; /* font-family: Arial;*/ font-size: 14px; font-weight: bold; } table tbody tr td, table thead tr th{ font-size: 14px; } /*Nouveau tableau taille modifiable*/ .resultatOrganismeHaut{ -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 5px 5px 5px 15px; background-color: #33CCFF; color: white; font-size: 12px; font-weight: bold; height: 18px; line-height: 18px; } .resultatOrganismeMilieu{ margin-bottom: 0; border: 1px solid #BAD1E0; background: white; } .resultatOrganismeMilieu p{ margin-left: 11px; margin-right: 11px; padding: 0; margin-bottom: 15px; font-size: 12px; margin-top: 10px; } .resultatOrganismeBas{ -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #BAD1E0; border-left: 1px solid #BAD1E0; border-bottom: 1px solid #BAD1E0;; font-size: 10px; background-color: white; font-weight: bold; } .resultatOrganismeBas p{ margin: 8px 11px 8px 11px; } .resultatOrganismeBasTab1{ width:20%; background-color: white; float: left; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .resultatOrganismeBasTab2{ background-color: #DDDDDD; color: #234B66; width:40%; float: left; } .resultatOrganismeBasTab3{ width:18%; float: left; background-color: white; } .resultatOrganismeBasTab4{ width:21%; background-color: %xxxxx9%; float: right; color:white; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .resultatOrganismeBas a{ text-decoration: underline; background-color: transparent; /* color: #234B66;*/ margin-right: 8px; } div .spacer { clear: both;} /*Enregistrement entreprise*/ form-gauche{ font-size:12px; width:350px; color:#43667d; } .form-gauche p , .indication-form { clear:both; margin: 20px 0px 20px 0px; font-weight:bold; font-size:12px; color:#33CCFF; } .indication-form { margin:0; display:block; } .form-gauche p a{ color:#f97e2a; } .abreviation{ height:20px; line-height:20px; } .abreviation span{ padding:0; } .form-gauche select,.form-gauche input { width:150px; margin-bottom:5px; } .form-gauche div.clear{ /* color:#525255;*/ vertical-align:middle; height:30px; line-height:25px; width:340px; } .form-gauche div.right{ text-align:right; } .form-gauche div label{ display: inline-block; line-height: 12px; margin-bottom: 0; margin-right: 10px; white-space: normal; width: 90px; } #largeurRadio{ width: 350px; } #largeurRadio label{ width: auto; } .form-droit, .form-droit-access{ width:205px; padding:0px 10px 10px 10px; margin-right:20px; } .form-droit-access p{ padding-top:70px; text-align:justify; color:#33CCFF; font-weight:bold; padding:0; margin-top:30px; font-size: 12px; } .envoyer{ padding-top:20px; margin:auto; } .foot-form{ margin-top:20px; padding:10px; text-align:justify; } .foot-form input{ margin:5px; float:left; margin-bottom:25px; margin-top:0px; } .message{ width:300px; height:166px; } .form-droit span{ color:#4a97cd; font-weight:bold; font-size:11px; } .gradius-bleu-big2{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #33CCFF; font-size:13px; padding:10px; width:186px; /* height:211px;*/ text-align: left; } .gradius-bleu-big2 p{ color:#fff; } .titre-barre { background: url(/img/bg-titre-barre.png) 0 0 no-repeat; text-transform: uppercase; /* width: 600px;*/ height: 22px; line-height: 22px; padding-left: 25px; color: white; font-weight: bold; font-size: 14px; padding-top: 3px; } .titre-barre img { margin-bottom: 1px; } .form-acces , .form-coord{ /*background-color:#FFF;*/ padding: 12px; /* width:603px;*/ } form div.clear input.txt-form { font-size: 14px; height: 20px; } .form-gauche div input.txt-form, .form-gauche select { font-size: 14px; height: 24px; width: 230px; } .envoyezform{ background:url(/customerProfil/img/envoyez.png) 0 0 no-repeat; width:120px; height:29px; text-indent:-9999em; border: none; cursor: pointer; float: left; } .envoyezform:hover{ background-position: 0 -29px;} .div_e { font-size:11px; padding:10px; background:#fff; } .div_e .prem_p{ color:#fff; font-weight:bold; font-size:12px; background-color: #57585A; margin-left: -10px; margin-right: -10px; } .div_e .prem_objet{ color:#4997CD; font-size:12px; width:613px; border-bottom: 1px solid #C2D8E8; margin-left: -10px; padding: 5px; } .div_e .sec_p { font-size:11px; font-weight:normal; } .sec_p_left{ float:left; vertical-align: middle; } .sec_p_right{ float:right; } .div_e .sec_p2{ font-size:13px; font-weight:bold; } .div_e a{ font-size:11px; font-weight:normal; text-decoration: underline; color:#666; } /*.div_e-bottom{ border-bottom: solid 1px #c2d8e8; }*/ p { padding: 5px; } p span { display: inline-block; } /*RC*/ #telecharger_rc{ background:url(/customerProfil/img/telechargez.png) 0 0 no-repeat; width:154px; height:29px; text-indent:-9999em; margin-right:0px; border: none; cursor: pointer; } #telecharger_rc:hover{ background-position: 0 -29px;} .dceAcces { height: 150px; background-color: white; /*border-left: 1px solid #CCC; border-right: 1px solid #CCC;*/ } .largeAccesDce{ width: 195px; } .largeAccesDce2{ width: 190px; height:58px; } .dceAccesGauche{ /*width:290px; float: left;*/ } .dceAccesDroite{ /*width:290px; float: left; */ } .enregistrement { background:url(/customerProfil/img/jemenregistre.png) 0 0 no-repeat; width:154px; height:29px; text-indent:-9999em; border: none; cursor: pointer; float:right; } .enregistrement:hover{ background-position: 0 -29px;} h5 { color: #33CCFF; text-transform: uppercase; font-size: 16px; text-align: center; margin: 5px 30px 10px 30px; } .center { text-align: center; } #telecharger_avis{ background:url(/customerProfil/img/telechargez.png) 0 0 no-repeat; width:154px; height:29px; text-indent:-9999em; margin-right:0px; border: none; cursor: pointer; } #telecharger_avis:hover{ background-position: 0 -29px;} /*Nous contacter*/ .form_contact div.left{ margin-left:0px; } .form-contact-gauche{ font-size:14px; width:320px; } .form-contact-gauche div{ margin:10px; vertical-align:middle; height:6px; font-weight: normal !important; font-size:12px !important; } .form-contact-gauche div label{ margin-right:10px; } .form-contact-gauche div input.txt-form{ font-size:12px !important; font-weight: normal !important; width:210px !important; height:20px; } .form-contact-droit{ width:300px; padding:10px; float:right } .foot-form-contact{ margin-top:20px; padding:10px; float:left; width:580px; } .foot-form-contact .submit{ float:right; width:170px; margin-top:10px; } div#piedpage { background: url(/customerProfil/img/ombrePagePied.png) center top no-repeat; width:980px; height:50px; clear:both; text-align: center; overflow: hidden; margin:0 auto; padding-left: 5px; padding-right: 5px; font: .8em "Trebuchet MS"; color: #818181; } div#piedpage a{ color: #818181; } .compteur{ font-size: 10px; font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #424242; } .puce { padding-top: 3px; padding-right: 5px; } /*Avis*/ .telecharger_avisurl{ background:url('/img/telechargez.png') no-repeat 0 0; width:154px; height:29px; text-indent:-9999em; margin-right:0px; border: medium none; display:block; cursor: pointer } .telecharger_avisurl:hover{ background-position: 0 -29px;} div#documents { background-color: white; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #dadada; }