html{
background-image: url(La-ferme-à-larbre©-Katia-Messere-137-1024x684.jpg) ;
background-color: #3C3F40;
background-attachment: fixed;
}
p , h1 ,h2 ,h3 , a ,h4 ,span
{
font-family: 'Roboto', sans-serif!important;
}
#f
{
display: flex;
flex-direction: column;
}
#f input , #f button
{
width: 100%!important;
}
p{
font-size: 20px;
}
.paniertable td {
width: 15px!important;
max-width: 15px!important;
}
#hid2 tr td{
border: solid 1px #DDD;
border-collapse: collapse;
padding: 2px 3px;
text-align: center;
}
body {
display: flex;
justify-content: space-around;
/*padding: 50px 120px;*/
padding-top: 50px;
}
#hid
{
display: none;
font-size: 20px;
}
#hid2
{
display: none;
font-size: 20px;
}
.content{
flex-direction: row;
margin:0 auto;
display: flex;
margin: 40px;
}
.subvi
{
width: 90%;
height: 90%!important;
font-size: 20px;
}
section .content{
padding: 40px 20px;
}
section hr{
width: 90px;
border: solid 1px #8C816F;
margin: 15px 0;
}
a{
text-decoration: none;
}
.clear{
clear: both;
}
nav ul li {
display: inline;
padding-right:20px;
}
header{
height: 60px;
background: #f7f7f7;
margin: 0 0 0 0px;
position: fixed;
border-bottom: 2px solid rgb(48, 180, 87);
left: 0;
right: 0;
opacity: 0.80;
z-index: 30;
top :0;
align-items: center;
justify-content: space-around;
flex-direction: row;
display: flex;
}
.element img {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
header h1{
color: rgba(45,45,45,0.98);
margin: 0;
padding: 20px 40px;
font-family:'Crimson Text', serif;
font-size: 25px;
font-variant: small-caps;
float: left;
opacity: 0.80;
}
header li {
color:white;
}
nav{
float: right;
}
nav ul li a {
opacity: 0.80;
color: rgba(45,45,45,0.98) ;
font-size: 20px;
font-family:'Crimson Text', serif;
font-weight:bold;
}
nav ul li a:hover{
color: #5A1616;
}
nav ul {
margin: 0;
padding: 0px 0 0;
}
.col{
float : left;
margin-right: 20px ;
}
.last{
margin-right:0!important;
}
.col-1-12{
width: 90px ;
}
.col-2-12{
width: 200px ;
}
.col-3-12{
width: 310px ;
}
.col-4-12{
width:420px ;
}
.col-5-12{
width: 530px ;
}
.col-6-12{
width: 640px ;
}
.col-7-12{
width: 750px ;
}
.col-8-12{
width: 860px ;
}
.col-9-12{
width: 970px ;
}
.col-10-12{
width: 1080px ;
}
.col-11-12{
width: 1190px ;
}
h2{
font-family: 'Crimson Text', serif;
color:#333;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
h1{
font-family: 'Crimson Text', serif;
color:#333;
font-size: 30px;
text-transform: uppercase;
}
h3{
font-family:'Crimson Text',serif ;
color: #333;
font-size: 25px;
text-transform: uppercase;
}
h4{
font-family:'Crimson Text',serif ;
color: #333;
font-weight: bold;
font-size: 20px;
}
.dropcap{
font-size: 80px;
float: left;
font-family: 'Crimson Text', serif;
margin:-22px 3px -30px 0 ;
}
section p{
font-size: 20px;
color : #61533F;
font-family: 'Crimson Text', serif;
}
.separator{
margin-top: 40px;
}
.separator2{
margin-top: 60px;
}
.dropcap-b{
font-size: 72px;
float: left;
font-family: 'Crimson Text', serif;
margin:-22px 5px -27px 0 ;
}
footer {
background-color: #96A629;
margin: 0;
position: relative;
text-align: right;
color: white;
left: 0;
right: 0;
top: 20px;
height: 50px;
padding: 5px;
}
#sidebare{
position: relative;
left: 0px;
height: 450px;
top: 0;
float: right;
margin-top: 20px;
}
.blockimg1{
position:absolute;
left: 500px;
top :250px;
}
.blockimg2{
position: absolute;
left: 0px;
top: 50px;
}
.arrow{
position: fixed;
right: 40px;
bottom: 50px;
z-index: 30;
}
section .sect-color{
background:#7B745B;
}
.sect-color p {
color: white;
}
.sect-color h2 {
color: white;
}
section .sect-colorb{
}
.sect-colorb p {
color: white;
}
.submit3:visited {
background: red;
}
.sect-colorb h2 {
color: white;
}
.sect-colorb h3 {
color: white;
}
.sect-colorb table tr ,.sect-colorb h4{
color: white;
text-align: center;
margin: auto !important;
padding: auto;
}
.sect-colorb table {
margin: auto;
}
td {
font-family: 'Crimson Text', serif;
font-size:15px;
border: 1px solid #61533F;
width: 100px;
text-align: center;
}
table{
border-collapse: collapse;
margin: auto;
}
section a {
color:#FFF;
}
section a:hover {
color:#5A1616;
}
thead ,tfoot{
background-color:#E1A34D;
margin: 20px
color:white;
}
tbody{
color : #61533F;
}
.log
{
width: 860px;
margin: 0 auto;
background: white;
display: flex;
flex-direction: column;
align-items: center;
}
.log form p input
{
width:435px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.addvrac{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0 auto;
background: white;
padding: 20px;
}
.rech {
display: flex;
flex-direction:row-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.rech input
{
text-align: center;
float: right;
}
.elvrac:nth-child(1){
flex: 1;
float: none;
display: flex;
justify-content: center;
margin: 20px;
}
form ,#center{
}
.elvrac form input{
width: 150PX;
height: 25px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
form input{
width: 150PX;
height: 15px;
-moz-border-radius: 5px;
text-align: center;
}
.login input {
float: none;
width: 420PX;
height: 40px;
margin: 10px;
font-size: 20px;
text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
}
.login input .bot {
float: none;
width: 300PX;
height: 40px;
margin: 10px;
}
.submit{
width: 440PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 25px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
}
.submit2{
width: 170PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
}
.submit3{
width: 135PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
margin: 1px;
}
.submit4{
width: 200PX!important;
background:white;
border: 1px #126927 solid!important;
color: #126927 ;
font-size: 15px;
height: 30px;
margin: 5px;
border: none;
margin: 1px;
}
.select
{
}
.select select
{
width: 135PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 20px;
border: none;
}
.select input{
width: 170PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 30px;
border: none;
}
.select3 select
{
width: 135PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 20px;
border: none;
}
.select3 input{
width: 135PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 30px;
border: none;
}
.select2 select
{
width: 65PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 15px;
height: 26px;
border: none;
float: left;
margin: 0 5px 5px;
}
.select2 input{
width: 100PX!important;
font-size: 15px;
}
.usern {
background-color:#E1A34D;
display: inline;
padding:5px 20px ;
margin: 5px 10px ;
color :white!important;
}
.contenair{
}
.lef input
{
float: right;
}
.element:nth-child(1){
flex: 3;
flex-direction: column;
display: flex;
align-items: flex-start;
margin: 20px;
}
.element:nth-child(2){
flex: 2;
margin :20px;
flex-direction: column;
justify-content :space-around;
}
.element:nth-child(3){
flex: 3 ;
float: left;
margin: auto;
flex-direction: column;
align-items: center;
justify-content : flex-starts;
align-content: stretch;
}
.clientbox{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.clientbox input{
float: right;
}
.usern ul
{
margin: 20px;
}
.name
{
text-align: center;
background-color: rgb(48, 180, 87) ;
font-size: 40px;
margin : 10px;
opacity: 0.8;
padding: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: white;
}
section h1
{
text-align: center;
}
.vrac form input
{
float: left;
}
.pr60
{
position: relative;
left: 60px;
}
.pr400
{
position: relative;
left: 400px;
}
.center
{
text-align: center;
}
.center2
{
background-color: #9b4303;
text-align: center;
padding: 20px;
color: white!important;
margin: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
}
.center2 h3{
}
.lef
{
float: left;
}
.reg
{
float: right;
}
.rem
{
margin-top: -45px;
}
.lef form
{
float: left;
}
.siz p {
font-size: 20Px;
margin: 5px;
}
.siz{
margin: 10px;
}
.siz:nth-child(2) {
flex: 2;
background-color: rgb(48, 180, 87) ;
display: flex;
text-align: center;
justify-content: space-around;
flex-direction: column;
}
.siz:nth-child(4) {
flex: 2;
background :#f5a604;
display: flex;
text-align: center;
flex-direction: column;
}
.siz:nth-child(1) {
flex: 2;
background: rgb(48, 180, 87);
display: flex;
text-align: center;
flex-direction: column;
}
.siz:nth-child(3) {
flex: 2;
background: rgb(48, 180, 87);
display: flex;
text-align: center;
flex-direction: column;
}
.posuser
{
position: relative;
left: 300px;
top : 70px;
}
.error
{
color: red;
}
.adminmenu:nth-child(1)
{
display: flex;
flex: 3;
order: 1;
flex-direction: column;
margin: 20px;
}
.boxg
{
display: flex;
flex-direction: row;
}
.boxc
{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.b {
margin: 30px;
align-items: center;
}
.b input {
float: right;
height: 20px;
width: 130px;
}
.b p {
margin: 30px;
}
.b:nth-child(1)
{
display: flex;
flex-direction: column;
}
.b:nth-child(2)
{
display: flex;
flex-direction: column;
}
.b2 {
margin: 30px;
align-items: center;
}
.b2 input {
float: left;
height: 20px;
width: 130px;
}
.b2 p {
margin: 30px;
}
.b2:nth-child(1)
{
display: flex;
flex-direction: column;
}
.b2:nth-child(2)
{
display: flex;
flex-direction: column;
}
.adminmenu:nth-child(2)
{
margin: 20px;
display: flex;
flex: 1;
flex-direction: column;
order: 2;
justify-content:flex-start;
align-items:center;
}
.w {
display: flex;
flex-direction: column;
background: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
justify-content:flex-start;
align-items:center;
padding: 20px;
}
.adminmenu:nth-child(2) form
{
display: flex;
align-items: center;
margin: 5px 20px;
}
.adminmenu form input
{
width: 130px;
}
@media print
{
body {
padding-left: 30px;
}
#p , #f
{
display: none;
}
p{
font-size: 10px;
}
#hid
{
display: block;
font-size: 20px;
}
#hid2
{
display: block;
font-size: 20px;
}
.content{
visibility: hidden;
margin: auto;
}
.adminmenu:nth-child(1)
{
visibility: visible;
padding: 0 0 0 350px ;
width: 960px;
}
header ,.submit3{
visibility: hidden;
}
}
@media screen and (max-width: 1494px){
.select2 input{
width: 80px!important;
}
}
@media screen and (max-width: 1440px) {
.w{
}
body{
padding: 60px 0px;
}
.content
{
}
.select input{
width: 170PX!important;
background: rgb(48, 180, 87);
color: white;
height: 30px;
border: none;
}
.select2 input{
width: 70px!important;
}
}
@media screen and (max-width: 1345px)
{
.select2 input{
width: 60px!important;
}
}
@media screen and (max-width: 1301px)
{
.select2 input{
width: 50px!important;
}
}
@media screen and (max-width: 1280px) {
.content{
flex-direction: column;
}
.boxg img
{
width: 100%;
}
.log img {
width: 250px;
}
.log input {
width: 700px!important;
height: 130px;
font-size: 60px;
border: #96A629 solid;
}
.clientbox input{
width: 100%!important;
height: 130px;
font-size: 40px;
border: #96A629 solid;
}
.clientbox p{
width: 100%!important;
height: 130px;
font-size: 40px;
}
html {
background: #efefef;
}
body{
margin-top: 80px;
}
.element:nth-child(1) input {
height: 100px;
font-size: 45px;
width: 300px;
border: #96A629 solid;
}
.element:nth-child(1) textarea
{
height: 100px;
font-size: 45px;
width: 100%;
border: #96A629 solid;
}
.element:nth-child(1) .ok{
font-size: 45px;
align-items: center;
height: 100px;
}
.adminmenu:nth-child(2) .col table{
display: flex;
margin-bottom: 120px;
align-items: center;
justify-content: center;
}
.adminmenu:nth-child(1) .w
{
visibility: visible;
margin: 0;
}
.adminmenu:nth-child(2) input , .adminmenu:nth-child(2) select
{
height: 100px;
font-size: 45px;
width: 300px;
float: left;
}
.adminmenu:nth-child(2) w
{
display: flex;
justify-content:flex-start;
}
.w{
display: flex;
margin: auto;
}
.sect-colorb
{
display: flex;
flex-direction: row;
}
header {
height: 120px;
}
header h1{
margin: 0;
padding: 10px 0px;
font-size: 40px;
font-variant: small-caps;
float: left;
}
header li {
color:white;
}
nav{
float: right;
}
nav ul li a {
font-size: 30px;
}
nav ul li a:hover{
color: #5A1616;
}
nav ul {
margin: 0;
padding: 0px 0 0;
}
.col{
float : left;
margin-right: 20px ;
}
.last{
margin-right:0!important;
}
.col-1-12{
width: 90px ;
}
.col-2-12{
width: 200px ;
}
.col-3-12{
width: 310px ;
}
.col-4-12{
width:420px ;
}
.col-5-12{
width: 530px ;
}
.col-6-12{
width: 640px ;
}
.col-7-12{
width: 750px ;
}
.col-8-12{
width: 860px ;
}
.col-9-12{
width: 970px ;
}
.col-10-12{
width: 1080px ;
}
.col-11-12{
width: 1190px ;
}
h2{
font-family: 'Crimson Text', serif;
color:#333;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.name p {
font-size: 50px;
}
h1{
color:#333;
font-size: 25px;
text-transform: uppercase;
}
#f input , #f button {height: 100px;
font-size: 45px;
margin: 5px;
width: 100%!important;
float: left;}
h3{
color: #333;
font-size: 40px;
text-transform: uppercase;
}
p {
font-size: 20px;
}
header nav ul li
{
font-size: 30px;
}
.select select
{
width: 135PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 20px;
height: 30px;
border: none;
}
.submit3
{
font-size: 20px;
height: 30px;
}
.submit
{
font-size: 20px;
height: 50px;
}
.w input .w textaera {
border: 1px solid rgb(48, 180, 87);
}
.b form input
{
font-size: 20px;
height: 30px;
}
.submit2
{
font-size: 20px;
width: 100%!important;
}
.select input{
width: 170PX!important;
background: rgb(48, 180, 87);
color: white;
font-size: 20px;
height: 30px;
margin: 30Px 0;
border: none;
}
.siz
{
display: flex;
margin: auto;
}
.boxg{
flex-direction: column;
}
.select2 input{
width: 100px!important;
}
}