@font-face {font-family: "myEDF";src: url("/font/EDF2020.otf")}
@font-face {font-family: "myEDFItalic";src: url("/font/EDF2020-Italic.otf")}
@font-face {font-family: "myEDFLight";src: url("/font/EDF2020-Light.otf")}
@font-face {font-family: "myEDFBold";src: url("/font/EDF2020-Bold.otf")}
/* Cacher les liens par défaut */
.right > div {
position: absolute;
top: 100%; /* Positionne juste en dessous de l'élément parent */
right: 0;
display: none;
background-color: white;
color: #001a70;
border-radius: 4px;
z-index: 1000;
min-width: 160px;
line-height: 40px !important;
text-decoration: none !important;
border: solid 1px lightgrey;
}
.right > div span { padding-left : 5px;}
a.logoutlink span {
color: #A50031;
font-size: 14px !important;
text-decoration: none !important;
}
/* Créer un conteneur pour le bouton */
.headerUtilisateur {
position: relative; /* Nécessaire pour que le menu soit positionné par rapport à cet élément */
}
/* Afficher le menu au survol de .headerUtilisateur */
.headerUtilisateur:hover .right > div {
display: block;
}
/* Afficher le menu au survol de .headerUtilisateur */
.headerUtilisateur:hover .right > div > div {
display: block;
}
/* Bouton fictif */
.headerUtilisateurNom::after {
content: "▼";
display: inline-block;
background-color: #001a70;
color: white;
padding: 15px 10px;
font-size: 12px;
cursor: pointer;
border-radius: 4px;
position: absolute;
top: 10px;
right: 10px;
}
.headerUtilisateurNom > div > p {
display: none !important;
}
.headerUtilisateurNom > div > div {
display: flex;
align-items: center;
width: 200px;
height: 100%;
text-align: center;
}
.headerUtilisateurNom {
height: 64px;
}
.headerUtilisateurNom div {
height: 64px;
}
/* Style des liens */
.right > div a,
.right > div p {
display: block;
color: #001a70 !important;
margin-top: 10px;
font-size: 14px;
text-align: left;
text-decoration: none;
}
* {
margin: 0;
padding: 0;
}
div#listeDonneesPaiement_paginate {
text-align: right;
}
body {
font-family: myEDF;
font-size: 12px;
}
.dydu-application {
all: initial;
}
/* Links */
.simpleLink {
color: #000;
text-decoration: underline;
}
/*Bonus*/
.uppercase {
text-transform: uppercase;
}
.onecol {
width: 200px;
text-align: right;
}
.twocol {
width: 300px;
text-align: left;
}
.fontnormal {
font-weight: normal !important;
}
.margin-top10 {
margin-top: 10px !important;
}
.margin-top20 {
margin-top: 20px !important;
}
.margin-top30 {
margin-top: 30px !important;
}
.margin-bottom20 {
margin-bottom: 20px !important;
}
.margin-bottom10 {
margin-bottom: 10px !important;
}
.bottom0 {
bottom: 0px !important;
}
.bottom30 {
bottom: 30px !important;
}
span.special10 {
/*color: #0f2272 !important;*/
background: none !important;
}
.lineheight20 {
line-height: 20px;
}
.lineheight20 p {
padding: 0px;
}
.lineheight17 {
line-height: 17px;
}
.specialnonsign {
padding-bottom: 40px;
}
img.info {
margin-right: 450px;
margin-top: -17px !important;
}
img.info2 {
margin-top: -17px !important;
margin-right: 25px;
}
img.pdf {
margin-top: -17px !important;
margin-right: 130px;
}
a.info {
position: relative !important;
border: none !important;
}
.margin-top30 /*SVG*/
.imglogo svg {
padding-top: 3px;
margin-right: 10px;
float: left;
}
.imguserheader svg {
float: left;
margin-top: 13px;
margin-left: 10px;
}
div#imagesFooter {
visibility: hidden;
height: 1px;
}
.imgreturnhome svg {
float: left;
margin-right: 10px;
}
.imgfix1 svg {
display: block;
margin: -15px auto;
}
.imgfix4 svg {
margin-top: -30px;
}
.imgarrowfooter {
position: absolute;
right: 0;
bottom: -5px;
}
.imgarrowfooter2 {
position: absolute;
right: -1px;
bottom: -4px;
}
.imgarrowfooter1 {
position: absolute;
right: 28px;
bottom: 23px;
}
.arrowindex3 svg {
position: absolute;
right: 10px;
top: 25%;
}
.arrowindex4 svg {
position: absolute;
right: 10px;
bottom: 0px;
}
.arrowindex5 svg {
fill: #fff;
}
.left-menu svg {
padding-left: 20px;
width: 40px;
height: 40px;
padding-top: 5px;
}
/* Masquer tous les SVG existants */
ul.menuActualitesHeader a[href^="/oasv2/"] svg {
display: none !important;
}
/* Style commun pour les icônes */
ul.menuActualitesHeader a[href^="/oasv2/"]:not(.dropdownMenu .special)::before {
content: "";
display: inline-block;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-top: 5px;
}
span#donnesPaiement {
padding-top: 5px;
}
/* Ma situation */
ul.menuActualitesHeader a[href="/oasv2/actualites/tableauDeBord.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Ma situation */
ul.menuActualitesHeader li.active a[href="/oasv2/actualites/tableauDeBord.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Mes données personnelles */
ul.menuActualitesHeader a[href="/oasv2/actualites/mesDonnees/mesDonneesPersonnelles.action"]:not(.dropdownMenu .special)::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Mes données personnelles */
ul.menuActualitesHeader li.active a[href="/oasv2/actualites/mesDonnees/mesDonneesPersonnelles.action"]:not(.dropdownMenu .special)::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Contrats */
ul.menuActualitesHeader a[href="/oasv2/contrats.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Contrats */
ul.menuActualitesHeader li.active a[href="/oasv2/contrats.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Facturation */
ul.menuActualitesHeader a[href="/oasv2/factures.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Facturation */
ul.menuActualitesHeader li.active a[href="/oasv2/factures.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Mes données de paiement */
ul.menuActualitesHeader a[href="/oasv2/donneesPaiement.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Mes données de paiement */
ul.menuActualitesHeader li.active a[href="/oasv2/donneesPaiement.action"]::before {
background-image: url("data:image/svg+xml;utf8,");
}
/* Mes données personnelles */
ul.menuActualitesHeader li[class=""] a[href="#"] {
display: none;
}
.plus {
background-color: #005BFF;
margin: 0;
padding: 0;
}
.plus svg {
width: 15px;
height: 15px;
margin-left: 10px;
margin-right: 10px;
fill: #fff;
margin-top: 3px;
}
.plus2 svg {
width: 20px;
height: 20px;
margin-left: 10px;
margin-right: 10px;
fill: #001A70;
margin-top: 3px;
}
.infoorange svg {
width: 20px;
margin-top: -5px;
margin-left: 10px;
float: right;
height: 20px;
fill: #005BFF;
}
.infoblack svg {
width: 20px;
float: right;
margin-right: 435px;
margin-top: -2px;
height: 20px;
fill: #fff;
}
.infowhite svg {
fill: #005BFF;
height: 20px;
margin-top: -2px;
width: 20px;
}
.play svg {
width: 52px;
height: 52px;
margin-top: -2px;
margin-left: -2px;
margin-right: 10px;
fill: #005BFF;
}
.pdforange svg {
width: 20px;
margin-top: -5px;
margin-left: 10px;
float: right;
height: 20px;
fill: #005BFF;
}
.pdforange2 svg {
width: 20px;
position: absolute;
right: 5px;
top: 20px;
height: 20px;
fill: #005BFF;
cursor: pointer;
}
.afaireorange svg {
fill: #005BFF;
width: 20px;
height: 20px;
/*position: absolute;*/
right: 15px;
top: 33px;
}
.afaireorange#completerDossier svg {
right: 10px;
}
.afaireorange#completerDossierDisabled svg {
right: 10px;
}
.folder svg {
width: 30px;
height: 30px;
fill: #005bff;
margin: auto;
}
/*Placeholder*/
::-webkit-input-placeholder {
color: #333333;
}
:-moz-placeholder { /* Firefox 18- */
color: #333333;
}
::-moz-placeholder { /* Firefox 19+ */
color: #333333;
}
:-ms-input-placeholder {
color: #333333;
}
.wrapper {
width: 980px;
margin: auto;
}
.fleft {
float: left !important;
}
.fright {
float: right !important;
}
img.fright.close {
height: 11px;
}
img.fright.open {
height: 11px;
}
a {
text-decoration: none;
outline: none;
color: #333333;
}
a.underline {
text-decoration: underline !important;
}
a.relative {
position: relative !important;
}
a.bordernone {
border: none !important;
}
a img {
outline: none;
}
a.facturationNext {
background-color: #005BFF !important;
}
span.special24 {
font-style: italic;
font-weight: normal;
}
img {
border: 0;
}
ul, ol {
list-style: none;
}
.clearfix {
clear: both;
}
input, select, textarea {
outline: none;
font-family: myEDF;
color: #333333;
}
textarea {
padding-top: 10px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
label.select {
position: relative;
}
label.select:after {
content: '<>';
font: 11px "Consolas", monospace;
color: #0f2272;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
right: 1px;
top: 0px;
border-bottom: 1px solid #0f2272;
position: absolute;
pointer-events: none;
}
label.select:before {
content: '';
right: 6px;
top: 0px;
width: 20px;
height: 20px;
position: absolute;
pointer-events: none;
display: block;
}
button, input[type="submit"] {
cursor: pointer;
}
/*Header*/
header {
/* background-color: #4f5e97; */
color: #fefefe;
border-bottom: thin;
/* line-height: 50px; */
/* font-weight: bold; */
max-width: 1280px;
margin: auto;
min-width: 980px;
}
header .active {
background-color: #001a70 !important;
}
header .logo{width: 450px;font-size: 16px;height: 94px;}
header .logo img{margin-right: 10px;padding: 15px 0 0 10px;}
header .search {
width: 110px;
/* border-right: 1px solid #858eb5; */
text-align: center;
height: 94px;
display: grid;
place-items: center;
}
header .search input {
border: none;
background: none;
border-bottom: 1px solid #838db6;
outline: none;
color: #000;
}
header .search input::-webkit-input-placeholder {
color: #fefefe;
}
header .search input::-moz-placeholder {
color: #fefefe;
}
header .search input:-moz-placeholder {
color: #fefefe;
}
header .three {
/* background-color: #0f2272; */
width: 170px;
text-align: center;
/* border-right: 1px solid #858eb5; */
height: 93px;
display: grid;
place-items: center;
}
header .four {
width: 230px;
text-align: center;
border-right: 1px solid #858eb5;
}
header .four img {
margin-right: 10px;
}
header .five {
padding-left: 10px;
text-align: center;
}
header .five img {
display: block;
margin-top: 10px;
}
header button {
background: none;
border: none;
}
header .simpleLink {
display: block;
text-decoration: none;
}
/*Top Menu*/
/*Anomalie 55219: Probl�me d'affichage lors du r�tr�cissement de la fen�tre et sur les mobiles*/
.top-menu {
/* background-color: #eeeeee; */
padding-top: 10px;
padding-bottom: 10px;
position: relative;
z-index: 1;
border-bottom: solid 1px grey;
border-top: solid 1px grey;
/* presentation */
}
.top-menu ul {
padding-left: 20px;
padding-right: 20px;
}
.top-menu {/* border-top-color: grey; *//* border-block-width: 2px; */}
.top-menu ul li {
display: inline-block;
zoom: 1;
height: 17px;
}
.top-menu ul li a:hover{
margin-left: 28px;
margin-right: 28px;
text-transform: uppercase;
font-weight: bold;
color: #black !important;
}
.top-menu ul li.active a {
/* color: #FD5714 !important; */
}
.top-menu ul li:last-child {
border: none;
}
.top-menu ul li img {
margin-right: 25px;
}
.top-menu ul li a {
margin-left: 28px;
margin-right: 28px;
color: #081c6e;
}
.top-menu ul li:first-child a {
margin-left: 0px;
margin-right: 0px;
}
.top-menu ul li:last-child a {
margin-right: 0px;
}
/*Banner*/
/*Anomalie 55219: Probl�me d'affichage lors du r�tr�cissement de la fen�tre et sur les mobiles*/
.banner {
height: 220px;
min-width: 980px;
max-width: 1280px;
/* background: url(../images/banner.png) no-repeat center; */
margin: auto;
position: relative;
margin-top: -64px;
z-index: -1000;
}
.banner2 {
}
.banner .wrapper {
padding-top: 95px;
/*line-height: 25px;*/
font-weight: bold;
}
.banner .wrapper p {
color: #001A70;
font-size: 25px;
display: none;
}
.banner .wrapper span {
display: block;
text-align: justify;
width: 425px;
color: black;
font-weight: normal;
}
.banner a {
color: #0f2272;
}
/*Left Menu*/
.left-menu {
width: 240px;
background-color: white;
}
.left-menu ul li {
position: relative;
border-bottom: solid;
border-bottom-width: thin;
border-color: #E0E0E0;
}
.left-menu ul li.active {
background-color: #001a70;
}
.left-menu ul li.active a.special {
border-top: solid 1px #cbcbcb;
padding-top: 10px;
/*margin-top: 10px;*/
font-size: 12px;
color: black;
background-color: #BDCCE8;
}
.left-menu ul li.active a.disable {
background-color: #F7F8FC !important;
}
/*.left-menu ul li.active a.special.disable {
color: white;
}*/
.left-menu ul li.active a {
color: #fff;
}
.left-menu ul li a {
padding: 15px;
font-size: 14px;
display: block;
color: black;
overflow: auto;
}
.left-menu ul li a span {
width: 155px;
height: 25px;
line-height: 20px;
padding-top: 18px;
float: left;
font: 15px/1.1 "MyEDF",sans-serif;
}
.left-menu ul li img {
float: right;
}
/*Content*/
.content {
margin-top: -85px;
margin-bottom: 20px;
overflow: auto;
z-index: 1;
position: relative;
}
.footer {
display: flex;
justify-content: space-between;
padding: 20px;
width: 980px;
margin: auto;
border-top: solid 1px lightgray;
}
.footer-left-logo {
flex: 1;
margin: 0 80px 0 0;
}
.footer-links {
flex: 3;
display: flex;
justify-content: space-between;
}
.footer-left-links, .footer-middle-links {
flex: 1;
margin: 0 10px;
}
.footer-right-links {
flex: 1;
margin-left: auto; /* Pousse cette colonne vers la droite */
margin: 0 10px;
}
.footer-logo img {
max-width: 100%;
height: auto;
}
.footer-slogan {
margin-top: 10px;
font-size: 14px;
color: #001A70;
}
.footer-nav-menu {
list-style: none;
padding: 0;
}
.footer-menu-item {
margin-bottom: 10px;
}
.footer-menu-item a {
text-decoration: none;
/* color: #0073e6; */
}
.footer-menu-item a:hover {
text-decoration: underline;
}
ul.wrapper li {
width: 324px;
margin-left: 0.5px;
height: 245px;
overflow: hidden;
display: inline-block;
zoom: 1;
*display: inline;
position: relative;
font-weight: bold;
}
ul.wrapper {
margin-top: 10px;
padding-bottom: 5px;
}
ul.wrapper li:first-child {
margin-left: 0px;
}
ul.wrapper li .white {
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.8);
width: 224px;
height: 62px;
padding: 30px;
padding-right: 70px;
}
ul.wrapper li .white img {
position: absolute;
bottom: 0;
right: 0;
}
ul.wrapper li .white a {
color: #99ccff;
text-transform: uppercase;
}
ul.wrapper li .white p {
font-size: 16px;
}
ol.wrapper li {
margin-top: 20px;
float: left;
width: 21%;
}
ol.wrapper li:nth-child(4) {
width: 28%;
}
ol.wrapper li:last-child {
width: auto;
}
ol.wrapper li a {
display: block;
color: #000;
margin-bottom: 15px;
font-weight: bold;
}
ol.wrapper li ul li {
display: block;
width: 100%;
height: auto;
}
ol.wrapper li ul li a {
color: #707070;
font-weight: normal;
margin-bottom: 0px;
font-size: 11px;
}
div.wrapper.footer {
margin-top: 30px;
}
div.wrapper.footer ul li {
display: inline-block;
*display: inline;
zoom: 1;
height: auto;
width: auto;
}
div.wrapper.footer ul li a {
font-size: 11px;
color: black;
margin-left: 28px;
margin-right: 28px;
}
div.wrapper.footer p {
font-size: 11px;
color: #707070;
}
/*Slide*/
.list_carousel {
margin: auto;
max-width: 1280px;
min-width: 980px;
position: relative;
overflow: hidden;
}
.list_carousel .caroufredsel_wrapper {
top: -10px !important;
}
.list_carousel li {
text-align: center;
width: 1280px;
height: auto;
padding: 0;
display: block;
float: left;
}
.list_carousel .caption {
position: absolute;
top: 120px;
left: 150px;
text-align: left;
width: 425px;
height: 220px;
}
.list_carousel .caption a {
color: #fe5815;
font-size: 36px;
font-weight: bold;
}
.list_carousel .caption p {
font-size: 18px;
}
.list_carousel .caption img {
float: right;
}
.list_carousel #pager2 {
position: absolute;
bottom: 160px;
right: 150px;
z-index: 2;
}
.list_carousel .around {
width: 13px;
height: 13px;
border-radius: 50%;
border: solid 2px #fff;
cursor: pointer;
float: left;
margin: 3px;
}
.list_carousel .selected {
background-color: #fff;
}
.list_carousel .caption-fix {
position: absolute;
bottom: 23px;
width: 980px;
margin: 0 auto;
left: 0;
right: 0;
font-weight: bold;
z-index: 1;
}
.list_carousel .caption-fix div {
width: 189px;
height: 80px;
margin-right: 6px;
padding: 25px;
padding-top: 15px;
float: left;
text-align: center;
position: relative;
}
.list_carousel .caption-fix div p {
text-align: left;
color: #fff;
font-size: 14px;
margin-bottom: 10px;
text-transform: uppercase;
}
.list_carousel .caption-fix p.fix-text {
width: 115px;
line-height: 25px;
background-color: rgba(255, 255, 255, 0.7);
margin-bottom: 10px;
text-align: center;
}
.list_carousel .caption-fix div:last-child {
margin: 0px;
}
.list_carousel .caption-fix a {
float: left;
margin-right: 6px;
}
.list_carousel .caption-fix .fix1 {
background-color: #005bff
}
.list_carousel .caption-fix .fix2 {
background-color: #185db8
}
.list_carousel .caption-fix .fix3 {
background-color: #081c6e
}
.list_carousel .caption-fix .fix4 {
background-color: #fd5714
}
.list_carousel .caption-fix .fright {
position: absolute;
bottom: 0;
right: 0;
}
/*Index*/
.img_index div {
float: left;
width: 485px;
height: 355px;
overflow: hidden;
position: relative;
}
.img_index div:first-child {
margin-right: 10px;
}
.img_index .label_index {
position: absolute;
top: 30px;
left: 30px;
}
.img_index .label_index a {
font-size: 24px;
display: block;
font-weight: bold;
color: #fff;
}
.img_index .label_index p {
font-size: 16px;
margin-top: 20px;
}
.img_index .label_index img {
bottom: 0;
width: 45px;
height: 45px;
position: absolute;
right: 30px;
bottom: 30px;
}
.near-ft-index .wrapper:first-child div {
margin-top: 10px;
width: 455px;
height: 50px;
padding-top: 20px;
float: left;
padding-left: 20px;
background: #185db8;
color: #fff;
font-size: 14px;
font-weight: bold;
position: relative;
}
.near-ft-index .wrapper:first-child div a {
color: #fff;
display: block;
text-transform: uppercase;
}
.near-ft-index .wrapper:first-child div:first-child {
background-color: #081c6e;
margin-right: 30px;
}
.near-ft-index .wrapper:first-child div img {
position: absolute;
bottom: 25px;
right: 10px;
}
.near-ft-index .image-wrapper {
position: relative;
background: url(../images/near-ft-index.png) center no-repeat;
max-width: 1280px;
min-width: 980px;
height: 365px;
margin: auto;
margin-top: 15px;
}
.near-ft-index .image-wrapper a.fix-arrow {
position: absolute;
bottom: 20px;
right: 150px;
}
.near-ft-index .image-wrapper div {
position: absolute;
top: 40px;
right: 150px;
margin: 0;
width: auto;
height: auto;
background: none;
}
.near-ft-index .image-wrapper div a {
font-size: 24px;
font-weight: bold;
color: #fe5815;
margin-bottom: 30px;
display: block;
}
.near-ft-index .image-wrapper div p {
border-top: 1px solid #a3a3a2;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
line-height: 50px;
}
.near-ft-index .image-wrapper div p:first-of-type {
border: none;
}
.near-ft-index .image-wrapper div p span {
width: 50px;
height: 50px;
float: left;
background-color: #fd5714;
color: #fff;
margin-right: 10px;
font-size: 30px;
text-align: center;
line-height: 50px;
}
.contrats_multiple, .contrats_detail, .detail_virement, .facturation, .mainContent {
width: 735px;
background-color: #fff;
font-weight: bold;
min-height: 700px;
}
.contrats_multiple p.first, .contrats_detail p.first, .detail_virement p.first
{
height: 76px;
line-height: 80px;
font-size: 24px;
color: #001a70;
margin-left: 30px;
margin-bottom: 10px;
font-weight: bold;
padding: 0;
}
/*Contrats_detail*/
.contrats_detail {
font-weight: normal;
}
.contrats_detail .first button {
width: 238px;
height: 22px;
background-color: #005bff;
border: none;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
line-height: 22px;
margin-top: 30px;
/* margin-right: 25px;*/
position: relative;
overflow: hidden;
}
.contrats_detail h2 {
padding-left: 20px;
background-color: #f7f8fc;
color: black;
padding-top: 19px;
padding-bottom: 22px;
/* margin-bottom: 20px; */
font-size: 14px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.contrats_detail h2.special {
margin-bottom: 0px !important;
}
.contrats_detail .one {
margin-left: 30px;
float: left;
margin-bottom: 10px;
text-decoration: none;
}
.contrats_detail span.special1 {
text-decoration: underline !important;
}
.contrats_detail .one.special {
margin-left: 40px !important;
}
.contrats_detail .one.special1 {
float: right !important;
margin-right: 45px;
}
.contrats_detail p {
display: block;
margin-bottom: 20px;
}
.contrats_detail strong {
margin-bottom: 10px;
display: block;
text-transform: uppercase;
}
.contrats_detail p.special strong {
text-transform: inherit !important;
}
.contrats_detail strong.special {
margin-bottom: 0px !important;
}
.contrats_detail strong img {
float: right;
margin-left: 5px;
margin-top: -2px;
}
.contrats_detail input[type=checkbox] {
width: 17px;
height: 17px;
margin-right: 10px;
float: left;
margin-bottom: 10px;
}
.contrats_detail label {
display: inline-block;
font-size: 11px;
margin-top: 3px;
}
.contrats_detail .col-1 {
margin-left: 30px;
float: left;
width: 175px;
}
.contrats_detail .col-2 {
float: left;
text-align: left;
}
.contrats_detail .three, .contrats_detail .four, .contrats_detail .five, .contrats_detail.six
{
position: relative;
}
.contrats_detail .six div {
margin-left: 30px;
}
.contrats_detail .three h2 img {
float: right;
margin-right: 375px;
margin-top: -2px;
}
.contrats_detail button.col-button {
width: 389px;
height: 45px !important;
color: #fff;
padding: 14px;
background-color: #005bff;
font-weight: bold;
border: none;
text-transform: uppercase;
position: absolute;
/*bottom: 15px;*/ /*ETMA 52314, Redmine #4762*/
right: 0;
}
.contrats_detail .second-content {
background-color: #F7F8FC;
overflow: auto;
/* margin-bottom: 20px;*/
padding-top: 15px;
padding-bottom: 15px;
position: relative;
height: 170px;
}
.contrats_detail .second-content strong img {
float: right;
margin-top: -3px;
margin-left: 5px;
}
.contrats_detail .second-content.special {
background: none !important;
height: 150px;
}
.contrats_detail .second-content.special button
.contrats_detail .second-content p {
padding-right: 30px;
margin-bottom: 30px;
}
.contrats_detail .second-content button {
position: absolute;
width: 355px !important;
height: 48px !important;
line-height: 48px;
text-align: center;
color: black !important;
border: none;
background-color: #E0E0E0 !important;
visibility: visible;
outline: none;
text-transform: uppercase;
bottom: 75px;
left: 5px;
font-weight: bold;
cursor: default;
}
.contrats_detail .second-content a.btn-helpAndTips {
position: absolute;
left: 5px;
bottom: 20px;
width: 353px;
height: 48px;
border: 1px solid #a5a5a5;
background-color: #fff;
color: #0d2273;
font-weight: bold;
line-height: 15px;
}
.contrats_detail .second-content a.special {
position: relative;
bottom: 0px;
border: none;
font-weight: normal;
text-decoration: underline;
}
.contrats_detail .second-content a p {
margin-top: 8px;
}
.contrats_detail .second-content a img {
height: 100%;
margin-right: 23px;
}
.contrats_detail .second.special button.col-button {
position: relative !important;
margin-top: 30px !important;
float: right !important;
}
div.active_table button span {
color: black;
}
.contrats_detail .second .second-one, .contrats_detail .second .second-two
{
width: 365px;
position: relative;
background-color: #f7f8fc;
}
.contrats_detail .second .second-one .second-content {
height: 160px;
}
.contrats_detail .second .second-one p, .contrats_detail .second .second-one u
{
display: block;
margin-bottom: 10px;
}
.contrats_detail .second .second-one p img {
margin-top: -5px;
margin-left: 5px;
float: right;
}
.contrats_detail .second .second-two h2 {
background-color: #f7f8fc;
}
div.openButton p.one {
background: none !important;
color: #105abb !important;
}
div.openButton p.one span.special1 {
color: #105abb;
}
div.openButton div {
color: #105abb;
}
div.openButton div a.facturationNext {
color: #105abb;
}
div.openButton a.facturationNext span.special1 {
background-color: #f7f8fc;
}
.contrats_detail .second .second-two button {
display: block;
width: 315px;
height: 48px;
margin: auto;
border: none;
background-color: #005bff;
font-weight: bold;
color: #fff;
margin-top: 68px;
}
/*Contrats_multiple*/
.contrats_multiple div.first {
padding-top: 37px;
margin-right: 30px;
}
/* Conteneur du formulaire */
#formRechercheListeContrats {
position: relative;
}
/* Champ texte */
#formRechercheListeContrats input[type="text"] {
width: 200px;
height: 40px;
padding: 10px 35px 10px 12px; /* espace à droite pour le bouton */
border: 1px solid var(--Border-Input-Default, #666);
background: var(--Background-Neutral-white, #FFF);
box-sizing: border-box;
}
/* Bouton submit avec image, positionné dans le champ */
#formRechercheListeContrats input[type="submit"] {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: none;
background: url('../images/search2.png') no-repeat center;
background-size: contain;
cursor: pointer;
padding: 0;
}
/* Conteneur du formulaire */
#formRechercheListeProducteurs {
position: relative;
}
/* Champ texte */
#formRechercheListeProducteurs input[type="text"] {
width: 200px;
height: 40px;
padding: 10px 35px 10px 12px; /* espace à droite pour le bouton */
border: 1px solid var(--Border-Input-Default, #666);
background: var(--Background-Neutral-white, #FFF);
box-sizing: border-box;
}
/* Bouton submit avec image, positionné dans le champ */
#formRechercheListeProducteurs input[type="submit"] {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border: none;
background: url('../images/search2.png') no-repeat center;
background-size: contain;
cursor: pointer;
padding: 0;
}
.contrats_multiple .label {
display: block;
background-color: #185db8;
color: #fff;
padding-left: 30px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
}
.contrats_multiple .label.special {
background: none;
color: #1a5cba;
width: 460px;
text-align: justify;
}
.contrats_multiple button {
height: 25px;
background-color: #005bff;
color: #fff;
line-height: 22px;
border: none;
font-size: 11px;
text-transform: uppercase;
margin-top: 19px;
margin-bottom: 23px;
}
.contrats_multiple button.fleft {
width: 192px;
margin-left: 30px;
}
.contrats_multiple button.fright {
width: 238px;
/* margin-right: 30px;*/
}
table {
width: 100%;
text-align: center;
font-size: 11px;
border-collapse: collapse;
margin-bottom: 20px;
}
table tr img {
position: absolute;
right: 5px;
top: 30px;
}
table tr img.special {
right: 25px !important;
}
tr {
height: 64px;
border: solid 1px grey;
}
tr td {
position: relative;
border: solid 1px grey;
}
tr td span {
text-decoration: underline;
}
tr:nth-child(odd) {
background-color: white;
}
tr td:nth-child(even), tr th:nth-child(even) {
background-color: white;
}
tr th {
width: 64px;
padding-left: 20px;
padding-right: 20px;
position: relative;
border: solid 1px white;
}
tr th:nth-child(4), tr th:nth-child(5), tr th:nth-child(6) {
padding-left: 10px;
padding-right: 10px;
width: 84px;
}
tr th img {
position: absolute;
top: 35px;
right: 10px;
}
tr th img.special {
right: 25px !important;
}
tr td img.special1 {
right: 15px !important;
}
tr td img.special2 {
position: relative;
margin: auto;
top: 50%;
}
input#Virement {
margin-left: 30px;
}
input#Cheque {
margin-left: 30px;
}
tr th select {
width: 88px;
font-size: 11px;
border: none;
height: 21px;
font-weight: bold;
color: #0f2272;
}
tr a {
color: #0f2272;
text-decoration: underline;
}
tr a.completerDossier {
text-decoration: none;
padding-right: 10px;
}
/*detail_virement*/
.detail_virement {
color: #09090B;
}
.detail_virement h2 {
background-color: #f7f8fc;
display: block;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
color: black;
border: 1px solid #E0E0E0;
}
.detail_virement h2 span {
font-weight: normal;
margin-right: 30px;
font-size: 14px;
}
.detail_virement p {
font-weight: normal;
padding-top: 20px;
padding-left: 30px;
padding-bottom: 20px;
}
.iradio_polaris {
margin-left: 20px !important;
}
.icheckbox_polaris {
margin-left: -6px;
}
.detail_virement label {
line-height: 40px;
font-weight: normal;
}
.detail_virement label.fleft {
width: 94px;
margin-left: 30px;
}
.detail_virement input[type=text] {
height: 40px;
text-indent: 20px;
border: grey;
border-style: solid;
border-width: thin;
background-color: white;
}
.detail_virement label.select_label {
line-height: 20px;
/* margin-right: 32px; */
}
.detail_virement select {
text-indent: 15px;
margin-top: 5px;
margin-bottom: 10px;
height: 20px;
width: 490px;
color: #185db8;
padding-right: 12px;
font-weight: bold;
border: 1px solid #185db8;
}
.detail_virement input.txt1 {
width: 490px;
margin-bottom: 10px;
/* margin-left: 25px; */
}
.detail_virement .txt2 {
/* margin-left: 58px; */
overflow: hidden;
}
.detail_virement .txt2 input {
width: 75px;
margin-left: 8px;
float: left;
}
.detail_virement .txt2 input:first-child, .detail_virement .txt2 input.first
{
margin: 0px;
}
.detail_virement .linkIbanHelp {
text-decoration: underline;
color: #09090B;
margin-right: 119px;
margin-top: 10px;
font-weight: normal;
}
.detail_virement button {
width: 355px;
background-color: #005bff;
color: #fff;
text-align: center;
line-height: 40px;
border: none;
margin-bottom: 20px;
font-weight: bold;
}
.detail_virement button.cheque {
line-height: 20px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 45px;
padding-right: 45px;
line-height: 1.4em;
}
.detail_virement .three p {
margin-bottom: 10px;
padding-bottom: 0px;
}
.detail_virement .three a {
padding-left: 30px;
font-weight: normal;
text-decoration: underline;
}
.detail_virement .three a.simpleLink {
padding-left: 0;
}
.detail_virement div div.fleft:first-child {
width: 130px;
padding-left: 30px;
text-align: right;
margin-right: 20px;
}
.detail_virement div div.fleft p {
line-height: 30px;
margin: 0;
padding: 0px;
}
.detail_virement .input_checkbox {
padding-left: 130px;
line-height: 20px;
}
.detail_virement .input_checkbox p {
padding: 0;
}
/*multisite*/
.multisite table {
margin-top: 10px;
}
.multisite select {
width: 140px !important;
}
.multisite a.edit {
color: #ff5814;
position: absolute;
bottom: 10px;
right: 10px;
}
/*Inscriptiom*/
.inscription {
position: relative;
margin-bottom: 10px;
}
.inscription .first, .inscription .second {
width: 487px;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
background-color: #f7f8fc;
}
.inscription h2 {
height: 55px;
display: block;
position: absolute;
top: -55px;
padding-left: 5%;
width: 95%;
line-height: 60px;
color: #3d5192;
background-color: #f7f8fc;
border: none !important;
}
.inscription form {
padding-left: 75px;
padding-right: 75px;
}
.inscription input {
display: block;
}
.inscription input[type=text], .inscription input[type=password],
.inscription input[type=submit] {
height: 38px;
text-indent: 20px;
border: grey;
background-color: #fff;
border-style: solid;
border-width: thin;
width: 335px;
margin-bottom: 10px;
}
.inscription input[type=submit] {
text-indent: 0px;
}
.inscription .second h2 {
background-color: #f7f8fc;
}
.inscription .first input[type=submit] {
color: #fff;
font-weight: bold;
background-color: #005bff;
margin-top: 10px;
border: none;
text-indent: 0px;
}
.inscription .second input[type=submit] {
background-color: #005bff;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-top: 10px;
border: none;
text-indent: 0px;
}
.inscription p {
color: black;
margin-bottom: 5px;
margin-top: 5px;
}
.inscription p.special {
padding-left: 115px;
}
.inscription label {
color: #09090B;
padding-left: 10px;
}
.inscription a {
color: #005BFF;
text-decoration: underline;
}
.inscription span {
display: block;
width: 110px;
border-top: solid 5px #509e30;
position: relative;
color: #509e30;
}
.inscription span:after {
position: absolute;
left: 70%;
right: 0;
top: -5px;
border-top: 5px solid #fff;
content: '';
}
.inscription_popup.modal_popup .content {
margin-top: 10px !important;
}
.inscription p.alert {
color: #f00;
font-weight: bold;
/*padding-left: 75px;*/
padding-left: 0px;
margin-top: 0px !important;
/*padding: 10px !important;*/
/*background-color: #F6E6EA;
border-style: solid;
border-color: #A50031;*/
}
.inscription input.alert {
border: solid 1px #f00;
}
.inscription .only p {
padding-left: 320px;
padding-right: 320px;
padding-top: 30px;
text-align: justify;
font-size: 14px;
}
.inscription .only form {
margin: auto;
display: block;
margin-left: 245px;
}
.inscription .only form input[type=submit] {
background-color: #09090B;
color: #fff;
text-align: center;
font-weight: bold;
text-indent: 0px;
}
/*Facturation*/
.etape1 {
height: 545px;
}
.facturation {
color: #333333;
}
.facturation h2 {
font-size: 24px;
color: #175eb8;
margin-top: 30px;
margin-bottom: 28px;
margin-left: 30px;
}
.facturation .first {
padding-left: 30px;
padding-top: 20px;
padding-bottom: 15px;
color: #09090B;
background-color: #F7F8FC;
font-weight: normal;
line-height: 25px;
padding-right: 30px;
border: 1px solid #E0E0E0;
}
.facturation .first .fleft {
width: 470px;
border-right: solid 1px #fff;
}
.facturation .first .fleft p:first-child {
float: left;
}
.facturation .first .fleft p.fright {
margin-right: 110px;
}
.facturation .first .fleft b {
font-size: 14px;
}
.facturation .first .fright {
text-align: right;
}
.facturation .second ul {
height: 80px;
margin-top: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #E0E0E0;
}
.facturation .second ul.special {
margin-bottom: 0px;
}
.facturation .second .overlay {
position: relative;
padding-top: 10px;
}
.facturation .second .overlay .backgroundhide {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
z-index: 1;
}
button.disable {
background-color: #f3cda6 !important;
}
.facturation .second {
position: relative;
}
.facturation .second .overlay .backgroundhide .text {
width: 530px;
margin: 70px auto;
background-color: #fff;
text-align: center;
padding: 40px;
}
.facturation .second ul li {
float: left;
height: 100%;
width: 145px;
text-align: center;
}
.facturation .second ul .special.active {
width: 153px !important;
}
.facturation .second ul li.active a {
color: #005BFF;
border: none;
}
.facturation .second ul li.active {
border-bottom: 1px solid #1057C8;
}
.facturation .second ul li a {
display: block;
color: #333333;
height: 32px;
margin-top: 20px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
.facturation .thirt .width50 {
width: 49% !important;
}
.facturation .second ul li:first-child a {
border: none;
}
.facturation .second ul li.special a {
padding-top: 0;
height: 42px;
}
.facturation .second p {
padding-left: 30px;
font-weight: normal;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.facturation .second .fleft.twocol {
margin-top: 10px;
}
.facturation .second .fleft.twocol p {
margin-top: 0;
margin-bottom: 0;
}
.facturation .second p.special2 {
/*padding-bottom: 5px;*/
width: 450px;
}
.facturation .second p.special3 {
position: absolute;
bottom: 70px;
right: 130px;
}
.facturation .second p.special4 {
position: absolute;
bottom: 30px;
width: 175px;
height: 40px;
line-height: 40px;
color: #fff;
background-color: #0f2271;
right: 0px;
font-size: 20px;
text-align: center;
text-indent: 0px;
padding: 0;
}
.facturation .second p.montant {
position: absolute;
bottom: 60px;
width: 300px;
line-height: 40px;
color: #0f2271;
right: 0px;
text-align: center;
text-indent: 0px;
padding: 0;
}
.facturation .second p.special5 {
font-size: 18px;
}
.facturation .second p.special5.orange {
color: #005bff;
}
.facturation .second p.special5.red {
color: #fe0000;
}
.facturation .thirt h3 {
/* border-top: solid 1px #dbddea;*/
display: block;
padding-left: 30px;
padding-top: 15px;
padding-bottom: 20px;
font-size: 16px;
}
.facturation .thirt button {
color: #fff;
border: none;
width: 238px;
text-align: center;
background-color: #005bff;
height: 45px;
font-weight: bold;
margin-bottom: 20px;
/* padding: 14px;*/
}
.facturation .thirt button.special2 {
margin-left: 20px;
}
.facturation .thirt button.special {
line-height: 20px;
}
.facturation .thirt p {
line-height: 23px;
font-weight: normal;
}
.facturation .thirt .three p {
line-height: 30px;
}
.facturation .thirt .one .fleft {
padding-left: 30px;
display: block;
width: 180px;
}
.facturation .thirt .two {
position: relative;
margin-bottom: 20px;
}
div#refreshDataDonneesPaiement {
border-top: 1px solid #D9D9D9;
}
form#donneesPaiementForm {
padding-left: 30px;
padding-top: 10px;
}
.facturation .thirt .two .fleft.special {
padding-left: 30px;
margin-right: 120px;
display: block;
}
.facturation .thirt .two button {
position: absolute;
right: 0px;
bottom: 10px;
margin-bottom: 0px;
}
.facturation .thirt .three .fleft.special {
display: block;
padding-left: 30px;
padding-right: 70px;
}
.facturation .thirt .three .icheckbox_polaris {
margin-left: 25px !important;
}
.three h2 {
border: 1px solid #E0E0E0;
}
.three.espaceBtn {
border-top: none;
}
.facturation .thirt .three strong.special {
font-size: 30px;
}
.facturation .thirt .four {
margin-top: 20px;
/* border-top: solid 1px #dbddea;*/
padding-top: 18px;
}
.facturation .thirt .four .fleft {
margin-right: 9px;
}
.facturation .second a.special {
padding-left: 30px;
color: #185db8;
font-weight: normal;
text-decoration: underline;
display: block;
margin-bottom: 20px;
}
.facturation .second input[type=text] {
margin-left: 30px;
text-indent: 10px;
width: 280px;
height: 40px;
border: none;
background-color: white;
border: 1px solid grey;
}
.facturation .second input[type=text]:first-child {
margin-top: 15px;
margin-bottom: 10px;
}
.facturation .second img {
margin-top: 10px;
margin-right: 10px;
}
.facturation .second .button {
border: 1px solid #d7d7d7;
padding: 10px;
display: block;
margin-top: 20px;
margin-bottom: 20px;
}
.facturation .second .button p {
margin: 0;
}
.facturation .second textarea.special {
margin-left: 30px;
width: 670px;
text-indent: 10px;
resize: none;
height: 200px;
background-color: #ececec;
border: none;
}
.facturation .second strong {
line-height: 30px;
}
.facturation .second p.special {
width: 330px;
font-size: 11px;
padding: 0px;
}
.facturation .thirt_button {
background-color: #d7d7d7;
font-weight: normal;
padding: 10px 30px 10px 30px;
}
.facturation .thirt_button p {
display: block;
width: 230px;
font-size: 11px;
}
.facturation .thirt_button button {
border: none;
background-color: #005bff;
padding: 10px 20px 10px 20px;
color: #fff;
margin-top: 5px;
}
.facturation .thirt_button button p {
text-align: left;
}
.facturation p.only_special {
padding-left: 30px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
.facturation .thirt .four.special {
border: none;
}
.facturation .cas {
margin: 0px 30px 0px 30px;
line-height: 30px;
}
.facturation .cas_button button {
width: 135px;
font-size: 11px;
height: 30px;
line-height: 25px;
border: none;
background-color: #005bff;
color: #fff;
text-align: center;
float: left;
}
.facturation .cas_button p.fleft {
margin-top: 10px;
margin-right: 73px;
}
.facturation .cas_button i {
margin-top: 10px;
font-weight: normal;
display: block;
text-align: right;
width: 320px;
}
.facturation .cas_button textarea {
position: absolute;
bottom: 30px;
width: 300px;
height: 71px;
text-indent: 10px;
resize: none;
right: 30px;
}
.facturation .cas.special1 {
margin-bottom: 20px;
}
.facturation .cas.special {
border-bottom: 1px solid #dbddea;
}
.facturation .cas p {
padding: 0px;
margin: 0;
}
.facturation .cas_button {
display: block;
background-color: #F7F8FC;
margin-top: 10px;
margin-bottom: 10px;
padding: 10px 30px 10px 30px;
position: relative;
}
.facturation .cas_button p {
padding: 0px;
/*margin: 0px;*/
}
.facturation .cas_button input[type=text] {
background-color: #fff;
margin: 0px;
float: left;
margin-bottom: 10px;
}
.facturation .cas_button label {
display: block;
width: 333px;
color: #797979;
font-weight: normal;
font-size: 11px;
padding-top: 10px;
}
.facturation p.error {
color: #f00;
font-weight: bold;
margin-bottom: 15px;
}
.facturation p.error2 {
font-size: 18px;
}
.facturation input.error {
border: 1px solid #f00 !important;
}
/*Mes donnees*/
.col-button.special2 {
bottom: 100px !important;
}
.col-button.special {
position: relative !important;
display: block;
margin: 20px 0;
width: 350px;
margin-bottom: 20px;
background: none !important;
color: #105abb !important;
border: solid 1px #105abb !important;
line-height: 20px !important;
font-size: 11px;
text-align: left;
font-weight: normal !important;
padding: 0px 10px 0px 10px !important;
text-transform: inherit !important;
}
.col-button.special strong {
margin: 0 !important;
text-transform: inherit !important
}
.four.special {
/* border-top: 1px solid #dbdfeb;*/
padding-top: 20px;
position: relative;
}
.four.special input {
width: 380px;
margin-bottom: 10px;
height: 40px;
text-indent: 20px;
border: grey;
border-style: solid;
border-width: thin;
background-color: white;
}
.four.special input[type=submit] {
color: #fff;
font-weight: bold;
background-color: #005bff;
/* position: absolute;*/
height: 40px;
bottom: 0px;
right: 0px;
width: 385px;
margin: 0px;
border: none;
text-indent: 0px;
}
.four.special input[type=checkbox] {
width: 17px;
height: 17px;
margin: 0 15px 15px 0;
padding: 0;
}
.four.special p.special {
width: 335px;
font-size: 11px;
margin: 20px 0px !important;
display: block;
text-align: justify;
}
.four.special input[type=submit].special {
position: relative !important;
width: 335px;
margin-bottom: 135px;
text-indent: 0px;
}
.four.special1 {
margin-left: 30px;
border: none;
}
/*Tableaudebord*/
.active_table.first_child {
border: none;
}
.active_table {
display: block;
height: 50px;
line-height: 50px;
border-top: solid 1px #D5D5D5;
background-color: #F7F8FC;
}
.modal_popup .active_table {
border: solid 1px #D5D5D5;
}
.second-one h2 {
border: none !important;
}
.active_table button {
width: 100% !important;
height: 100% !important;
border: none;
text-align: left;
position: relative;
margin: 0px !important;
display: block;
background-color: #F7F8FC;
}
.dropdownMenu {
font-family: myEDFLight;
background-color: #F7F8FC;
font-family: myEDFLight;
}
.active_table button span {
font-family: myEDFBold;
}
.active_table button span.fright {
padding-right: 42px;
}
.active_table span.special9 {
position: absolute;
left: 0;
top: 0;
text-align: center;
line-height: 50px;
font-size: 17px;
color: black;
width: 50px;
height: 50px;
}
.active_table span.special2 {
display: inline-block;
margin: 0 40px 0 60px;
font-size: 18px;
}
.active_table img {
/* margin-left: 10px;
padding-top: 5px;
margin-right: 20px; */
position: absolute;
right: 20px !important;
top: 50% !important;
margin-top: -3px;
}
.active_table.active button {
background: none;
/* border-bottom: solid 1px #999999;*/
}
/*.active_table.active span.special9 {
background-color: #005BFF;
}*/
#listeFactures thead tr[align="left"] td {
background-color: white;
padding: 8px 10px;
border: 1px solid #eeeeee;
}
#listeDonneesPaiement thead tr.filter th {
background-color: white;
padding: 8px 10px;
border: 1px solid #eeeeee;
}
#listeContrats thead tr.filter th {
background-color: white;
padding: 8px 10px;
border: 1px solid #eeeeee;
}
.second.special span.special {
background: none !important;
color: #105abb !important;
}
.second.special span.special2 {
font-size: 14px;
}
/*.second.special .active {
border-top: solid 1px #999999;
}*/
.second.special .active button {
background: none !important;
}
.second.special .disable span {
color: #9a9cb5 !important;
}
.second.special .disable span.special9 {
/* color: #fff !important; */
color: #9a9cb5 !important;
}
.second.special h2 a {
position: absolute;
right: 10px;
background-color: #005bff;
padding: 10px;
color: #fff;
font-size: 12px;
top: 8px;
padding : 14px;
}
.second.special2 {
padding-bottom: 100px;
}
.second.special3 {
padding-bottom: 230px;
}
.second.special .button {
background-color: #F7F8FC;
padding: 15px 0px 15px 0px;
color: #09090B;
}
.second.special .button.active {
border-top: solid 1px #black
border-bottom: solid 1px #black
border-top-width: 80%
border-bottom-width: 80%
}
.second.special .button button {
border: none;
margin-left: 30px;
width: 305px;
height: 45px;
padding: 14px;
color: #fff;
background-color: #005bff !important;
}
/*Pagination*/
.pagination a, .pagination p {
float: left;
}
.pagination a:first-child {
margin-right: 5px;
}
.pagination a:last-child {
margin-left: 5px;
}
.pagination input[type=text] {
width: 32px;
height: 25px;
float: left;
margin-left: 20px;
color: #000;
text-indent: 10px;
}
.pagination p {
line-height: 26px;
margin-left: 6px;
margin-right: 19px;
color: rgba(202, 202, 202, 1);
}
/*Popup*/
.modal_popup {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 3;
overflow: auto;
}
.modal_popup .content {
max-width: 780px;
min-height: 170px;
margin: auto;
padding: 30px;
color: black;
overflow: auto;
background-color: #fff;
z-index: 4;
margin-top: 50px;
position: relative;
}
.modal_popup .content h2 {
font-weight: bold;
margin-bottom: 20px;
font-size: 20px;
color: #001A70;
}
.modal_popup .special3 {
max-width: 733px !important;
margin-top: 10px;
padding-top: 15px;
padding-bottom: 0px;
}
.modal_popup .content form {
margin: 2px auto 2px auto;
width: 335px;
}
.modal_popup .content form input {
margin-top: 10px;
width: 100%;
height: 40px;
border: none;
background: none;
line-height: 40px;
}
.modal_popup .content form input[type=text] {
background-color: white;
border: solid 1px grey;
padding-left: 3%;
width: 97%;
}
.modal_popup .content form input[type=submit] {
margin-top: 35px;
text-align: center;
font-weight: bold;
/* border: solid 1px black;*/
color: #fff;
background-color: #005bff;
text-indent: 0px;
}
.modal_popup .content form.special {
margin: 0px;
margin-bottom: 20px;
}
/*
.modal_popup .content form.special input[type=text] {
border: none;
border: solid 1px #666666;
height: 30px;
outline: none;
background: none;
text-indent: 0px;
margin: 0px;
width: auto;
line-height: inherit;
}
.modal_popup .content form.special input[type=submit] {
outline: none;
width: 25px;
height: 30px;
border: none;
background: url('../images/search2.png') no-repeat bottom;
}
*/
.modal_popup .content form.special input[type="submit"] {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 30px;
border: none;
background: transparent;
cursor: pointer;
opacity: 0; /* rend invisible mais cliquable */
}
.modal_popup .content form.special input[type="text"] {
padding-right: 35px; /* espace pour l'icône à droite */
background: url(../images/search2.png) no-repeat right center;
background-size: 20px 20px;
}
.modal_popup .content textarea {
width: 100%;
resize: none;
min-height: 100px;
margin-top: 10px;
/* border: none;
background-color: #ececec;*/
text-indent: 10px;
}
.modal_popup .content .close {
position: absolute;
color: #bdbdbd;
top: 0px;
right: 10px;
cursor: pointer;
font-size: 3.0em;
}
.modal_popup .center {
text-align: center;
display: block;
}
.modal_popup strong {
display: block;
}
.partieIndex {
margin-left: 30px;
}
.modal_popup .content button {
width: 49%;
height: 40px;
border: none;
color: #fff;
font-weight: bold;
margin-top: 10px;
/*background-color: #1057C8;*/
font-family: myEDF;
}
.modal_popup.special form {
width: 100%;
}
.modal_popup.special form .icheckbox_polaris {
margin-left: 30px;
}
.modal_popup.special label {
margin-left: 10px;
}
.modal_popup.special input[type=submit] {
width: 49%;
text-indent: 0px;
}
/* RTH */
html body .actionButton {
cursor: pointer
}
html body .actionButton.open img.open {
display: block
}
html body .actionButton.open img.close {
display: none
}
html body .actionButton img.open {
display: none
}
html body .actionButton img.close {
display: block
}
html body .openButton {
display: none
border-top: solid 1px #999999;
}
/** POP-UP etapesFactureCommun.html **/
.contrats_detail .second-content.pop-up-area {
height: 380px;
margin-bottom: 0px;
}
div.pop-up-row {
padding: 20px 10px;
}
div.pop-up-elt {
margin-bottom: 15px;
font-size: 16px;
display: inline-block;
width: 50%;
}
div.pop-up-right-elt {
float: right;
}
div.pop-up-center-elt {
width: 100%;
}
span.spanElementPopUp {
font-size: 12px;
color: #000;
text-align: justify;
}
div#ilustrationDiv {
height: 40px;
width: 40px;
position: absolute;
display: none;
/*background-color: #ececec;*/
background-image: url(../images/search2.png);
background-repeat: no-repeat;
background-position: center;
}
.espaceprod_popup {
display: none;
position: absolute;
background-color: #f9f9f9;
border: 1px solid #ccc;
padding: 10px;
z-index: 1000;
}
button#lienInformationVotreInstallation {
display: none;
}
table#admBlocInfo {
display: none;
}
#search_form {
display: none;
align-items: center;
}
#search_form button {
order: -1; /* place le bouton avant le champ */
background: none;
border: none;
padding: 0;
margin-right: 8px;
cursor: pointer;
}
#search_form .imgsearch svg {
width: 20px;
height: 20px;
fill: #000;
}
#search_field {
border: none;
outline: none; /* enlève le contour bleu au focus */
background-color: transparent; /* si tu veux un fond transparent */
font-size: 12px; /* ajuste selon ton design */
text-transform: uppercase;
}
#search_field::placeholder {
color: #999;
opacity: 1; /* pour s'assurer qu'il est visible */
}
g#recherche path {
fill: #E85130;
}
/* Masquer le texte original et le remplacer par une version sans le @ */
.three.fleft a.simpleLink {
position: relative;
color: transparent; /* rend le texte invisible */
}
.three.fleft a.simpleLink::before {
content: "AIDE & CONTACT";
color: #000; /* couleur du texte visible */
position: absolute;
left: 24px; /* espace pour l'image */
top: 0;
white-space: nowrap;
}
/* Ajouter une image à gauche */
.three.fleft a.simpleLink::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
.second h2 {
border: 1px solid #E0E0E0;
margin-bottom: 10px;
}
.three h2 {
border: 1px solid #E0E0E0;
}
.four h2 {
border: 1px solid #E0E0E0;
}
.five h2 {
border: 1px solid #E0E0E0;
}
.six h2 {
border: 1px solid #E0E0E0;
}
.imgreturnhome svg polygon {
fill: #1057C8; /* Remplace cette couleur par celle que tu veux */
}
form[action="/oasv2/actualites/mesDonnees/enregistrerDonneesPersonnelles.action"] input[type="text"] {
width: 680px;
}
form[action="/oasv2/actualites/mesDonnees/modifierDonneesProducteur.action"] input[type="text"] {
width: 680px;
}
form[action="/oasv2/actualites/mesDonnees/modifierDonneesIdentifiants.action"] input[type="text"] {
width: 680px;
}
form[action="/oasv2/actualites/mesDonnees/modifierDonneesIdentifiants.action"] input[type="password"] {
width: 680px;
}
button.fright.demandeLiaisonPopup {
display: none;
}
svg#pictos-73 {
fill: white;
}
a.etapesContratPopup #pictos-73, span.document-tooltip-image svg#pictos-73 {
fill: #005BFF;
}
span.imguserheader {
display: none;
}
svg#pictos-75 {
margin-left: 10px;
}
/* Conteneur du formulaire */
#formRechercheListeProducteurs {
position: relative;
width: 200px;
/* right: 0px; */
}
/* Champ texte */
#formRechercheListeProducteurs input[type="text"] {
width: 100%;
height: 40px;
padding: 10px 35px 10px 12px; /* espace à droite pour la loupe */
border: 1px solid var(--Border-Input-Default, #666);
background: var(--Background-Neutral-white, #FFF);
box-sizing: border-box;
display: block;
}
/* Bouton submit avec image */
#formRechercheListeProducteurs input[type="submit"] {
position: absolute;
right: 10px; /* Ajuste selon l’alignement souhaité */
transform: translateY(-50%);
width: 20px;
height: 20px;
border: none;
background: url('../images/search2.png') no-repeat center;
background-size: contain;
cursor: pointer;
top: 0;
padding: 0;
background-color: transparent;
margin-top: 0px;
top: 20px;
}
div.info {
border: 1px solid #E0E0E0;
}
.filterSelectInput {
background-image: url(../images/search2.png);
background-repeat: no-repeat;
background-position: right 10px center; /* image à droite */
background-size: 20px 20px;
padding-right: 40px; /* espace pour l'image à droite */
height: 40px;
font-size: 16px;
}
.filterSelectInput {
background-image: url(../images/search2.png);
background-repeat: no-repeat;
background-position: right 10px center; /* image à droite */
background-size: 20px 20px;
padding-right: 40px; /* espace pour l'image à droite */
height: 40px;
font-size: 16px;
}
form[action="/oasv2/facturation/back.action"] button {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/back.action"]:hover button {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
form[action="/oasv2/facturation/backMensuelle.action"] button {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/backMensuelle.action"]:hover button {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
button[data-url*="modifierDonneesPaiement.action"] {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
button[data-url*="modifierDonneesPaiement.action"]:hover {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
button.mesDonneesContractuellesPopup[data-url*="mesDonneesContractuelles.action"] {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
button.mesDonneesContractuellesPopup[data-url*="mesDonneesContractuelles.action"]:hover {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
button[formaction="/oasv2/facturation/back.action"] {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
button[formaction="/oasv2/facturation/back.action"]:hover {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
button.navigationButton:not(.fright) {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
button.navigationButton:not(.fright):hover {
background-color: #005BFF !important;
color: white !important;
border: none !important;
}
button[formaction="/oasv2/facturation/enregistrerEtPoursuivrePlusTardSaisieMensuelle.action"] {
background-color: white !important;
color: #005BFF !important;
border: none !important;
}
button[formaction="/oasv2/facturation/enregistrerEtPoursuivrePlusTardSaisieMensuelle.action"]:hover {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
button[formaction="/oasv2/facturation/enregistrerEtPoursuivrePlusTardSaisieMensuelle.action"] {
background-color: white !important;
color: #005BFF !important;
border: none !important;
padding-right: 40px !important; /* espace pour l'image */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 24px 24px !important;
}
button[formaction="/oasv2/facturation/enregistrerEtPoursuivrePlusTardSaisieMensuelle.action"]:hover {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/enregistrerEtPoursuivrePlusTardRecapitulatifMensuelle.action"] button {
background-color: white !important;
color: #005BFF !important;
border: none !important;
padding-right: 40px !important; /* espace pour l'image */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 24px 24px !important;
}
form[action="/oasv2/facturation/enregistrerEtPoursuivrePlusTardRecapitulatifMensuelle.action"] button:hover {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
textarea#commentaire {
background-color: white;
border: 1px solid #ececec;
}
form[action="/oasv2/facturation/modifierDonneesPaiement.action"] #buttonEnregistrer {
background-color: #005bff;
}
button.special.width50.refuserFacture {
background-color: #A50031;
float: left !important;
}
button.special.width50.accepterFacture {
background-color: #005bff;
float: right !important;
}
button#btnEnregistrerIndex {
background-color: white !important;
color: #005BFF !important;
border: none !important;
padding-right: 40px !important; /* espace pour l'image */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 24px 24px !important;
}
button#btnEnregistrerIndex:hover {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/refuserFacture.action"] input.fermer {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/refuserFacture.action"] input.fermer:hover {
background-color: #005BFF !important;
color: white !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/accepterFacture.action"] input.fermer {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/facturation/accepterFacture.action"] input.fermer:hover {
background-color: #005BFF !important;
color: white !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/factures.action"] button.fright.special.loadingGif {
background-color: white !important;
color: #005BFF !important;
border: 1px solid #005BFF !important;
}
form[action="/oasv2/factures.action"] button.fright.special.loadingGif:hover {
background-color: #005BFF !important;
color: white !important;
border: 1px solid #005BFF !important;
}