| Current Path : /home/happyrenas/old/happy-and-pay.fr/v3/ |
Linux webd005.cluster105.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 |
| Current File : /home/happyrenas/old/happy-and-pay.fr/v3/design.css |
/* --------------------------------- ANIMATIONS --------------------------------- */
@keyframes go-bottom
{
from {margin-top:0;}
25% {margin-top:-10px;}
75% {margin-top:10px;}
to {margin-top:0px;}
}
/* --------------------------------- PARAMÈTRES GLOBAUX --------------------------------- */
*{
padding:0;margin:0;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(js/boxsizing.htc)
}
/* --------------------------------- FONTS --------------------------------- */
@font-face {
font-family: 'open-b';
src: url('fonts/opensans-bold_0-webfont.eot');
src: url('fonts/opensans-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-bold_0-webfont.woff2') format('woff2'),
url('fonts/opensans-bold_0-webfont.woff') format('woff'),
url('fonts/opensans-bold_0-webfont.ttf') format('truetype'),
url('fonts/opensans-bold_0-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open';
src: url('fonts/opensans-regular-webfont.eot');
src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-regular-webfont.woff2') format('woff2'),
url('fonts/opensans-regular-webfont.woff') format('woff'),
url('fonts/opensans-regular-webfont.ttf') format('truetype'),
url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open-l';
src: url('fonts/opensans-light-webfont.eot');
src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/opensans-light-webfont.woff2') format('woff2'),
url('fonts/opensans-light-webfont.woff') format('woff'),
url('fonts/opensans-light-webfont.ttf') format('truetype'),
url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
.open{font-family:'open'; font-weight:normal;}
.open-b{font-family:'open-b'; font-weight:normal;}
.open-l{font-family:'open-l'; font-weight:normal;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font24{font-size:24px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font33{font-size:33px;}
.font36{font-size:36px;}
.font40{font-size:40px;}
.font42{font-size:42px;}
.font48{font-size:48px;}
/* --------------------------------- PARAMETRAGE SITE --------------------------------- */
section,header,footer,figure,article,aside,nav
{
display:block;
}
a, a *{transition:all 0.25s ease-in-out; moz-transition:all 0.25s ease-in-out; webkit-transition:all 0.25s ease-in-out; color:#fff; text-decoration:none;}
a:hover{color:#fff;}
a.gris:hover{color:#ff7000;}
a img{border:0;}
b, strong {font-weight:normal; font-family:'open-b';}
ul,li{list-style-type:none}
p,div{font:14px 'open'; color:#4b4440; text-align:left;}
textarea{overflow:auto; resize:none;}
input, textarea{outline:none;}
input[type=submit]{cursor:pointer;}
h1 {font:normal 33px 'open-l'; color:#fff; text-align:center;}
h2 {font:normal 30px 'open'; color:#fff; line-height:34px; text-align:center;}
.bouton-arrondi {
display:inline-block; width:190px; height:50px; background:#ff7000; box-shadow:0px 3px 0px 0px #c54d00, 0px 0px 5px 0px rgba(0,0,0,.3); text-align:center; font:14px 'open-b'; line-height:50px; border-radius:5px; margin:10px; color:#fff;
}
.bouton-arrondi-gris {
display:inline-block; width:190px; height:50px; background:#4b4440; box-shadow:0px 3px 0px 0px #38322f, 0px 0px 5px 0px rgba(0,0,0,.3); text-align:center; font:14px 'open-b'; line-height:50px; border-radius:5px; margin:10px; color:#fff;
}
.bouton-arrondi:hover, .bouton-arrondi-gris:hover {
background:#8b8b8b; box-shadow:0px 3px 0px 0px #6b6b6b;
}
.middle {vertical-align:middle;}
.centre {text-align:center;}
.underline {text-decoration:underline!important;}
/* --------------------------------- COLORS --------------------------------- */
.blanc{color:#fff;}
.noir{color:#000;}
.orange{color:#ff7000;}
.gris{color:#383838;}
.gris-alt{color:#989898;}
.rouge {color:#b2001d;}
/* --------------------------------- PAGE D'ACCUEIL --------------------------------- */
body {
margin:auto; min-width:960px; max-width:100%; background:#ff6400;
}
#bloc-assistance {width:200px; height:100px;position:fixed; top:100px; right:-170px; background:#313131; z-index:1000; line-height:100px; overflow:hidden; border-radius:10px 0px 0px 10px; transition:all .45s ease;}
#bloc-assistance.open {right:0px;}
#bloc-assistance>* {display:inline-block; vertical-align:middle;}
#bloc-assistance>button {width:30px; height:100px; background:none; border:none; text-align:center; cursor:pointer;}
#bloc-assistance>p {width:170px; border-left:solid 1px #848484; color:#fff; padding:0px 10px; line-height:14px;}
#bloc-assistance>p>a {background:#ff7000; display:inline-block; height:24px; line-height:24px; color:#fff; padding:0px 20px; margin-top:7px; border-radius:15px;}
body>header {
width:100%; height:70px; background:#383838; box-shadow:0px 1px 5px 0px rgba(0,0,0,.3); position:fixed; z-index:100;
}
body>header>div {
width:960px; margin:auto; padding:0px 10px;
}
#logo {line-height:68px; display:inline-block; float:left;} #logo img:hover{opacity:.5; margin-left:-5px;}
body>header>div>nav {
float:right;
}
#menu {float:right; width:790px; height:70px; text-align:right;}
#menu li {position:relative; display:inline-block; line-height:70px; vertical-align:top;}
#menu li.identification {padding-left:20px; line-height:28px; padding-top:5px;}
#menu li.active a {background:url('images/page-active.png') no-repeat bottom center;}
#menu li>a {display:inline-block; padding:0px 20px; font:14px 'open'; line-height:70px;}
#menu li>a:hover {background:#404040; color:#ff7000;}
#menu li.active a:hover {background:#404040 url('images/page-active.png') no-repeat bottom center;}
#menu li.identification>a{color:#ff7000; border:solid 1px; height:21px; vertical-align:middle; line-height:19px; font-size:11px; border-radius:5px; width:110px; text-align:center; padding:0px 10px;}
#menu li.identification>a:hover{color:#989898;}
#bandeau-home {
width:100%; margin:auto; height:438px; background:url('images/header-home.jpg') no-repeat top center; box-shadow:0px 1px 5px 0px rgba(0,0,0,.3); position:relative; top:70px; line-height:440px; z-index:90;
}
#bandeau-home p{
display:inline-block; vertical-align:middle; text-align:center; width:100%; color:#fff; font:36px 'open-l'; text-shadow:0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 2px #000;
}
#logos-paiement {
position:absolute; bottom:10px; right:10px;
}
#bandeau-gris-home {position:relative; top:70px; background:url('images/bandeau-gris-home.jpg') no-repeat top right #383838; padding-bottom:60px; text-align:center;}
#bandeau-gris-home>div {position:relative; width:940px; margin:auto; padding:0px 70px;}
#bandeau-gris-home>div>p {display:inline-block; margin-top:50px; vertical-align:middle; padding:0px 20px; line-height:32px;}
#bandeau-gris-home>div>p img{float:left; margin-left:-80px; margin-top:0px;}
#bandeau-gris-home>div>p.temoignage {margin-bottom:-30px;}
#bandeau-gris-home>div>p.temoignage span {display:inline-block; width:100%; text-align:right;}
#main-content {
width:100%; background:url('images/background-main.jpg') no-repeat top center; position:relative; top:70px;
}
#main-content>div {
width:960px; margin:auto; padding:60px 0px; padding-bottom:80px; position:relative;
}
#main-content>div.accueil {
background:url('images/separation-accueil.png') no-repeat center 170px; padding:30px 10px; text-align:center;
}
#main-content>div.accueil>p {
margin:auto; text-align:center; margin-bottom:70px; margin-top:20px;
}
#main-content>div.accueil>p>span {
display:inline-block; padding-bottom:10px; border-bottom:solid 1px #fff; line-height:21px;
}
#main-content>div.accueil>p>span>span{
font-size:15px;
}
#main-content>div>#left, #main-content>div>#right {
display:inline-block; width:470px; padding-top:10px; vertical-align:top;
}
/* -------------------------------------------------- LEFT -------------------------------------------------- */
#main-content div#left>p {
width:100%; text-align:right; color:#fff; line-height:38px; height:240px; background:url('images/fleche-blanc-left.png') no-repeat bottom center; padding-right:90px;
}
#main-content div#left>p>span, #main-content div#right>p>span { /* BOTH */
line-height:24px; display:inline-block;
}
.bloc-bulles {
width:100%; height:380px; position:relative; margin-top:-30px;
}
.bulle {
width:135px; height:135px; position:absolute; line-height:125px;
}
.bulle p {
display:inline-block; text-align:center; color:#fff; font:14px 'open-b'; width:128px; vertical-align:middle; position:relative; z-index:96; line-height:17px;
}
.bulle img{
position:absolute; top:0; left:0; z-index:94;
}
.bulle img.img-grise{
opacity:0; z-index:95;
}
.bulle:hover img.img-grise{
opacity:1; z-index:95;
}
.bulle:hover p{
color:#f77000;
}
.bulle.left-top {top:0; left:50px; line-height:125px;}
.bulle.left-top img{transform:rotate(200deg);}
.bulle.left-middle {top:135px; left:45px;}
.bulle.left-middle img{transform:rotate(160deg);}
.bulle.left-bottom {top:255px; left:110px; line-height:135px;}
.bulle.left-bottom img{transform:rotate(130deg);}
#bulle-content-left {
position:absolute; width:247px; height:252px; right:30px; top:30px; line-height:252px;
}
#bulle-content-left>img{
position:absolute; top:0; left:0; z-index:95;
}
#bulle-content-left .img-big-survol{
z-index:97; opacity:0;
}
#bulle-content-left p {
display:inline-block; position:relative; z-index:96; color:#878787; width:100%; height:100%; padding-top:50px; text-align:center; vertical-align:middle; font:14px 'open'; line-height:18px; top:0; left:0; transition:all 0.35s ease;
}
#bulle-content-left p>img {
margin-bottom:10px;
}
#bulle-content-left p.not-visible{
opacity:0; transition:all .35s ease; position:absolute; vertical-align:middle; padding:0 20px; background:url('images/bulle-blanc-home-left.png') no-repeat; color:#383838; line-height:252px;
}
#bulle-content-left p.visible{
opacity:1; transition:all .35s ease; position:absolute; vertical-align:middle; padding:0 20px; background:url('images/bulle-blanc-home-left.png') no-repeat; font:13px 'open'; line-height:252px;
}
#bulle-content-left p.visible>span{
display:inline-block; vertical-align:middle; font:13px 'open'; line-height:18px;
}
#bulle-content-left p.not-visible>span{
display:inline-block; vertical-align:middle; font:13px 'open'; line-height:18px;
}
/* -------------------------------------------------- RIGHT -------------------------------------------------- */
#main-content div#right>p {
width:100%; text-align:left; color:#fff; line-height:38px; height:240px; background:url('images/fleche-blanc.png') no-repeat bottom center; padding-left:90px;
}
.bloc-bulles {
width:100%; height:380px; position:relative; margin-top:-30px;
}
.bulle {
width:135px; height:135px; position:absolute; line-height:125px;
}
#main-content div#right .bulle p {
display:inline-block; text-align:center; color:#fff; font:14px 'open-b'; width:145px; vertical-align:middle; position:relative; z-index:96; line-height:17px;
}
.bulle img{
position:absolute; top:0; left:0; z-index:94;
}
.bulle img.img-grise{
opacity:0; z-index:95;
}
.bulle:hover img.img-grise{
opacity:1; z-index:95;
}
.bulle:hover p{
color:#f77000;
}
.bulle.right-top {top:0; right:50px; line-height:125px;}
.bulle.right-top img{transform:rotate(-20deg);}
.bulle.right-middle {top:135px; right:45px;}
.bulle.right-middle img{transform:rotate(5deg);}
.bulle.right-bottom {top:255px; right:110px; line-height:135px;}
.bulle.right-bottom img{transform:rotate(35deg);}
#bulle-content-right {
position:absolute; width:247px; height:255px; left:30px; top:30px; line-height:252px;
}
#bulle-content-right>img{
position:absolute; top:0; left:0; z-index:95;
}
#bulle-content-right .img-big-survol{
z-index:97; opacity:0;
}
#bulle-content-right p {
display:inline-block; position:relative; z-index:96; color:#878787; width:100%; height:100%; padding-top:50px; text-align:center; vertical-align:middle; font:14px 'open'; line-height:18px; top:0; left:0; transition:all 0.35s ease;
}
#bulle-content-right p>img {
margin-bottom:10px;
}
#bulle-content-right p.not-visible{
opacity:0; transition:all .35s ease; position:absolute; top:0; padding:55px 20px 0px 20px; background:url('images/bulle-blanc-home-right.png') no-repeat; color:#383838; font:13px 'open'; line-height:18px; visibility:hidden;
}
#bulle-content-right p.visible{
opacity:1; transition:all .35s ease; position:absolute; top:0; padding:55px 20px 0px 20px; background:url('images/bulle-blanc-home-right.png') no-repeat; font:13px 'open'; line-height:18px; visibility:visible;
}
.txt-home {
text-align:center; width:100%; margin-top:-25px;
}
body>footer {
padding-bottom:10px; width:100%; background:#383838; position:relative; top:70px;
}
body>footer>div {
width:960px; margin:auto; padding:20px 10px; background:url('images/logo-footer.jpg') no-repeat right center;
}
body>footer>div>p {
margin-top:20px; color:#707070; font:12px 'open'; line-height:18px;
}
body>footer>div>p.right {
width:310px; padding-right:120px; text-align:right;
}
body>footer>div>p a {
color:#707070;
}
body>footer>div>nav a {
display:inline-block; padding:5px 25px; color:#707070; border-right:solid 1px #707070;
}
body>footer>div>nav a:last-child {border:none;} body>footer>div>nav a:first-child {padding-left:0;}
body>footer>div>nav a:hover, body>footer>div>nav a.active {color:#c1c1c1;}
/* -------------------------------------------------- PAGE CONCEPT -------------------------------------------------- */
.buttons-top {
text-align:center; margin-top:20px;
}
.col-white {
width:480px; display:inline-block; vertical-align:top; padding-top:10px; margin:30px 0px;
}
.col-white-big {
width:960px; vertical-align:top; padding-top:10px; margin:30px 0px;
}
.col-white.alt {
margin-top:-40px;
}
.bloc-commun {
width:100%; display:inline-block; vertical-align:top; padding-top:0px; margin-top:-70px; position:relative; z-index:5;
}
#main-content>div>div.col-white>div{
width:460px; display:inline-block; margin:0px 10px; background:#fff; margin-top:20px; border-radius:5px; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); padding-top:0; padding-bottom:60px;
}
#main-content>div>div.col-white.alt>div{
padding:30px 0px;
}
#main-content>div>div.col-white-big>div {
width:960px; display:block; margin:0px 0px; background:#fff; margin-top:20px; border-radius:5px; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); padding-top:0; padding:50px 100px;
}
#main-content>div>div.bloc-commun>div{
width:940px; display:inline-block; margin:0px 10px; background:#fff; padding:0px 60px;
}
#main-content>div>div.bloc-commun>div>p{
margin:30px 0px; padding:0px
}
.col-white>div>header p {
width:100%; text-align:center; vertical-align:top; color:#989593;
}
.col-white>div>header p>img {
border-radius:4px;
}
.col-white>div>header p span.font24 {
display:inline-block; margin-bottom:10px;
}
.picto {
position:relative; display:block; margin-top:-70px; z-index:90;
}
.border-bottom {
display:inline-block; width:140px; height:30px; border-bottom:solid 1px #d7d7d7;
}
.col-white>div h2 {
margin:30px 0px;
}
.col-white>div>p {
padding:0px 60px;
}
.col-white>div .bouton-arrondi, .col-white>div .bouton-arrondi-gris {
display:block; margin:auto;
}
.puce {
float:left; margin-left:-25px; margin-top:7px;
}
.form-small {
width:100%; padding:0px 60px; margin-top:40px;
}
.form-small>input[type=text], .form-small>textarea {
width:100%; height:50px; background:#ff6400; margin-bottom:3px; border:none; border-radius:5px; padding-left:20px; font:14px 'open'; color:#fff; transition:all .25s ease;
}
.form-small>textarea {
height:170px; padding-top:13px;
}
.form-small>input[type=text]:focus, .form-small>textarea:focus {
background:#d75400;
}
.form-small>input[type=submit] {
margin:0px; float:right; border:none; transition:all .25s ease; margin-top:5px; box-shadow:none;
}
p.center {
text-align:center; margin-top:40px;
}
.slogan-right {
text-align:right; margin-top:30px; font:28px 'open-l'; color:#fff;
}
.bt-haut {
position:absolute; margin:auto; bottom:0; width:100%; text-align:center;
}
.bt-haut img {
vertical-align:bottom;
}
#top {
position:absolute; top:-70px; background:red; height:0; padding:0;
}
/* -------------------------------------------------- PAGE FAQ -------------------------------------------------- */
#bloc-faq {
width:940px; background:#fff; margin:auto; border-radius:5px; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); margin-top:50px; padding-bottom:60px;
}
#bloc-faq>header p {
width:100%; text-align:center; vertical-align:top; color:#989593;
}
#bloc-faq>header p>img {
border-radius:4px;
}
#bloc-faq>header p span.font24 {
display:inline-block; margin-bottom:10px;
}
#bloc-faq>div {
width:100%; padding:0px 100px; position:relative; text-align:center; overflow:hidden; transition:all .35s ease;
}
#bloc-faq>div>p {
text-align:center; padding:0px; opacity:0; transition:all .35s ease; height:0px;
}
#bloc-faq>div>a {
display:inline-block; width:500px; height:70px; font:24px 'open'; line-height:70px; color:#4b4440;
}
#bloc-faq>div>a:hover {color:#ff7000;}
#bloc-faq>div>a img {
float:right; margin-top:30px; transform:rotate(180deg);
}
.bordure-tirets {
display:block; width:500px; height:1px; border-bottom:dashed 1px #ff6400; position:absolute; bottom:0; margin-left:auto; margin-right:auto; left:0; right:0;
}
#bloc-faq>div.ouvert>p {
opacity:1; height:auto; padding-bottom:30px;
}
#bloc-faq>div.ouvert>a img {
transform:rotate(0deg);
}
#main-content>div>div.col-white.faq>div{
padding-bottom:0px;
}
#main-content>div>div.col-white.faq>div>header{
padding-bottom:20px;
}
.col-white.faq>div>div{
width:100%; padding:0px 20px; position:relative; text-align:center; overflow:hidden; transition:all .35s ease; border-top:dashed 1px #ff6400;
}
.col-white.faq>div>div>a{
display:inline-block; width:100%; font:18px 'open'; color:#4b4440; padding:20px 0px; position:relative;
}
.col-white.faq>div>div>a img{
position:absolute; right:0px; margin-top:auto; margin-bottom:auto; top:0; bottom:0; transform:rotate(180deg);
}
.col-white.faq>div>div>p{
text-align:center; padding:0px; font-size:12px; height:0px; overflow:hidden; transition:all 0.35s ease; opacity:0;
}
.col-white.faq>div>div.ouvert>p{
height:auto; padding:10px 0px 20px 0px; opacity:1;
}
.col-white.faq>div>div.ouvert>a img{
transform:rotate(0deg);
}
/* PAGE DE PAIEMENT EN LIGNE */
#bloc-paiement {
background:#fff url('images/bottom-paiement.jpg') no-repeat bottom center; width:420px; margin:auto; border-radius:20px; box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); padding:20px; padding-bottom:80px; position:relative;
}
#bloc-paiement>p.font18 {
height:30px; margin-bottom:10px; border-bottom:solid 1px;
}
#bloc-paiement>form>table {
width:100%; font-size:12px;
}
#bloc-paiement>form>table td {
height:40px;
}
#bloc-paiement>form input[type=text], #bloc-paiement>form input[type=password] {
width:100%; height:30px; padding:0px 10px;
}
#bloc-paiement>form input[type=submit] {
width:100%; background:green; border:none; color:#fff; font:18px 'open-b'; height:40px; margin-top:30px;
}
/* MENTIONS LEGALES */
#mentions {
padding:40px; background:#fff; margin:20px 0px; border-radius:20px;
}
/* ---------------------------------------------------------------------------------------------- PAGE DEMO --------------------------------------------------------------------------------------------------------------- */
#main-content.demo {
background:url('images/background-main.jpg') no-repeat center 70px fixed; position:relative; top:70px;
}
div.wrapper-slides {
width:100%; margin-top:50px; position:relative;
}
#bloc-visuel {
width:400px; height:350px; display:inline-block; vertical-align:top; position:relative;
}
#bloc-visuel.fixe {position:fixed; top:150px;}
#bloc-visuel>div{
width:100%; height:100%; position:absolute; top:0; left:0;
}
#bloc-visuel>div>img{
position:absolute; opacity:0; transition:all .5s ease-in-out 0s;
}
#bloc-visuel>div.visible>img{opacity:1;}
.logo {top:0px; margin:auto; left:0; right:0;} div.visible>.logo {top:50px; }
.proprietaire {top:60px; left:0px;} div.visible>.proprietaire {top:30px; left:0px;}
.client {top:150px; right:0px;} div.visible>.client {top:120px; right:0px;}
#image2 .lettre-gauche {left:130px; top:20px; transform:rotate(-45deg);} #image2.visible .lettre-gauche {left:160px; top:50px; transform:rotate(0deg);}
#image2 .lettre-droite {right:110px; bottom:100px; transform:rotate(45deg);} #image2.visible .lettre-droite {right:140px; bottom:130px; transform:rotate(0deg);}
.bulle-gauche {left:130px; top:10px; transform:rotate(-45deg);} div.visible .bulle-gauche {left:160px; top:40px; transform:rotate(0deg);}
.bulle-droite {right:120px; bottom:130px; transform:rotate(45deg);} div.visible .bulle-droite {right:150px; bottom:160px; transform:rotate(0deg);}
.visuel {top:50px; margin:auto; left:0; right:0;} div.visible>.visuel {top:0px; }
#bloc-texte {
width:540px; display:inline-block; vertical-align:top; padding-left:30px;
}
#bloc-texte.fixe {margin-left:400px;}
#bloc-texte.full {margin-left:0px; width:100%;}
#bloc-texte.full2 {margin-left:0px; width:100%;}
#bloc-texte>p{
height:500px; color:#fff; font-size:22px; padding-top:30px; text-align:center; opacity:0; transition:all .5s ease;
}
p#slide4 {font-size:32px; height:800px;}
p#slide8 {height:250px; margin-bottom:250px; font-size:32px;}
#bloc-texte>p.visible{
opacity:1;
}
#cursor-bottom {
animation:go-bottom 1s linear infinite;
}
#slide11 {
width:100%; opacity:0; margin-bottom:100px; transition:all .5s ease-in-out
}
#slide11.visible {
opacity:1;
}
#slide11>p {
font-size:24px; color:#fff;
}
/* PAGE ASSISTANCE */
.form-assistance {
width:100%; text-align:right;
}
.form-assistance>input[type=text], .form-assistance>textarea {
width:100%; height:50px; background:#ff6400; margin-bottom:3px; border:none; border-radius:5px; padding-left:20px; font:14px 'open'; color:#fff; transition:all .25s ease;
}
.form-assistance>textarea {
height:170px; padding-top:13px;
}
.form-assistance>input[type=text]:focus, .form-assistance>textarea:focus {
background:#d75400;
}
.form-assistance>input[type=submit] {
margin:0px; border:none; transition:all .25s ease; margin-top:5px; box-shadow:none;
}
/* ------------------------------------------------------------------------------------- PAGE MODULE PAIEMENT ----------------------------------------------------------------------------------------------------- */
p.encadre {margin-top:50px; border:solid 1px; padding:20px;}
p.encadre.rouge {background:rgba(255,255,255,.2);}
.formulaire-module-paiement {margin-top:30px; background:#fff; padding:40px 100px; box-shadow:0 0 10px 0 rgba(0,0,0,.5); border-radius:10px; text-align:right;}
.formulaire-module-paiement label {display:block; float:left; width:25%; height:50px; font:16px 'open'; color:#4b4440; line-height:50px; text-align:left;}
.formulaire-module-paiement input[type=text],
.formulaire-module-paiement select,
.formulaire-module-paiement input[type=email],
.formulaire-module-paiement input[type=numeric],
.formulaire-module-paiement input[type=password] {
width:75%; float:left; height:50px; background:#ff6400; color:#fff; border:none; padding:0px 20px; border-radius:5px; vertical-align:middle; margin-bottom:10px; transition:all .3s ease;
}
.formulaire-module-paiement input[type=checkbox] {margin-right:10px;}
.formulaire-module-paiement select option {padding:5px 20px;}
.formulaire-module-paiement button {border:none!important; transition:all .3s ease; margin:0!important; margin-top:20px!important; box-shadow:none!important;}
.formulaire-module-paiement input[type=text]:focus,
.formulaire-module-paiement select:focus,
.formulaire-module-paiement input[type=email]:focus,
.formulaire-module-paiement input[type=numeric]:focus,
.formulaire-module-paiement input[type=password]:focus {
background:#d75400;
}