/*TOOLS ========================================*/
.clearer{clear: both; float:none;}
a{ color: #3C9234; text-decoration: none; outline: none;}
a:hover{color: #3C9234;}
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: Arial;
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: #4AB541;
padding-top: 3px;
padding-bottom: 10px;
}
h2 {
font-size: 20px;
color: #4AB541;
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:#4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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: #4AB541;
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:#4AB541;
}
.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:#4AB541;
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: #4AB541;
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: #4AB541;
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;
}