/* @group Global */
html, body,#container, img {
margin: 0;
padding: 0;
border: 0;
}
html {
background-color:#FFFFFF;
}
body,textarea,input,select {
font-family: Arial, Helvetica, sans-serif;
color:#33333;
}
img {
border: none;
}
#container {
background-color: white;
width: 993px;
margin: auto;
}
#main {
background-color:white;
padding: 0em 0em 1em 17em; /* top right bottom left */
font-size: 80%;
}
ul {
list-style-type: disc;
margin: 0;
padding-left:1.5em;
}
a {
color:#004B9C; /* bleu */
text-decoration: none;
}
/* @end */
/* @group Largeur des pages */
div#main.partenaires,div#main.parc,div#main.readonly,div#main.MentionsLegales {
width: 600px;
margin:0 0 0 16em;/* top right bottom left */
border:0;/* top right bottom left */
padding:0;
}
.MentionsLegales p{
text-align: justify;
}
/* @end */
/* @group Print */
#logo2print{
display: none;
}
#navmenu img#logoAdalogis {
float: right;
display:none;/*EL*/
}
/* @end */
/* @group Header */
#header
{
margin: 0;
padding: 0;
border: 0;
}
table#bandeau {
height: 206px;
width: 100%;
border: 0;
margin: 0;
padding: 0;
border-collapse:collapse;
background: url(../img/bandeauAdalogisPact.jpg) no-repeat;
}
table#bandeau td {
margin: 0;
padding: 0;
border-collapse:collapse;
}
table#bandeau td#part1 {
width: 80px;
}
table#bandeau td#part2 {
font-size: 200%;
vertical-align: top;
text-align: left;
color: #98C10F; /*vert*/
}
p.nomPact{
margin: 23px 0 0 0; /* top right bottom left */
}
p.btnAccueil {
margin: 0; /* top right bottom left */
font-size: 55%;
}
p.btnAccueil a{
color: #ffffff;
font-weight: bold;
}
p.btnAccueil a:hover{
color: #98C00F;/* vert */
}
table#bandeau td#part3 {
padding-top:60px;
width: 220px;
}
/* @end */
/* @group Login */
.navlogin {
font-size: 80%;
color: #FFFFFF;
width: 230px;
font-weight: normal;
text-align: right;
margin: 0 12px 0 0; /* top right bottom left */
padding: 0;
background: url(../img/Lock.png) no-repeat 64px 0;
}
.navlogin p {
margin: 0;
padding: 0;
font-size: 85%;
}
.navlogin p.AccesAdherent {
padding-top: 0.7em;
padding-right: 0.7em;
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
text-transform: uppercase;
}
.navlogin input {
width: 120px;
margin:0.4em;
border:0;
}
.navlogin input#valid_login {
width: 30px;
height: 30px;
margin-right:4.5em;
color: #FFFFFF;
font-weight: normal;
background: url(../img/okBtn.png) no-repeat;
padding-bottom:0.5em;
}
ul.userauth{
width:140px;
color: #FFFFFF;
border: 1px solid #CCCCCC;
margin: 0em 0em 1em 5em;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 80%;
}
ul.userauth a{
color: #FFFFFF;
font-weight: bold;
}
ul.userauth li.userdep{
background-color: #E1A22E;/*orange*/
}
ul.userauth li.userdep a{
background-color: #E1A22E;/*orange*/
padding:0 30px;/* top right bottom left */
}
ul.userauth li.userdep a:hover{
background-color: #98C00F;/* vert */
}
ul.userauth li.userlog a:hover{
color: #98C00F;/* vert */
}
.contactUs{
display: block;
background: url(../img/Mail.jpg) no-repeat;
height: 42px;
font-size: 10%;
text-indent: 6em;
}
.contactUs:hover{
background: url(../img/MailROLL.jpg) no-repeat;
}
/* @end */
/* @group Nav */
#menu {
float: left;
width: 13em;
margin:0;
padding: 0;
height: 100%;
font-weight: bold;
}
#navmenu {
margin-left: 16px;
margin-top: 1em;
position: relative;
bottom: 26px;
}
#menu ul{
margin: 0em;
padding: 0em;
list-style-type: none;
}
#menu li{
margin: 0em;
padding: 0.6em;
font-size: 75%;
height: 1.5em;
}
#menu li a{
display:block;
width: 160px;
margin: 0;
}
#menu li.btnUser{
background: url(../img/fond_menuON.jpg) no-repeat;
}
#menu li.btnUser:hover{
background: url(../img/fond_menuROLL.jpg) no-repeat;
}
#menu li.btnBailleur, #menu li.btnLogement{
background: url(../img/fond_menuROLL.jpg) no-repeat;
}
#menu li.btnBailleur:hover, #menu li.btnLogement:hover{
background: url(../img/fond_menuBailleurROLL.jpg) no-repeat;
}
#menu li.btnPortail{
background: url() no-repeat;
border: none;
position: relative;
bottom: 11px;
font-weight: normal;
}
#menu li.btnPortail a{
color: #000000;
}
#menu li.btnPortail a:hover{
color: #FFFFFF;
}
#menu li.btnParc{
background: url(../img/fond_menuHomeON.jpg) no-repeat;
border: none;
}
#menu li.btnParc:hover{
background: url(../img/fond_menuHomeROLL.jpg) no-repeat;
}
#menu li.btnDemande{
padding-top: 0.9em;
background: url(../img/fond_menuDemandeON.jpg) no-repeat;
}
#menu li.btnDemande:hover{
background: url(../img/fond_menuDemandeROLL.jpg) no-repeat;
}
#menu li.btnProposer{
padding-top: 0.6em;
background: url(../img/fond_menuMail.jpg) no-repeat;
}
#menu li.btnProposer:hover{
background: url(../img/fond_menuMailROLL.jpg) no-repeat;
}
#navmenu a{
color: #FFFFFF;
}
#navmenu a:hover {
color: #FFFFFF;
}
#menu ul li.titreBailleur {
background:url();
text-align: center;
color: #B0B0B0;
text-transform: uppercase;
font-weight: normal;
}
#navmenu td.organisme {
font-size: 75%;
}
.or_nom {
font-weight: bold;
}
#navmenu .or_adresse {
font-weight: normal;
font-size: 90%;
}
#navmenu .or_telweb a {
font-weight: normal;
font-size: 90%;
color:#004B9C; /* bleu */
text-decoration: none;
}
#navmenu .or_web {
display: none;
}
/*#navmenu A traiter au niveau du code */
td.territoire {
display: none;
}
div#Aide {
margin:1em;/* top right bottom left */
background: url(../img/aides.jpg) no-repeat;
height: 3em;
width:8em;
}
div#Aide:hover {
background: url(../img/aidesROLL.jpg) no-repeat;
}
div#Aide a {
font-size:85%;
color: #FFFFFF;
top: 1.6em;
position: relative;
font-weight: bold;
left: 3.5em;
}
div#Aide a:hover {
text-decoration: none;
}
/* @end */
/* @group Titres */
h1 {
color: #28ADE5;/*bleu*/
font-size: 200%;
font-weight:bold;
margin-top: 0em;
margin-bottom: 0.4em;
padding-top: 0.8em;
}
h2 {
background-color: #33AFE2;
color: #FFFFFF;
border-top: 4px solid #0062A9;
font-size: 110%;
font-weight:bold;
padding:0.2em;
text-indent: 0.3em;
margin-top: 0;
margin-bottom: 0;
}
h3 {
font-size: large;
margin-top: 0.4em;
margin-bottom: 0.4em;
}
h4 {
font-style:italic;
}
/* @end */
/* @group Footer */
#footer {
clear: both;
display: block;
background-color:#FFFFFF;
height: 100px;
}
#footer img.logoAdalogis {
margin-left: 1.5em;
}
#credits{
background-color:#0062AB;
color: #FFFFFF;
font-size: 70%;
margin: 0em;
padding: 0.2em;
position: relative;
bottom: 20px;
}
#credits a{
color: #FFFFFF;
}
#credits a:hover{
color: #F7E720;/*jaune*/
}
/* @end */
/* @group Accueil */
p.SousTitre{
/* color: #28ADE5;/*bleu*/
text-align:left;
font-size: 140%;
margin: 0 0 0.5em 0em; /* top right bottom left */
}
table.Accueil {
border: 0;
margin: 0;
padding: 0;
border-collapse:collapse;
}
td.carteAccueil {
vertical-align: top;
}
p.carteAccueil{
font-weight: bolder;
}
/* @end */
/* @group Cartouche */
#cartouche{
display: none;
}
#synthese{
width:50%;
font-size: 90%; /* aussi dans #corpform */
}
#nav ul{
display: none; /* Test pour vopir si on peut s'en passer*/
margin:1em 0 0 0;/* top right bottom left */
padding: 0;
}
#nav li {
display: inline;
border: 3px solid #0062A9;
border-left: 3px solid #0062A9;
border-right: 3px solid #0062A9;
border-bottom: none;
line-height:2em;
padding: 0.3em;
background: ;
background-color: #33AFE2;
font-size: 89%;
}
#nav li a{
color: white;
}
div#synthese p span.synthese {
color: #28ADE5;/*bleu*/
}
#synthese p {
font-weight:bold;
margin: 0.2em 0.2em 0.2em 0.6em;/* top right bottom left */
}
.btnDupliquer{
float:right;
right: 4px;
font-weight: bold;
}
.toggle,.export {
right: 4px;
font-weight: bold;
}
#toggleMatch {
display: none;
}
a.btnEdit:hover {
color: white;/*orange*/
}
.btnDupliquer a:hover {
color: red;/*orange*/
}
.btnCorrespondances {
right: 4px;
font-weight: bold;
margin: 30px 30px 30px 90px;/* top right bottom left */
}
.btnCorrespondances a:hover {
color: #98C00F;/* vert */
}
p.champsOblig{
display: none;
}
#carteSituation{
display: none;
float: right;
clear: right;
width: 300px;
height: 100px;
background-color:#E7E7E9;
font-size: 200%;
margin: 0 0 0.7em 0 ; /* top right bottom left */
padding: 40px;
border: 0;
}
/* @end */
/* @group Formulaire */
#corpForm {
margin: 0;
padding: 3px 0 0 0; /* top right bottom left */
font-size: 90%; /* aussi dans synthese */
}
div.page{
margin-bottom:1em;
clear: right;
}
fieldset {
background-color: #E7E7E9;
margin: 6px 0 6px 0; /* top right bottom left */
border-style: none;
border-top: 15px solid #E1A22E;
padding:0px 4px 10px 10px; /* top right bottom left */
}
fieldset legend {/*orange*/
color:#FFFFFF;
border: 0;
margin:0 0 0 0; /* top right bottom left */
padding: 0 3px 0 3px; /* top right bottom left */
height: 15px;
background: #E1A22E;
font-weight: bold;
}
#corpForm p { /*** Mise en forme des lignes du formulaire ***/
margin: 4px 0 4px 0; /* top right bottom left */
padding: 0 0 0 3px; /* top right bottom left */
clear:right;
}
#corpForm p.legende {
margin: 0;
padding: 0;
color: #555;
}
span.legende {
color: #555;
padding: 0 0 0 6px; /* top right bottom left */
}
span.oblig.legende {
float: none;
}
.right {
float:right;
}
#corpForm label {
margin: 0;
padding: 0 6px 0 2px; /* top right bottom left */
}
h2 a.btnEdit{
float:right;
}
#corpForm label.col1,#corpForm label.col1b,#corpForm label.col2 {
/*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 14em; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right; /*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 16px 0 0 ; /* top right bottom left */
/* font-weight:bold; EL*/
}
#corpForm input, #corpForm select, #corpForm textarea {
border: none;
}
sup {
vertical-align: text-top;
}
#messages {
border: 3px solid red;
margin: 0 0 6px 0 ; /* top right bottom left */
display: none;
height: 30px;
}
hr {
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
border: 0;
}
.recherche hr{
display: none;
}
form#demande input,form#demande select,form#demande textarea,form#logement input,form#logement select,form#logement textarea {
margin: 0;
padding:0;
font-size: 100%;
}
.edition #fld_equipement {
display: none;
}
/* @group Demandeur */
#fld_capacite_motrice span.legende, #fld_autre_deficience span.legende {
display:none;/* plus de CTRL ALT avec des checkbox*/
}
form#demande span.legende {
float: right;
width: 300px;
color: #555;
padding: 0 0 0 6px; /* top right bottom left */
}
form#demande span.legende.douche {
float: none;
}
form#demande span.oblig {
float:none;/* Pour le demandeur*/
}
form#demande #fld_infos_complementaires span.legende {
float: none;
}
/* @end */
/* @group Readonly */
form#logement.readonly label, form#demande.readonly label {
font-size: 12px;
}
form#logement.readonly div.page, form#demande.readonly div.page {
background-color: #C3C4C7;/* gris */
/* width:550px; pour photos */
padding:0 0 8px 0;/* top right bottom left */
}
form#logement.readonly fieldset, form#demande.readonly fieldset {
background-color: #C3C4C7;/* gris */
border-style: none;
/* width: 360px;*/
}
form#logement.readonly legend,form#demande.readonly legend, form#logement.readonly hr, form#demande.readonly hr, form#logement.readonly .filtre,form#demande.readonly .filtre {
display:none;
}
form#logement.readonly legend, form#demande.readonly legend {
/* background-color: #C3C4C7;/* gris */
/* color:#000;
font-weight: bold;
font-size: 110%;
margin: 0 0 0 0;/* top right bottom left */
/* padding: 3px 0 0 0;/* top right bottom left */
}
form#logement.readonly p, form#demande.readonly p { /*** Mise en forme des lignes du formulaire ***/
margin: 1px 0 1px 0; /* top right bottom left */
padding: 0 0 0 0; /* top right bottom left */
}
form#demande.readonly textarea, form#logement.readonly textarea, form#demande.readonly input,form#logement.readonly input {
font-weight: bold;
}
form#demande.readonly span.legende, form#logement.readonly span.legende {
display: none;
}
form#demande.readonly input,form#demande.readonly select,form#demande.readonly textarea,form#logement.readonly input,form#logement.readonly select,form#logement.readonly textarea {
margin: 0 3px 0 0;
padding:0;
background-color: #C3C4C7;/* gris */
}
.etape_n {
display: none;
}
form#demande.readonly label,form#logement.readonly label {
float: none;
text-align:left;
font-weight:normal;
padding:0 6px 0 0px; /* top right bottom left */
}
form#logement.readonly p, form#demande.readonly p {
padding:0 0 0 8px; /* top right bottom left */
}
form#logement.readonly h2, form#demande.readonly h2 {
margin-bottom:9px; /* top right bottom left */
}
/*
form#logement.readonly div.page, form#demande.readonly div.page {
width: 48%;
}
form#logement.readonly div#page_1,
form#logement.readonly div#page_3,
form#logement.readonly div#page_6, form#demande.readonly div#page_,
form#demande.readonly div#page_,
form#demande.readonly div#page_ {
float:right;
}*/
form#logement.readonly fieldset,form#demande.readonly fieldset {
padding: 0px 6px 0 6px;/* top right bottom left */
}
form#logement.readonly .textara, form#demande.readonly .textara {
padding-left: 8px;
}
/* @end */
/* @group Cas particuliers */
#fld_identification_logement label, #fld_demandeur label {
vertical-align:top;
}
#fld_categorie_logement span.select_radio {
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_cuisine span.select_radio{
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_autre_deficience span.select_checkbox{
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_suivi_demande span.select_radio {
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_categorie_demande span.select_radio {
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_descriptif_ascenseur span.select_radio {
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_stationnement span.select_radio {
display: block;
margin:0 0 0.3em 15.7em;
}
#fld_sdb_wc label.col2{
width: 18em;
}
#fld_adaptations_souhaitees label.col1{
width: 14em;
height: 1.2em;/* supprimer après correction*/
}
.col1demande{
margin: 0 1em 0 9.4em;/* top right bottom left */
}
.col1civilite{
margin: 0 1em 0 11em;/* top right bottom left */
}
p.search #categorie_3{
margin: 0em 0 0 15.4em;/* top right bottom left */
}
/* @end */
/* @end */
/* @group Tables */
table.resultat {
border-bottom: 2px solid #0062A9;
width: 99%;
}
table.resultat th {
border: 3px solid white;
font-size: 85%;
background: #E1A22E url(../img/GaucheFormulaire.jpg) no-repeat left;
margin: 0;
padding: 0;
}
.demande table.resultat th:hover, .logement table.resultat th:hover {
background: #33AFE2 url(../img/GaucheFormulaireROLL.jpg) no-repeat left;
}
div.btnHeader {
background: url(../img/DroiteFormulaire.jpg) no-repeat right;
margin: 0px;
padding: 4px;
}
.demande div.btnHeader:hover, .logement div.btnHeader:hover {
background: url(../img/DroiteFormulaireROLL.jpg) no-repeat right;
}
table.resultat th a {
color: #FFFFFF;
}
/*
table.resultat th a.ASC {
border-top: 1px solid white;
}
table.resultat th a.DESC {
border-bottom: 1px solid white;
}
*/
table.resultat tr.row1 {
background-color: #D7EFF9;
}
table.resultat tr.lo_libre {
background-color: #e0b361;
font-weight: bold;
}
table.resultat td{
border-right: 1px solid #33AFE2;
font-size: 90%;
padding: 0.6em 0.3em 0.6em 0.3em ; /* top right bottom left */
}
table.resultat caption {
background-color: #33AFE2;
color: #FFFFFF;
border-top: 4px solid #0062A9;
margin-top: 1em;
margin-bottom: 0em;
padding:0.2em;
font-size: 120%;
font-weight:bold;
text-indent: 0.3em;
letter-spacing: 0.1em;
}
/* @end */
/* @group Tips */
.highlight {
color: #E1A22E;/*orange*/
font-weight:bold;
}
div.demarche p, div.demarche li {
margin:0.5em 14em 0 0;/* top right bottom left */
text-align:justify;
}
div.demarche p.visu {
margin:0.5em 0em 0 0;/* top right bottom left */
}
/* @end */
/* @group Statistiques */
.statsForm {
font-size: 90%;
}
.statsForm fieldset{
border:0px !important;
border-top: 15px solid #E1A22E !important;
width: 175px !important;
height: 150px;
}
.statsForm legend{
height: 15px;
background: #E1A22E;
}
.statsForm p{
margin: 6px;
}
h2#title_resultat {
clear: none !important;
margin-top: 200px;
}
/* @end */
/* @group Google map */
#GoogleMap{
margin-left:1em;
margin-top:0.5em;
}
#titlemap {
color: #555555;
/*font-style: italic;*/
}
.GoogleSecteur {
font-weight: bold;
color: #d35e10;
text-align: center;
padding-bottom: 1em;
}
.GoogleCommune {
font-style: italic;
color: #555555;
text-align: center;
}
#map a { display: none; }
/*** Mise en forme des messages d'erreur ***/
.alerte, .msg { /*** Mis en évidence des champs mal renseignés ***/
border: 1px solid red;
}
.alerte:before {
content:"Ce champ est obligatoire ou le format n'est pas correct!";
display: block;
margin: 0 0 .3em .3em;
padding-left: 2em;
color: red;
font-weight: bold;
background: url('icon_alert.gif') no-repeat left center;
}
/* @end */