@charset "utf-8";
@charset "lang-fr";
/*
html,body,div,h1,li{
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
*/
/*
font-weight:bold;
color:#000099;
*/
html
body{height:100%; font-size:small;color:black;}
/*div{font-size:x-small;}*/
details{
border:0px 0px;
border-radius: 0px;
padding: 0px 0px;
}
tr{
/*
line-height: 5px;
min-height: 5px;
*/
height: 0px;
}
tr:hover td {background:#ffffff;}
tr:hover {background-color: #ffffff;}
tr:hover td {background-color: transparent or #000;}
tr:hover td {font-color:rgb(255,225,100);}
input,submit,textarea,select,form{font-size:small;}
b{font-size:x-small;}
td{font-size:x-small;}
button{font-size:x-small;}
buton{font-size:x-small;}
hr{color:RGB(240,230,240);}
div#boutoncfcib{
background:url(upload/011.jpg) no-repeat;
color:Red;
padding: 10px 15px;
border: 10px;
text-decoration:none;
-moz-border-radius: 16px 16px 0px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:160px 160px 160px 160px;
}
#qid {
padding: 10px 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 20px;
}
label.btn {
padding: 18px 60px;
white-space: normal;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s
}
label.btn:hover {
text-shadow: 0 3px 2px rgba(0,0,0,0.4);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1)
}
label.btn-block {
text-align: left;
position: relative
}
label .btn-label {
position: absolute;
left: 0;
top: 0;
display: inline-block;
padding: 0 10px;
background: rgba(0,0,0,.15);
height: 100%
}
label .glyphicon {
top: 34%
}
.menuyambere{
margin-left:-20px;
}
.element-animation1 {
animation: animationFrames ease .8s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames ease .8s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-ms-animation: animationFrames ease .8s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%
}
.element-animation2 {
animation: animationFrames ease 1s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames ease 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-ms-animation: animationFrames ease 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%
}
.element-animation3 {
animation: animationFrames ease 1.2s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames ease 1.2s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-ms-animation: animationFrames ease 1.2s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%
}
.element-animation4 {
animation: animationFrames ease 1.4s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
-webkit-animation: animationFrames ease 1.4s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-ms-animation: animationFrames ease 1.4s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%
}
@keyframes animationFrames {
0% {
opacity: 0;
transform: translate(-1500px,0px)
}
60% {
opacity: 1;
transform: translate(30px,0px)
}
80% {
transform: translate(-10px,0px)
}
100% {
opacity: 1;
transform: translate(0px,0px)
}
}
@-webkit-keyframes animationFrames {
0% {
opacity: 0;
-webkit-transform: translate(-1500px,0px)
}
60% {
opacity: 1;
-webkit-transform: translate(30px,0px)
}
80% {
-webkit-transform: translate(-10px,0px)
}
100% {
opacity: 1;
-webkit-transform: translate(0px,0px)
}
}
@-ms-keyframes animationFrames {
0% {
opacity: 0;
-ms-transform: translate(-1500px,0px)
}
60% {
opacity: 1;
-ms-transform: translate(30px,0px)
}
80% {
-ms-transform: translate(-10px,0px)
}
100% {
opacity: 1;
-ms-transform: translate(0px,0px)
}
}
.modal-header {
background-color: transparent;
color: inherit
}
.modal-body {
min-height: 205px
}
#loadbar {
position: absolute;
width: 62px;
height: 77px;
top: 2em
}
#entete {
margin-left:0px;
/*width:1%;*/
float:right;
}
.blockG {
position: absolute;
background-color: #FFF;
width: 10px;
height: 24px;
-moz-border-radius: 8px 8px 0 0;
-moz-transform: scale(0.4);
-moz-animation-name: fadeG;
-moz-animation-duration: .8800000000000001s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: linear;
-webkit-border-radius: 8px 8px 0 0;
-webkit-transform: scale(0.4);
-webkit-animation-name: fadeG;
-webkit-animation-duration: .8800000000000001s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: linear;
-ms-border-radius: 8px 8px 0 0;
-ms-transform: scale(0.4);
-ms-animation-name: fadeG;
-ms-animation-duration: .8800000000000001s;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: linear;
-o-border-radius: 8px 8px 0 0;
-o-transform: scale(0.4);
-o-animation-name: fadeG;
-o-animation-duration: .8800000000000001s;
-o-animation-iteration-count: infinite;
-o-animation-direction: linear;
border-radius: 8px 8px 0 0;
transform: scale(0.4);
animation-name: fadeG;
animation-duration: .8800000000000001s;
animation-iteration-count: infinite;
animation-direction: linear
}
#rotateG_01 {
left: 0;
top: 28px;
-moz-animation-delay: .33s;
-moz-transform: rotate(-90deg);
-webkit-animation-delay: .33s;
-webkit-transform: rotate(-90deg);
-ms-animation-delay: .33s;
-ms-transform: rotate(-90deg);
-o-animation-delay: .33s;
-o-transform: rotate(-90deg);
animation-delay: .33s;
transform: rotate(-90deg)
}
#rotateG_02 {
left: 8px;
top: 10px;
-moz-animation-delay: .44000000000000006s;
-moz-transform: rotate(-45deg);
-webkit-animation-delay: .44000000000000006s;
-webkit-transform: rotate(-45deg);
-ms-animation-delay: .44000000000000006s;
-ms-transform: rotate(-45deg);
-o-animation-delay: .44000000000000006s;
-o-transform: rotate(-45deg);
animation-delay: .44000000000000006s;
transform: rotate(-45deg)
}
#rotateG_03 {
left: 26px;
top: 3px;
-moz-animation-delay: .55s;
-moz-transform: rotate(0deg);
-webkit-animation-delay: .55s;
-webkit-transform: rotate(0deg);
-ms-animation-delay: .55s;
-ms-transform: rotate(0deg);
-o-animation-delay: .55s;
-o-transform: rotate(0deg);
animation-delay: .55s;
transform: rotate(0deg)
}
#rotateG_04 {
right: 8px;
top: 10px;
-moz-animation-delay: .66s;
-moz-transform: rotate(45deg);
-webkit-animation-delay: .66s;
-webkit-transform: rotate(45deg);
-ms-animation-delay: .66s;
-ms-transform: rotate(45deg);
-o-animation-delay: .66s;
-o-transform: rotate(45deg);
animation-delay: .66s;
transform: rotate(45deg)
}
#rotateG_05 {
right: 0;
top: 28px;
-moz-animation-delay: .7700000000000001s;
-moz-transform: rotate(90deg);
-webkit-animation-delay: .7700000000000001s;
-webkit-transform: rotate(90deg);
-ms-animation-delay: .7700000000000001s;
-ms-transform: rotate(90deg);
-o-animation-delay: .7700000000000001s;
-o-transform: rotate(90deg);
animation-delay: .7700000000000001s;
transform: rotate(90deg)
}
#rotateG_06 {
right: 8px;
bottom: 7px;
-moz-animation-delay: .8800000000000001s;
-moz-transform: rotate(135deg);
-webkit-animation-delay: .8800000000000001s;
-webkit-transform: rotate(135deg);
-ms-animation-delay: .8800000000000001s;
-ms-transform: rotate(135deg);
-o-animation-delay: .8800000000000001s;
-o-transform: rotate(135deg);
animation-delay: .8800000000000001s;
transform: rotate(135deg)
}
#rotateG_07 {
bottom: 0;
left: 26px;
-moz-animation-delay: .99s;
-moz-transform: rotate(180deg);
-webkit-animation-delay: .99s;
-webkit-transform: rotate(180deg);
-ms-animation-delay: .99s;
-ms-transform: rotate(180deg);
-o-animation-delay: .99s;
-o-transform: rotate(180deg);
animation-delay: .99s;
transform: rotate(180deg)
}
#rotateG_08 {
left: 8px;
bottom: 7px;
-moz-animation-delay: 1.1s;
-moz-transform: rotate(-135deg);
-webkit-animation-delay: 1.1s;
-webkit-transform: rotate(-135deg);
-ms-animation-delay: 1.1s;
-ms-transform: rotate(-135deg);
-o-animation-delay: 1.1s;
-o-transform: rotate(-135deg);
animation-delay: 1.1s;
transform: rotate(-135deg)
}
@-moz-keyframes fadeG {
0% {
background-color: #000
}
100% {
background-color: #FFF
}
}
@-webkit-keyframes fadeG {
0% {
background-color: #000
}
100% {
background-color: #FFF
}
}
@-ms-keyframes fadeG {
0% {
background-color: #000
}
100% {
background-color: #FFF
}
}
@media print {
.container {
width: auto;
}
@-o-keyframes fadeG {
0% {
background-color: #000
}
100% {
background-color: #FFF
}
}
@keyframes fadeG {
0% {
background-color: #000
}
100% {
background-color: #FFF
}
}
#div_dessus_div
{
background:transparent url(upload/logo202.gif) repeat scroll 0 0;
z-index:90;
width:100%;
height:100%;
}
.c100 {
font-size: 50px !important;
}
/* CSS */
.cModal {
...
visibility: hidden;
}
.cModal:target {
...
visibility: visible;
}
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 20%;
}
/*image span entourage dans les document cvs*/
.floatleft
{
float: left;
margin: 10px 15px 5px 10px;
}
.detailsaffichageContenuCopyright
{
font-size:x-small;
margin-left:5%;
margin-right:100px;
width:60%;
border: 0px rgb(255,255,255) outset;
border-color:(rgb(255,255,255));
height:0%;
}
.image span {
visibility: hidden;
}
.image img:hover + span {
visibility: visible;
}
.detailsaffichages0 {
width:100%;
height:10%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:left;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
}
.detailsaffichages {
width:100%;
height:100%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:left;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
}
.detailsaffichageContenuImageAccueil{
width:87%;
height:100%;
text-align:center;
margin-left: 7%;
margin-right: 0%;
float:left;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
}
.detailsaffichageContenuCopyright{
width:91.5%;
height:100%;
text-align:center;
margin-left: 5%;
margin-right: 1.5%;
float:left;
overflow:no;
border: 3px rgb(255,225,200) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
}
div#ama_span
{
margin-top:-5%;
float:left;
display:inline;
width:265px;
word-break:break-all;
word-wrap:break-word;
}
div#warnings {
width:80%;
height:10%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:next;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#txtHint{
width:90%;
height:auto;
text-align:center;
margin-left: 5%;
margin-right: 5%;
float:left;
resize:both;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
}
div#basculebotton{
width:80%;
margin-left: 10%;
font-color:blue;
font-size:2px;
text-align:left;
overflow:auto;
background-color:(rgb(25,240,250));
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#categorieProduits{
width:80%;
margin-left: 10%;
text-align:left;
font-color:rgb(55,225,100);
overflow:auto;
background-color:(rgb(25,240,250));
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#detailsaffichageContenuCopyright
{
font-size:x-small;
margin-left:5%;
margin-right:100px;
border: 0px rgb(255,255,255) outset;
border-color:(rgb(255,255,255));
height:0%;
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:16px 16px 16px 16px;
}
div#Montantpaypal {
width:80%;
height:10%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:next;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
td#celluleDeleteTout
{
/*width:10%;*/
}
div#Cruding
{
width:99.5%;
height:auto;
/* margin-left:0%;
margin-top:0%;*/
border:0px rgb(255,225,100) outset;
background-color:RGBA(250,250,250,250);
border-color:RGBA(20,20,10,10);
border-color:#ffffcc;
overflow:auto;
resize:both;
float:left;
-moz-border-radius: 1px,1px,1px,1px;
-webkit-border-radius:1px,1px,1px,1px;
border-radius:1px 1px 1px 1px;
text-align:left;
z-index:1;
}
div#Cruding3
{
width:99.5%;
height:auto;
margin-left:0.1%;
margin-top:0%;
border:2px rgb(255,225,100) outset;
background-color:RGBA(250,250,220,250);
border-color:RGBA(20,20,10,10);
border-color:#ffffcc;
overflow:auto;
float:left;
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:10px,10px,10px,10px;
border-radius:16px 16px 16px 16px;
text-align:left;
z-index:1;
}
div#Cruding1
{
width:94%;
height:auto;
margin-left:1%;
margin-top:2%;
margin-bottom:3%;
font-size:x-small;
margin-bottom:0.75%;
line-height:10px;
float:left;
-moz-border-radius:0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
box-shadow:0px 0px 0px gray;
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0px;
text-align:left;
z-index:0;
resize:both;
}
div#Cruding221
{
width:99%;
height:auto;
margin-left:0.5%;
margin-top:0%;
font-size:x-small;
color:Maroon;
margin-bottom:0.20%;
border:1px rgb(255,255,255);
background-color:RGBA(250,250,250,250);
border-color:RGBA(20,20,10,10);
border-color:#ffffcc;
/*overflow:auto;*/
float:left;
-moz-border-radius: 0px 0px 0px,0px;
-webkit-border-radius:0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
text-align:left;
z-index:0;
resize:both;
}
div#tbl
{
table-layout: fixed;
width: 200px;
}
div#Cruding1Printable
{
width:99%;
height:auto;
margin-left:5%;
margin-top:0%;
font-size:x-small;
color:Maroon;
margin-bottom:0.2%;
/*border-color:RGBA(20,20,10,10);
border:0px rgb(255,255,255) outset;
background-color:RGBA(255,255,255,200);
border-color:#ffffcc;*/
/*overflow:auto;*/
float:left;
-moz-border-radius: 1px 1px 1px,1px;
-webkit-border-radius:1px 1px 1px 1px;
border-radius:1px 1px 1px 1px;
text-align:left;
z-index:0;
resize:both;
}
div#divexecution {
/*color:black;*/
padding: 1px;
width:83.3%;
height:95%;
text-align:center;
margin-left:5%;
margin-right:1%;
margin-top: 1%;
margin-bottom:1%;
Line-Height:1;
float:next;
overflow:auto;
resize:both;
border: 1px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 1px,1px,1px,1px;
-webkit-border-radius:1px,1px,1px,1px;
border-radius:1px 1px 1px 1px;
}
div#divEnteteexecution {
width:80%;
height:95%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:next;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
text-decoration:none;
}
.banner:hover img{
transform:scale(.5);
}
.banner:hover img
{
transform:scale(1.25);
}
.banner:img{
transition: transform .25s ease;
}
.image span {
visibility: hidden;
}
.image img:hover + span {
visibility: visible;
}
option.icone1 {
padding-left: 60px; /* un peu plus large que l'image */
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
background-image: url(upload/Livres.jpg);
font-size:x-small;
}
div#frmFacturationPrint
{
width:100%;
height:10%;
text-align:center;
margin-left: 10%;
margin-right: 0%;
float:left;
overflow:auto;
/*border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);-moz-border-radius: 16px,16px,16px,16px;-webkit-border-radius:16px,16px,16px,16px; */
border-radius:6px 6px 6px 6px;
}
div#frmFacturationPrint2
{
width:50%;
height:10%;
text-align:center;
margin-left: 20%;
margin-right: 20%;
float:left;
overflow:auto;
/*border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px; */
}
#bouton a {
display:block;
width:50px;
Height:20px;
float:left;
Line-height:50px;
text-align:left;
vertical-align:middle;
//background:url(upload/011.jpg) no-repeat;
background:RGB(20,250,250);
color:Red;
text-decoration:none;
-moz-border-radius: 16px 16px 0px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
#bouton a:hover {
background:url(upload/016.jpg) no-repeat;
}
#bouton5 a {
display:block;
width:100px;
Height:30px;
position:;
float:left;
font-size:x-small;
margin-left: 10px;
margin-right:0px;
line-height:50px;
text-align:left;
vertical-align:middle;
background:url(upload/021.jpg) no-repeat;
color:Red;
text-decoration:none;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
#bouton5 a:hover {
background:url(upload/021.jpg) no-repeat;
z-index:10;
}
#map-canvas {
width: 100%;
height: 300px;
margin: 0px;
padding: 0px;
}
#boutonMois a {
display:block;
width:260px;
height:35px;
float:left;
margin:0px;
font-size:x-small;
vertical-align:top;
margin-top: 1px;
margin-bottom: 1px;
margin-left:1%;
margin-right:1px;
line-height:1px;
color:Blue;
text-decoration:none;
font:x-small;
text-align:left;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0px;
z-index:0;
}
#boutonMois a:hover {
z-index:1;
}
#boutonMoisRH a {
display:block;
Height:20px;
float:left;
margin:0px;
font-size:x-small;
vertical-align:middle;
margin-top: 10px;
margin-bottom: 10px;
margin-left:0%;
margin-right:1px;
line-height:1px;
color:Blue;
text-decoration:none;
border:0px solid #9FC6FF;
padding:0px;
font:x-small;
border:0px solid #9FC6FF;
padding:5px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 1px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
z-index:0;
border-radius:0px 0px 0px 0px;
}
#boutonMoisRH a:hover {
/*background:url(upload/021.jpg) no-repeat;*/
/*position:absolute;*/
background:RGB(250,250,250);
z-index:1;
}
/* ====== */
#tdLien{
width:1px;
link {color:#ff0000;text-decoration:none;}
visited {color:#0000ff;text-decoration:none;}
hover {text-decoration:none;}
}
#boutonMoisHaut a {
/*position:absolute;*/
display:block;
width:80px;
Height:20px;
font-size:x-small;
vertical-align:middle;
margin-top: 1px;
margin-bottom: 10px;
margin-right:1px;
line-height:1px;
text-align:left;
color:Blue;
text-decoration:none;
padding:0px;
font:x-small;
float:left;
background:RGB(255,255,250);
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 1px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0px;
z-index:1000;
}
#boutonMoisHaut a:hover {
/*background:url(upload/021.jpg) no-repeat;
position:absolute;*/
background:RGB(200,220,20);
z-index:15000;
}
/*=======*/
#boutonMois15 a {
display:block;
width:40px;
Height:12px;
position:;
float:left;
/*overflow:auto;*/
vertical-align:middle;
margin-top:0px;
margin-left:0px;
margin-right:1px;
margin-bottom: 2px;
line-height:20px;
text-align:center;
text-align: left;
font-size:x-small;
/*background:url(upload/logo202.gif) no-repeat;
color:Blue;
text-decoration:none;*/
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius:0px 0px 0px 0px;
box-shadow:0px 0px 0px gray;
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0;
z-index:10;
}
#boutonMois15 a:hover {
/*background:url(upload/021.jpg) no-repeat;
background:RGB(250,250,250);*/
z-index:1000;
}
#boutonMois2 a {
display:block;
width:120px;
Height:20px;
position:;
float:left;
/*overflow:auto;*/
vertical-align:middle;
margin-left: 10px;
margin-right:0px;
line-height:15px;
text-align:center;
font-size:x-small;
background:url(upload/logo202.gif) no-repeat;
color:Blue;
text-decoration:none;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px;
box-shadow:1px 1px 1px gray;
-moz-box-shadow:1px 1px 1px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:1px 1px 1px 1px;
}
#boutonMois2 a:hover {
background:url(upload/browse.jpg) no-repeat;
z-index:1000;
}
#boutonMois1 a {
display:block;
width:120px;
text-align:center;
Height:40px;
position:;
float:right;
/*overflow:auto;*/
vertical-align:middle;
margin-left: 10px;
margin-right:0px;
line-height:50px;
text-align:center;
font-size:x-small;
background:url(upload/021.jpg) no-repeat;
color:#222666;
text-decoration:none;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
#boutonMois1 a:hover {
background:url(upload/021.jpg) no-repeat;
z-index:1000;
}
#boutonChambre a {
display:block;
width:250px;
Height:50px;
margin-left: 100px;
margin-right: 10px;
float:left;
overflow:auto;
line-height:50px;
text-align:center;
vertical-align:middle;
//background:url(upload/011.jpg) no-repeat;
background:RGB(20,250,250);
color:Red;
text-decoration:none;
-moz-border-radius: 16px 16px 0px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
#bouton a:hover {
background:url(upload/016.jpg) no-repeat;
}
#boutonAcademique a {
display:block;
width:100px;
Height:20px;
float:left;
overflow: yes;
line-height:50px;
text-align:center;
vertical-align:middle;
//background:url(upload/011.jpg) no-repeat;
background:RGB(20,250,250);
color:Red;
text-decoration:none;
-moz-border-radius: 16px 16px 0px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
div#boutonAcademique a:hover {
background:url(upload/016.jpg) no-repeat;
}
/* CSS Document */
#body {
background-color: #ffffff;
/*height: auto;*/
width:90%;
/*font-family: Verdana,Arial, Helvetica, sans-serif; */
font-family:'Trebuchet MS',normal Verdana,Geneva,Arial,helvetica,sans-serif,Monospace;
font-family:"Trebuchet MS", "Geneva CY", Verdana,Monospace;
line-height: 1;
/*font-size:12px;*/
font-size:90%;
font-size: x-small;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-align: left;
margin-left: 0.1cm;
margin-right: 0.1cm;
margin-top: 0cm;
word-wrap:break-word;
scrollbar-3dlight-color:#cc9966;
scrollbar-arrow-color:#764f27;
scrollbar-base-color:#cc9966;
scrollbar-darkshadow-color:#cc9966;
scrollbar-face-color:#cc9966;
scrollbar-highlight-color:#f4ece3;
scrollbar-shadow-color:#cc9966;
background-attachment: scroll;
/*background-image: url(images/logo20.gif);*/
background-position: right top;
background-repeat: repeat;
letter-spacing: normal;
word-spacing: normal;
white-space: normal;
clear: right;
color: #000000;
float: left;
overflow: auto;
position: relative;
left: auto;
top: auto;
right: auto;
bottom: auto;
/*clip: rect(auto auto auto auto);*/
cursor: auto;
filter: Gris;
page-break-before: auto;
page-break-after: auto;
/* for pull-down menu to work in IE6*/
behavior:url("csshover2.htc");
}
#tab
{
border:1px solid #ffffff;
/* background-color:white;*/
text-align:center;
width:100%;
height:80px;
text-align:left;
margin-left: auto;
margin-right: auto;
}
#tab tbody tr:hover td {
background:#e8edff url('') repeat-x;
color:#000000;
text-decoration:none;
}
#tab a:hover {
text-decoration:underline;
text-decoration:none;
}
/* pull-down mainmenu css */
.mainmenu{
float: left;
width: 100%;
padding: 0;
/*text-align:center;
text-indent:5%;*/
}
.mainmenu ul {
float: left;
width: 100%;
list-style-type:none;
list-style:none;
line-height:1;
color:#0000FF;
background: #FFBBF0;
padding: 0;
border: solid #A0A0A4;
border-width: 0px 0;
margin: 0 0 0 0;
text-align: left;
}
.mainmenu a, .mainmenu a:visited {
display: block;
font-family:Arial, Helvetica, sans-serif;font-size:0.6em;font-weight:bold;font-style:normal;
text-decoration:underline;
text-decoration:none;
font-family:'Trebuchet MS',normal Verdana,Geneva,Arial,helvetica,sans-serif,Monospace;
color: #000FFF;
text-decoration: none;
padding: 1em 1em;
list-style-type:none;
text-align: left;
}
.mainmenu ul ul a{
width:100%;
height:70%;
list-style-type:none;
}
.mainmenu ul a{
width:1%;
list-style-type:none;
text-align: left;
}
.mainmenu li {
float: left;
margin:0;
padding:0;
list-style-type:none;
text-align: left;
}
.mainmenu ul li {float:left; position:relative;list-style-type:none; }
.mainmenu ul li a {white-space:nowrap;list-style-type:none;}
.mainmenu li ul {
position: absolute;
left: -999em;
height: auto;
width:15em;
list-style-type:none;
background: #FFFBF0;
font-weight: normal;
border-width: 1px;
text-align: left;
}
.mainmenu li li {
width:15em ;
list-style-type:none;
}
.mainmenu li li a{
width:13em ;
list-style-type:none;
}
.mainmenu li ul {
list-style-type:none;
}
.mainmenu li ul ul {
margin: -2.8em 0 0 13.5em;list-style-type:none;
text-align: left;
}
.ul_ch,
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
left: -999em;
text-align: left;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
left: auto;
z-index:9999;
text-align: left;
}
.mainmenu li:hover>ul.ul_ch
{
left: auto;
text-align: left;
}
.mainmenu li:hover{
background: #fffffC;
z-index:9999;
text-align: left;
}
.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
color:#FFFFFF;
z-index:9999;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a,
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited,
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
color:#0000FF;
z-index:9999;
}
.mainmenu li li:hover, .mainmenu li li li:hover,
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover
{
background: #CCCC99;
z-index:9999;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a,
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
color: #FFFFFF;
}
.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
color: #0000FF;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
color: #FFFFFF;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
color: #0000FF;
}
/* end of mainmenu css */
/*div {
text-align:left;
}*/
p#Alarme{
text-decoration:blink
text-align:center;
font:normal 1em Verdana,Geneva,Arial,helvetica,sans-serif; */
font-family:normal 1em Verdana,Geneva,Arial,helvetica,sans-serif;
font-family:'Trebuchet MS',normal Verdana,Geneva,Arial,helvetica,sans-serif,Monospace;
/*font-size:1.4em;
font-size:1.0em;*/
font-size:small;
}
div#inyongera{
width:500px;
height:50px;
float:right;
border-color:rgb(255,255,100);
background-color:rgb(255,240,250);
}
#myCanvas{
opacity:0.4;
}
div#corps{
background-color:rgb(250,250,230);
/*
border:0.5px solid #9FC6FF;
padding:5px;
width:700px;
height:350px;
*/
font-size:10px;
font-size:90%;
text-align:left;
overflow:auto;
float:left;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px;
-box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
div#div1
{
width:30px;
height:70px;
padding:0px;
border:0px solid #aaaaaa;
}
div#TotalWindow {
text-align:center;
/*position:absolute;
left:10%;
top:10%*/
border-radius:10px 0;
/*border:0.5px solid #9FC6FF;
padding:5px;
width:800px; */
height:50px;
border-color:rgb(255,255,100);
background-color:rgb(255,240,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#bandeau {
text-align:center;
/* border:0.5px solid #9FC6FF;
padding:5px;*/
/*width:800px;*/
height:20px;
background-color:rgb(255,240,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#bandeau_haut {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,240,250);
background:url(images/icon2.gif),url(images/icon6.gif);
background-repeat:no-repeat;
/*
border:0.5px solid #9FC6FF;
padding:5px;
transition:width 2s,height 2s, -moz-transform 2s;
-moz-transition:width 2s,height 2s, -moz-transform 2s;
-webkit-transition:width 2s;
transform:scaleX(20px);
-moz-transform:rotate3d(10,10,10,5deg);
-moz-transform:perspective(100);
-moz-transition-property:width;
-moz-transition-duration:1s;
-moz-transition-delay:1s;
-moz-transition-timing-function:linear;
animation:myfirst 2s;
-moz-animation:myfirst 2s;
-moz-transition-property:width;
float:right // juxstaposer les div
float:left
-moz-resize:both;
overflow:auto;
transform:rotateX(120deg);
-webkit-transform:rotateX(120deg);
-moz-transform:rotateY(120deg);*/
background-size:100% 100%;
-moz-background-size:100% 100%;
-webkit-background-origin:content_box;
background-origin:content_box;
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
/* background:url(images/houx2.gif) no-repeat left top,
url(images/houx2.gif) no-repeat right top,
url(images/houx2.gif) no-repeat left bottom,
url(images/houx2.gif) no-repeat right bottom;
*/
}
@font-face {
font-family: 'quadranta';
src: url('quadranta.eot');
src: url('quadranta.otf') format('truetype'),
url('quadranta.woff') format('woff'),
url('quadranta.eot?#iefix') format('embedded-opentype'),
url('quadranta.svg#QuadrantaBold') format('svg');
font-weight: normal;
font-style: normal;
}
@-moz-keyframes myfirst
{
/*from{background:yellow;} to { background:green;}*/
0% {background:rgb(255,255,225);left:200px;top:0px;}
25%{background:rgb(250,255,100);left:200px;top:120px;}
50%{background:rgb(25,255,50);left:200px;top:130px;}
75%{background:rgb(25,255,30);left:200px;top:150px;}
100%{background:rgb(255,255,0);left:200px;top:400px;}
}
div#boutonnavigation{
width:500px;
Height:500px;
background:rgb(20,25,100);
}
div#boutonnavigationmois{
width:50px;
Height:50px;
float:left;
background:rgb(200,250,100);
box-shadow:10px 10px 10px #888888;
border-image:url(images/logo1.gif) 30 30 round;
-moz-border-image:url(images/logo1.gif) 30 30 round;
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
img#NewsImageId{
width:200px;
height:200px;
}
div#NewsPhoto{
margin-left:20%;
margin-right:0%;
text-align:Left;
float:left;
white-space:normal;
}
div#NewsTitre{
margin-left:0%;
margin-right:20%;
float:left;
text-align:left;
white-space:normal;
}
div#NewsAuthors{
margin-left:0%;
margin-right:20%;
float:right;
text-align:left;
white-space:normal;
}
div#NewsContenu{
margin-left:30%;
margin-right:30%;
float:left;
width:40%;
background-color:rgb(255,250,250);
border-right: 0px solid rgb(255,240,50);
-moz-border-radius:16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#NewsResumee{
margin-left:20%;
margin-right:20%;
float:left;
width:40%;
background-color:rgb(255,250,250);
border-right: 0px solid rgb(255,240,50);
-moz-border-radius:16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#bandeau_logo {
text-align:center;
/*border:0.5px solid #9FC6FF;
padding:5px;*/
/*width:800px;*/
height:20px;
background-color:rgb(255,240,250);
box-shadow:10px 10px 10px #888888;
border-image:url(images/logo1.gif) 30 30 round;
-moz-border-image:url(images/logo1.gif) 30 30 round;
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#bandeau_haut_logo {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,240,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
}
div#TS {
text-align:center;
width:50px;
height:20px;
float:left;
background-color:rgb(255,240,250);
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px;
}
div#bandeau_haut_logo_gauche {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,00,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
}
div#bandeau_haut_logo_centre {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,00,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
}
div#bandeau_haut_logo_droit {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,100,250);
-moz-border-radius: 16px 16px 0 0;
-webkit-border-radius: 16px;
}
div#bandeau_intermediaire {
text-align:center;
/*
width:800px;
height:20px;
border:0.5px solid #9FC6FF;
padding:5px;
*/
background-color:rgb(255,240,250);
background-color:burlywood;
/*
background-color:#FFFF33;
background-color:#FFFF66;
background-color:#FFFF99;
background-color:#FFFF99;
background-color:#FFFFcc;
*/
-moz-border-radius: 16px 0px 16px 0;
-webkit-border-radius: 16px;
}
div#bandeau_menu{
text-align:left;
height:1px;
margin-left:5%;
margin-right:15%;
font-family:normal 1em Verdana,Geneva,Arial,helvetica,sans-serif;
font-family:'Trebuchet MS',normal Verdana,Geneva,Arial,helvetica,sans-serif,Monospace;
/* border:0.5px solid #9FC6FF;
padding:5px;
font-size:small;*/
background-color:#ffffff;
-moz-border-radius: 0px 0px 0 0;
-webkit-border-radius: 1px;
}
div#dateaujourd {
text-align:center;
/*width:800px;*/
height:20px;
background-color:rgb(255,240,250);
-moz-border-radius: 16px 0px 0 0;
-webkit-border-radius:16px;
}
div#ParaBar
{
margin-left:20%;
}
div#iprime0
{
margin-top:2%;
margin-left:20%;
margin-right:20%;
}
div#contenu {
text-align:center;
border:0.5px solid #9FC6FF;
padding:5px;
font:normal 1em Verdana,Geneva,Arial,helvetica,sans-serif;
font-family:normal 1em Verdana,Geneva,Arial,helvetica,sans-serif;
font-family:'Trebuchet MS',normal Verdana,Geneva,Arial,helvetica,sans-serif;
/*font-size:1.4em;
font-size:1.0em;
font-size:small;*/
width:90%;
/*height:50%;*/
margin-left:1%;
overflow:scroll;
float:auto;
resize:both;
/*height:100%;*/
background-color:rgb(250,255,255);
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 1px;
}
P#blink {
animation-duration: 1s;
animation-name: blink;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
}
div#menu_liste_gauche {
/* width:150px;
height:700px;*/
background-color:rgb(250,250,210);
background-color:#fffBa0;
border:0.5px solid #9FC6FF;
padding:5px;
font-size: smaller;
text-align:left;
overflow:auto;
float:left;
-moz-border-radius: 16px 0px 0px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
}
div#menu_liste_gauche_haut {
text-align:center;
width:150px;
height:170px;
text-align:left;
overflow:auto;
background-color:#fffBa9;
-moz-border-radius: 0px;
-webkit-border-radius: 16px;
}
div#Facturation{
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#ffffff;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
div#ModePaiement {
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
/*background-color:#fffBa9;*/
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
div#Cmd_paniers
{
text-align:left;
margin-left: 20px;
margin-right: 20px;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
div#Employee {
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#cccccc;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
div#masterauto {
text-align:center;
width:80%;
height:20%;
text-align:left;
margin-left:auto;
margin-right:auto;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:0px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
box-shadow:1px &px 1px rgb(255,240,50);
-moz-box-shadow:1px 1px 10px gray;
-webkit-box-shadow:1px 1px 10px gray
z-index:10;
border-radius:3px 3px 3px 3px;
}
div#TextReservation{
text-align:center;
width:auto;
height:auto;
text-align:left;
margin-left:20px;
margin-right:auto;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:0px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
box-shadow:1px &px 1px rgb(255,240,50);
-moz-box-shadow:1px 1px 10px gray;
-webkit-box-shadow:1px 1px 10px gray
z-index:10;
border-radius:3px 3px 3px 3px;*/
}
div#masterimage {
text-align:center;
width:96%;
height:auto;
text-align:left;
margin-left: 2%;
margin-right: 2%;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;*/
}
div#masterimageentete {
text-align:center;
width:87%;
height:2%;
margin-left: 1.7%;
margin-right: 2%;
/*overflow:auto;*/
/*background-color:#fffBa9;
background-color:#E4EFFF;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;*/
}
div#masterimageentete1 {
text-align:center;
width:87%;
height:2%;
margin-left: 0%;
margin-right: 2%;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#mapholder{
text-align:center;
height:100%;
resize:both;
overflow:auto;
border:0px solid #FFFFFF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#mapCanvas10{
text-align:center;
height:100%;
resize:both;
overflow:auto;
border:0px solid #FFFFFF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm26 {
text-align:left;
width:89%;
height:auto;
text-align:left;
margin-left: 2%;
margin-right: 5%;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm {
text-align:left;
/*width:94.6%;
height:auto;*/
text-align:left;
margin-left: 0%;
margin-top: 0%;
margin-bottom: 0%;
resize:both;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm20 {
text-align:left;
width:89%;
height:30px;
text-align:left;
margin-left: 4.5%;
margin-right: 5%;
overflow:scroll;
resize:both;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm_gras5 {
text-align:left;
/*width:93.5%;*/
width:97.7%;
text-align:left;
resize:both;
overflow:auto;
margin-top:0px;
float:left;
background-color:RGB(255,255,250);
/* background-color:#E4EFFF;*/
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
z-index:0.3;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm_gras {
text-align:left;
width:100%;
height:40px;
text-align:left;
margin-left:0%;
margin-right:0%;
margin-top:0%;
resize:both;
/*overflow:auto;*/
background-color:RGB(255,255,250);
/* background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:0.3;
border-radius:0px 0px 0px 0px;
}
div#Cruding30
{
width:70px;
height:300px;
resize:both;
background-color:RGB(255,255,250);
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:10px 10px 10px gray;
-webkit-box-shadow:10px 10px 10px gray
z-index:0.3;
border-radius:10px 10px 10px 10px;
}
div#masterimagefrm_auto {
text-align:left;
width:95%;
height:auto;
text-align:left;
margin-left: 0%;
margin-right: 5%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:1px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:1px 1px 1px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:1px 1px 1px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm_autobar0{
text-align:left;
width:98%;
height:auto;
text-align:left;
margin-left: 1%;
margin-right: 1%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:1px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 1px rgb(255,240,50);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:1px 1px 1px gray
z-index:10;
border-radius:1px 1px 1px 1px;
}
div#masterimagefrm_autoJournal{
text-align:left;
width:95%;
height:auto;
text-align:left;
margin-left: 0%;
margin-right: 5%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:1px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm_auto2000 {
text-align:left;
width:95%;
height:20%;
text-align:left;
margin-left: 1%;
margin-right: 5%;
margin-bottom: 1%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,250,250);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm_autoRapports {
text-align:left;
width:70%;
height:200px;
text-align:left;
margin-left: 0.5%;
margin-right: 5%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:5px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm_autoMultiDimension {
text-align:left;
width:99.5%;
height:auto;
text-align:left;
margin-left: 0.0%;
margin-right: 5%;
overflow:auto;
/*resize:both;*/
background-color:#F5F5DC;
padding:5px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 1px gray;
-webkit-box-shadow:2px 2px 1px gray
z-index:10;
border-radius:1px 1px 1px 1px;
}
div#masterimagefrm_auto00 {
text-align:left;
width:10%;
height:auto;
text-align:left;
margin-left: 0.5%;
margin-right: 5%;
overflow:auto;
float:left;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:5px;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 1px 1px1px1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:px px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm_auto20 {
text-align:left;
width:95%;
height:40%;
text-align:left;
margin-left: 0.5%;
margin-right: 5%;
overflow:auto;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:5px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterimagefrm_auto210 {
text-align:left;
width:40%;
height:40%;
text-align:left;
margin-left: 0.5%;
margin-right: 0.5%;
overflow:auto;
float:left;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:0px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 1px rgb(255,240,50);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:2px 2px 1px gray
z-index:1;
border-radius:1px 1px 1px 1px;
}
div#masterimagefrm_auto210 {
text-align:left;
width:40%;
height:40%;
text-align:left;
margin-left: 0.5%;
margin-right: 0.5%;
overflow:auto;
float:left;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:0px;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 1px rgb(255,240,50);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:2px 2px 1px gray
z-index:1;
border-radius:1px 1px 1px 1px;
}
div#masterimagefrm_auto2100{
text-align:left;
width:40%;
height:auto;
text-align:left;
margin-left: 0.5%;
margin-right: 0.5%;
overflow:auto;
float:left;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
background-color:#ffffff;
padding:0px;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:1;
border-radius:0px 0px 0px 0px;
}
div#masterimagefrm1 {
text-align:center;
width:94%;
height:auto;
text-align:left;
margin-left: 5%;
margin-right: 0%;
margin-bottom:0.5%;
overflow:auto;
margin-top:0px;
resize:both;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0px;
z-index:100;
}
div#masterimagefrm01 {
/*position:absolute;*/
text-align:center;
width:99%;
height:auto;
text-align:left;
margin-left: 0%;
margin-right: 0%;
margin-bottom:0.5%;
overflow:auto;
margin-top:0px;
resize:both;
border:0px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
border-radius:0px 0px 0px 0px;
z-index:10;
}
div#masterimagefrm700
{
text-align:center;
width:95%;
top:100px;
Line-Height:1;
height:100px;
text-align:left;
margin-left: 10%;
margin-right: 0%;
overflow:auto;
margin-top:0px;
resize:both;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
#fieldset {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right:0px;
border: 0px groove (internal value);
}
div#mastermenu {
text-align:center;
width:88%;
height:auto;
text-align:left;
margin-left: 10%;
margin-right:5%;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
.ImageImpression
{
z-index:0;
}
div#master {
text-align:left;
width:99%;
height:auto;
text-align:left;
margin-left:1%;
margin-right:0%;
overflow:auto;
background-color:#fffBa9;
background-color:#FFFFFF;
/*background:url(upload/bisnet_bg.jpg) no-repeat;*/
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 10px 10px 1px 1px;
-webkit-border-radius: 10px 10px 1px 1px;
box-shadow:1px 1px 1px rgb(255,240,250);
-moz-box-shadow:1px 0px 10px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:5px 5px 0px 0px;
}
div#map {
text-align:center;
height:100%;
resize:both;
overflow:auto;
border:0px solid #FFFFFF;
padding:0px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 1px rgb(255,240,50);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:2px 2px 1px gray
z-index:10;
border-radius:1px 1px 1px 1px;
}
div#mapholder{
text-align:center;
height:100%;
resize:both;
overflow:auto;
border:1px solid #9FC6FF;
padding:0px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:1px 1px 1px rgb(255,240,50);
-moz-box-shadow:1px 1px 1px gray;
-webkit-box-shadow:1px 1px 1px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
div#mapCanvas10{
text-align:center;
height:auto;
width:auto;
resize:both;
overflow:auto;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:1px 1px 1px rgb(155,140,50);
-moz-box-shadow:1px 1px 1px gray;
-webkit-box-shadow:1px 1px 1px gray
z-index:1;
border-radius:1px 1px 1px 1px;
}
div#mastertitle {
text-align:center;
width:97%;
margin-top:0px;
height:auto;
text-align:center;
margin-left: 1%;
margin-right: 1%;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:0px solid #9FCFFF;
padding:0px;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray
z-index:10;
border-radius:0px 0px 0px 0px;
}
.mainmenu {
width:100%;
border:0px solid #9FC6FF;
padding:1px;
margin-left:1%;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,250,250);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
#tdGraph
{
width:10px;
}
.mainmenu5 {
width:4%;
border:0px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,255,255);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#mastercamera {
text-align:center;
width:90%;
height:70%;
text-align:left;
margin-left: 5%;
margin-right: 5%;
overflow:left;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#mastervideo
{
text-align:center;
width:91%;
height:80%;
text-align:left;
margin-left: 10%;
margin-right: 10%;
float:center;
overflow:auto;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:1px 1px 1px 1px;
}
div#Mama{
text-align:center;
width:90%;
height:60%;
text-align:left;
margin-right: 15%;
margin-left: 5%;
overflow:scroll;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#master200 {
text-align:center;
width:95%;
height:10%;
text-align:left;
margin-left: 2%;
margin-right: 2%;
float:left;
overflow:auto;
/*background-color:#fffBa9;
background-color:#E4EFFF;*/
border:0px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,255,250);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#mastercentree{
text-align:center;
width:100%;
height:auto;
text-align:center;
margin-left: 0%;
margin-right: 0%;
overflow:auto;
/*background-color:#fffBa9;*/
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
}
div#master100{
width:90%;
margin-top:15px;
/*height:auto;*/
text-align:left;
margin-left: 5%;
margin-right: 0%;
overflow:auto;
/*resize:both;*
white-space:normal; /*: le passage à la ligne est automatique (par défaut) nowrap : pas de passage à la ligne automatique, à moins qu'une balise xHTML comme
ne soit présente. pre : le passage à la ligne se fait tel que le texte a été saisi dans le code source (comme la balise xHTML )*/
/*background-color:#fffBa9;*/
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#masterDetail{
text-align:center;
width:80%;
height:auto;
text-align:left;
margin-left: 20%;
margin-right: 0%;
overflow:auto;
/*background-color:#fffBa9;*/
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#master0{
text-align:center;
width:15%;
height:auto;
text-align:left;
float:left;
//overflow:auto;
/*background-color:#fffBa9;*/
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
z-index:10;
border-radius:6px 6px 6px 6px;
}
div#div_ftypesorties {
text-align:center;
width:80%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
/*background-color:#fffBa9;*/
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray
border-radius:6px 6px 6px 6px;}
div#div_femail {
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#ccccaa;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#div_femail1 {
text-align:center;
width:98%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#ffffcc;
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
border-top: 2px solid rgb(255,20,50);
border-bottom: 2px solid rgb(25,240,50);
-moz-border-radius:16px 16px 16px 16px;
-webkit-border-radius:16px 16px 16px 16px;
border-radius:6px 6px 6px 6px;
}
div#div_femail11 {
text-align:center;
width:30%;
height:auto;
text-align:center;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#ffffcc;
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
border-top: 2px solid rgb(25,240,50);
border-bottom: 2px solid rgb(25,240,50);
-moz-border-radius:16px 16px 16px 16px;
-webkit-border-radius:16px 16px 16px 16px;
border-radius:6px 6px 6px 6px;
}
div#frmclients{
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
background-color:#ccccaa;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#fCompte{
text-align:center;
width:100%;
height:auto;
text-align:left;
margin-left: auto;
margin-right: auto;
overflow:auto;
/*background-color:#ccccaa;*/
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#fModePaiement {
text-align:center;
width:350px;
height:100px;
text-align:left;
float:right;
overflow:auto;
background-color:#fffBa9;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#map {
text-align:center;
height:100%;
resize:both;
overflow:auto;
border:0px solid #FFFFFF;
padding:0px;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px 1px 1px 1px;
box-shadow:2px 2px 1px rgb(255,240,50);
-moz-box-shadow:2px 2px 1px gray;
-webkit-box-shadow:2px 2px 1px gray
z-index:10;
border-radius:1px 1px 1px 1px;
}
div#ContenuCentrale {
text-align:center;
width:100%;
height:80%;
text-align:left;
float:right;
overflow:auto;
background-color:#fffBa9;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#lclients {
text-align:center;
width:100%;
height:100px;
text-align:left;
float:left;
overflow:auto;
background-color:#fffBa9;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#chambrechoix {
text-align:center;
width:100%;
height:90%;
text-align:left;
float:left;
/*resize:both; */
overflow:auto;
overflow:auto;
background-color:#fffBa9;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#employeactif {
text-align:center;
width:100%;
/*height:90%;*/
text-align:left;
float:left;
/*resize:both; */
overflow:auto;
margin-left: 30%;
margin-right: 30%;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#menu_liste_haut_droite_inside3{
height:100px;
text-align:left;
overflow:auto;
}
div#menu_liste_gauche_haut1{
text-align:center;
/*width:250px;
height:170px;*/
text-align:left;
overflow:auto;
/*float:right;
background-color:#fffBa9;*/
-moz-border-radius: 0px;
-webkit-border-radius: 16px;
}
div#menu_liste_gauche_bas {
text-align:center;
/*width:150px;
height:170px;*/
text-align:left;
overflow:auto;
background-color:#fffBa0;
-moz-border-radius: 0px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#menu_liste_gauche_bas1 {
text-align:center;
text-align:left;
float:right;
background-color:#fffBa0;
-moz-border-radius: 0px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#menu_liste_haut_inside {
text-align:center;
background-color:rgb(255,240,250);
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#menu_liste_haut_inside1{
text-align:center;
float:right;
background-color:rgb(255,240,250);
background-color:burlywood;
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
}
div#menu_liste_haut_inside2{
text-align:center;
float:left;
background-color:rgb(255,240,250);
background-color:burlywood;
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
}
div#menu_liste_haut_inside_mgr{
text-align:center;
width:160px;
height:25px;
float:left;
background-color:rgb(255,240,250);
background-color:burlywood;
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
}
div#menu_liste_haut_inside_bas{
text-align:center;
/* width:100px;
height:100%;*/
float:left;
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
}
div#menu_liste_bas_inside {
text-align:center;
width:100px;
height:20px;
background-color:rgb(255,240,250);
-moz-border-radius: 0px 16px 0px 16px;
-webkit-border-radius: 16px;
}
/*Joue le role du corps */
div#floatdroite{
/*Joue le role du corps */
background-color:rgb(255,255,255);
border:0px solid #9FC6FF;
width:50.2%;
height:100%;
/*height:400px;
position: relative;*/ /* on positionne le conteneur :absolute or relative*/
/* background-color:rgb(250,250,210); */
border:1px solid #9FC6FF;
padding:0px;
position: relative; /* on positionne le conteneur :absolute or relative*/
margin-left: 5%;
margin-right:0;
margin-bottom:0.4%;
font-size: smaller;
text-align:left;
float:left;
resize:both;
overflow:auto;
-moz-border-radius: 1px 1px 1px 1px;
-webkit-border-radius: 1px;
-moz-box-shadow:1px 1px 1px gray;
-webkit-box-shadow:1px 1px 1px gray;
border-radius:1px 1px 1px 1px;
z-index:0;
position:relative;
z-index:0;
}
/*Joue le role du corps shape */
div#floatdroite1{
/*Joue le role du corps */
background-color:rgb(255,255,255);
border:0.5px solid #9FC6FF;
padding:px;
/*width:487px;
height:116px;*/
position: relative; /* on positionne le conteneur :absolute or relative*/
margin-left: auto;
margin-right: auto;
font-size: smaller;
text-align:left;
overflow:auto;
float:center;
resize:both;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
z-index:0;
}
div#Partiedroite{
/*width:16%; */
width:0%;
height:30%;
/*border:0.5px solid #9FC6FF;
padding:5px;*/
position: relative; /* on positionne le conteneur :absolute or relative*/
margin-left: auto;
margin-right: auto;
font-size: smaller;
text-align:left;
overflow:auto;
float:right;
/* -moz-border-radius: 0px 16px 16px 0px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;*/
}
div#Partiebas{
width:100;
height:50px;
background-color:rgb(250,250,210);
background-color:#fffBa0;
/*border:0.5px solid #9FC6FF;
padding:5px;*/
font-size: smaller;
text-align:left;
overflow:auto;
float:right;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
}
#Timeseries
{
background-color:rgb(250,250,250);
width:10%;
float:left;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
}
#Timeseries2
{
background-color:rgb(20,200,200);
width:10%;
float:left;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
}
div#Partiebas_modules{
width:100%;
height:30px;
background-color:rgb(250,250,210);
background-color:#fffBa0;
/*border:0.5px solid #9FC6FF;
padding:5px;*/
font-size: smaller;
text-align:center;
overflow:auto;
float:center;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
#chambreDescription
{
width:80%;
height:auto;
text-align:center;
margin-left: 60px;
margin-right: 10px;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
#historiqueOccupation
{
width:80%;
height:auto;
text-align:center;
margin-left: 60px;
margin-right: 10px;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#divgitega
{
float:left;
margin-left:50px;
border-color:"red";
}
div#pied_page {
text-align:center;
/*margin-right:20px;
margin-left:20px;
margin-bottom:20px;
border:0.5px solid #9FC6FF;
padding:5px; */
font-size:x-small;
font-family:Verdana,Geneva,Arial,sans-serif;
/*width:300px;*/
height:50px;
float:middle;
background-color:rgb(255,240,250);
/*background:url(images/icon2.gif);*/
background-size:100% 100%;
-moz-background-size:100% 100%;
-moz-border-radius: 0px 0px 16px 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
/*position:absolute;
left:9%;
left:21%;
position:absolute;
left:9%;
top:100%;*/
}
div#PartieGaucheAvecDateCheck{
text-align:center;
width:150px;
height:170px;
text-align:left;
overflow:auto;
background-color:#fffBa0;
-moz-border-radius: 0px;
-webkit-border-radius: 16px; }
Div#TitreReservationChambre
{
text-align:center;
width:98%;
height:auto;
text-align:center;
color:rgb(25,21,210);
overflow:auto;
background-color:rgb(250,240,200);
-moz-border-radius: 16px 16px 0px 0px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
Div#TitreReservationChambre1
{
text-align:center;
width:98%;
height:90%;
text-align:center;
color:rgb(25,21,210);
overflow:auto;
//float:left;
/*background-color:rgb(250,250,180);
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray; */
}
div#champ{
width:100%;
height:100%;
text-align:center;
margin-left: 50%;
margin-right: 0%;
float:left;
overflow:auto;
border: 3px rgb(55,225,100) outset;
border-color:(rgb(55,225,100));
-moz-border-radius: 16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div#FicheClient
{
width:80%;
height:auto;
text-align:center;
margin-left: 150px;
margin-right: 180px;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#PointVenteTactile{
width:20%;
height:10%;
text-align:center;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
div#PointVenteTactile11{
width:80%;
margin-left:10%;
text-align:center;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,240,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
border-radius:6px 6px 6px 6px;
}
div#PointVenteTactile13{
width:79%;
margin-left:10%;
text-align:left;
float:left;
overflow:auto;
border: 1px rgb(155,255,100) outset;
border-color:(rgb(155,255,100));
background-color:(rgb(255,240,250));
border-left: 1px solid rgb(255,240,50);
border-right: 1px solid rgb(255,240,50);
}
div#affichageContenu{
width:40%;
height:10%;
text-align:left;
float:left;
overflow:auto;
border: 3px rgb(55,5,100) outset;
border-color:(rgb(55,5,100));
background-color:(rgb(255,250,250));
border-left: 2px solid rgb(255,240,50);
border-right: 2px solid rgb(255,240,50);
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius:6px 6px 6px 6px;
}
#input
{
Height:20px;
font-size:small;
}
/*css file*/
/*
.pagin {
padding: 10px 0;
font:bold 11px/30px arial, serif;
}
.pagin * {
padding: 2px 6px;
color:#0A7EC5;
margin: 2px;
border-radius:3px;
}
.pagin a {
border:solid 1px #8DC5E6;
text-decoration:none;
background:#F8FCFF;
padding:6px 7px 5px;
}
.pagin span, a:hover, .pagin a:active,.pagin span.current {
color:#FFFFFF;
background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);
}
.pagin span,.current{
padding:8px 7px 7px;
}
.content{
padding:10px;
font:bold 12px/30px gegoria,arial,serif;
border:1px dashed #0686A1;
border-radius:5px;
background:-moz-linear-gradient(top,#E2EEF0 1px,#CDE5EA 1px,#E2EEF0);
margin-bottom:10px;
text-align:left;
line-height:20px;
}
.outer_div{
margin:auto;
width:600px;
}
#loader{
position: absolute;
text-align: center;
top: 75px;
width: 100%;
display:yes;
}
*/
disponible
{
background-color:#fffBa0;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
}
fx_ChoixIndexHact();
$fg->hactindex ;
if($fg->hactindex=='index.php')
{
ul li img:hover
{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
ul li img
{
-webkit-transition: all .5s cubic-bezier( .6, 2, .4, 1);
-moz-transition: all .5s cubic-bezier( .6, 2, .4, 1);
-ms-transition: all .5s cubic-bezier( .6, 2, .4, 1);
-o-transition: all .5s cubic-bezier( .6, 2, .4, 1);
transition: all .5s cubic-bezier( .6, 2, .4, 1);
}
ul:hover li img:not(:hover)
{
-webkit-filter: grayscale(1) blur(5px);
-moz-filter: grayscale(1) blur(5px);
-ms-filter: grayscale(1) blur(5px);
-o-filter: grayscale(1) blur(5px);
filter: grayscale(1) blur(5px);
}
ul{
width:300px;
height:50px;
margin:0px auto;
}
ul li
{
list-style:none;
float:left;
width:0px;
height:100px;
margin:0px;
}
ul li:nth-child(3)
{
clear:left;
}
ul img
{
position:absolute;
z-index:1;
height:80px;
width:auto;
margin:0; box-shadow:0 0 3px black;
-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
-moz-transition:all .5s cubic-bezier(.6,2,.4,1);
-ms-transition:all .5s cubic-bezier(.6,2,.4,1);
-o-transition:all .5s cubic-bezier(.6,2,.4,1);
transition:all .5s cubic-bezier(.6,2,.4,1);
}
ul li:hover img
{
z-index:5;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
box-shadow:0 0 10px black;
}
ul:hover li:not(:hover) img
{
-webkit-filter: grayscale(1) blur(5px);
-moz-filter: grayscale(1) blur(5px);
-ms-filter: grayscale(1) blur(5px);
-o-filter: grayscale(1) blur(5px);
filter: grayscale(1) blur(5px);
}
}
/* source: http://www.ehow.com/how_12214447_make-collapsing-lists-java.html */
/*
.FAQ {
vertical-align: top;
height:auto !important;
z-index:30;
}
.list {
display:none;
height:auto;
margin-left:10px;
Overflow:auto;
z-index:30;
}
.show {
display: none;
}
.hide:target + .show {
display: inline;
}
.hide:target {
display: none;
}
.hide:target ~ .list {
display:inline;
}
.hide, .show {
width: 30px;
height: auto;
border-radius: 10px;
font-size: 15px;
color: #fff;
text-shadow: 0 1px 0 #666;
text-align: center;
text-decoration: none;
box-shadow: 100px 100px 100px #000;
background: #111bbb;
opacity: 0.5;
margin-right: 10px;
float: left;
margin-bottom: 0.5px;
z-index:30;
}
.hide:hover, .show:hover {
color: #eee;
text-shadow: 10px 10px 10px #666;
text-decoration: none;
box-shadow: 100px 100px 110px #222 inset;
opacity: 0.7;
margin-bottom: 0.5px;
z-index:30;
}
.list p{
height:auto;
margin:0px;
z-index:30;
}
.question {
float: left;
height: auto;
width: 90%;
line-height: 0px;
padding-left: 0px;
margin-bottom: 0px;
font-style: italic;
text-align: left;
}
.FAQ20 {
vertical-align: top;
height:auto !important;
z-index:30;
}
.list20 {
display:none;
height:auto;
margin:10px;
Overflow:auto;
z-index:30;
}
.show20 {
display: none;
}
.hide20:target + .show {
display: inline;
}
.hide20:target {
display: none;
}
.hide20:target ~ .list {
display:inline;
}
.hide20, .show20 {
width: 30px;
height: auto;
border-radius: 10px;
font-size: 15px;
color: #fff;
text-shadow: 0 1px 0 #666;
text-align: center;
text-decoration: none;
box-shadow: 100px 100px 100px #000;
background: #111bbb;
opacity: 0.5;
margin-right: 10px;
float: left;
margin-bottom: 25px;
z-index:30;
}
.hide20:hover, .show20:hover {
color: #eee;
text-shadow: 10px 10px 10px #666;
text-decoration: none;
box-shadow: 400px 400px 440px #222 inset;
opacity: 0.7;
margin-bottom: 20px;
z-index:30;
}
.list20 p{
height:auto;
margin:0px;
z-index:30;
}
.question20 {
float: left;
height: auto;
width: 90%;
line-height: 0px;
padding-left: 0px;
margin-bottom: 0px;
font-style: italic;
text-align: left;
}
.FAQ5 {
vertical-align: top;
height:auto !important;
z-index:30;
}
.list5 {
display:none;
height:auto;
margin:10px;
Overflow:auto;
z-index:30;
}
.show5{
display: none;
}
.hide5:target + .show5 {
display: inline;
}
.hide5:target {
display: none;
}
.hide5:target ~ .list5 {
display:inline;
}
.hide5, .show5 {
width: 30px;
height: auto;
border-radius: 10px;
font-size: 15px;
color: #fff;
text-shadow: 0 1px 0 #666;
text-align: center;
text-decoration: none;
box-shadow: 100px 100px 100px #000;
background: #111bbb;
opacity: 0.5;
margin-right: 10px;
float: left;
margin-bottom: 25px;
z-index:30;
}
.hide5:hover, .show5:hover {
color: #eee;
text-shadow: 10px 10px 10px #666;
text-decoration: none;
box-shadow: 400px 400px 440px #222 inset;
opacity: 0.7;
margin-bottom: 20px;
z-index:30;
}
.list5 p{
height:auto;
margin:0px;
z-index:30;
}
.question5 {
float: left;
height: auto;
width: 90%;
line-height: 1px;
padding-left: 0px;
margin-bottom: 0px;
font-style: italic;
text-align: left;
}
*/
/* source: http://www.ehow.com/how_12214447_make-collapsing-lists-java.html */
.FAQ {
vertical-align: top;
height:auto !important;
}
.list {
display:none;
height:auto;
margin:0;
float: left;
}
.show {
display: none;
}
.hide:target + .show {
display: inline;
}
.hide:target {
display: none;
}
.hide:target ~ .list {
display:inline;
}
/*style the (+) and (-) */
.hide, .show {
width: 30px;
height: 30px;
border-radius: 30px;
font-size: 20px;
color: #fff;
text-shadow: 0 1px 0 #666;
text-align: center;
text-decoration: none;
box-shadow: 1px 1px 2px #000;
background: #cccbbb;
opacity: .95;
margin-right: 0;
float: left;
margin-bottom: 25px;
}
.hide:hover, .show:hover {
color: #eee;
text-shadow: 0 0 1px #666;
text-decoration: none;
box-shadow: 0 0 4px #222 inset;
opacity: 1;
margin-bottom: 25px;
}
.list p{
height:auto;
margin:0;
}
.question {
float: left;
height: auto;
width: 90%;
line-height: 20px;
padding-left: 20px;
margin-bottom: 25px;
font-style: italic;
}
#canvaskiriri1{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*width: 100%;
height: 100%;*/
}
#canvaskiriri2{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*width: 100%;
height: 100%;*/
}
#sourcevideo_webcam_local{
}
.header_1{
position:absolute;
line-height:41px;
width:70px;
}
.header_2{
position:absolute;
margin-left:70px;
line-height:41px;
width:200px
}
.col_1{
position:absolute;
line-height:22px;
width:70px
}
.col_2{
position:absolute;
margin-left:70px;
padding-left:2px;
line-height:22px;
width: 200px;
border-right:1px solid #E1E1E1;
}
.col_3{
position:absolute;
margin-left:70px;
padding-left:2px;
line-height:22px;
width: 200px;
border-right:1px solid #E1E1E1;
}
.col_4{
padding-left:300px
}
.box {
width: 10px;
margin-top:0px;
margin-bottom:10px;
margin: 0 auto;
background: rgb(255,255,255);
padding: 2px;
border: 0px solid #fff;
border-radius: 20px/30px;
background-clip:padding-box;
text-align: center;
float:left;
}
.button {
font-size: 1em;
padding: 0px;
color: #fff;
margin-top:0px;
top:0px;
margin-top:0px;
border: 2px solid orange;
border-radius: 0px/0px;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
float:left;
z-index:30;
}
.button:hover {
background: orange;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.1);
transition: opacity 500ms;
visibility: hidden;
opacity: 1;
float:left;
z-index:500;
}
.overlay:target
{
visibility: visible;
opacity: 1;
}
.popup {
margin: 250px auto;
margin-top:10%;
margin-bottom:1%;
margin-left:23%;
padding: 0px;
text-align:justify;
background: #fff;
border-radius: 1px;
width: 60%;
height:60%;
position: relative;
transition: all 5s ease-in-out;
resize:both;
z-index:500;
overflow:auto;
-moz-border-radius: 16px px 16px 0px;
-webkit-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px gray;
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
}
.popup h2 {
margin-top: 0;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 10px;
right:10px;
transition: all 200ms;
font-size: 20px;
font-weight: bold;
text-decoration: none;
resize:both;
z-index:500;
}
.popup .close:hover {
color:orange;
}
.popup .content
{
max-height: 80%;
width: 95%;
height:85%;
overflow: auto;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:12px 12px 10px rgb(255,240,50);
-moz-box-shadow:12px 12px 10px gray;
-webkit-box-shadow:12px 12px 10px gray;
z-index:6000;
border-radius:6px 6px 6px 6px;
z-index:500000;
}
.overlayBar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgb(0, 0, 0);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
float:left;
}
.overlayBar:target {
visibility: visible;
opacity: 0;
}
.popupBar {
margin: 50px auto;
margin-top:0px;
padding: 0px;
background: #fff;
border-radius: 1px;
width: 800px;
height:700px;
position: relative;
transition: all 5s ease-in-out;
resize:both;
z-index:500;
overflow:auto;
}
.popupBar h2 {
margin-top: 0;
font-family: Tahoma, Arial, sans-serif;
}
.popupBar .closeBar {
position: absolute;
top: 10px;
right:10px;
transition: all 200ms;
font-size: 20px;
font-weight: bold;
text-decoration: none;
resize:both;
z-index:500;
}
.popupBar .closeBar:hover {
color:orange;
}
.popupBar .contentBar
{
max-height: 80%;
width: 98%;
height:90%;
overflow: auto;
}
a.info
{
position:relative;
z-index:1000;
text-decoration:none;
text-align: left;
}
a.info:hover {
position:relative;
z-index:35000;
}
a.info span
{
display: none
}
a.info:hover span
{
display:block;
position:absolute;
text-align:justify;
Line-Height:1;
height:auto;
margin-left:50%;
overflow:auto;
border:1px solid #fff0cf;
background-color:#fffff5;
color:#f00000;
color:gray;
font-size:small;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:6000;
border-radius:6px 6px 6px 6px;
z-index:1;
}
textarea{
width: 100%;
}
a.info1:hover {
z-index:30;
background-color:#ffffff}
a.info1 span
{
display: none
}
a.info1:hover span
{
display:block;
position:absolute;
text-align:justify;
Line-Height:0;
top:2em;
margin-left:7%;
left:100px;
width:76%;
border:0px solid #fff0cf;
background-color:#ffffff;
color:#f00000;
color:gray;
font-size:xx_small;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:60;
border-radius:6px 6px 6px 6px;
}
a.MenuContextuel:hover {
z-index:30;
background-color:#ffff00
}
a.MenuContextuel span
{
display: none
}
a.MenuContextuel:hover span
{
display:block;
position:absolute;
text-align:justify;
Line-Height:1;
top:1em;
left:100px;
width:500px;
border:1px solid #fff0cf;
background-color:#fffff5;
color:#f00000;
color:gray;
font-size:xsmall;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:60;
border-radius:6px 6px 6px 6px;
}
#ParagrRealiseePar
{
font-size:x-small;
}
.zoom {
height:15px;
text-align:left;
z-index:1900;
resize:both;
}
.zoom p {
text-align:left;
z-index:90;
resize:both;
}
.zoom img {
width:15px;
height:15px;
z-index:1900;
resize:both;
}
.zoom img:hover {
position: absolute;
resize:both;
width:150px;
height:250px;
z-index:2000;
}
.zoom00 {
height:10px;
text-align:left;
/*float:left;*/
z-index:1900;
resize:both;
}
.zoom00 p {
text-align:left;
z-index:90;
resize:both;
}
.zoom00 img {
width:10px;
height:10px;
z-index:1900;
resize:both;
}
.zoom00 img:hover {
position: absolute;
resize:both;
width:450px;
height:200px;
z-index:5000;
}
.zoom1
{
height:15px;
float:left;
text-align:right;
z-index:900;
}
.zoom1 p {
text-align:right;
z-index:900;
}
.zoom1 img {
width:15px;
height:15px;
}
.zoom1 img:hover {
position: absolute;
z-index:5000;
}
.SelectfrmBO{
width:100px;
}
.frmListeRapports
{
width:100px;
}
input,submit,textarea,select,form{font-size:x-small;}
form {
font-size:small;
}
fieldset {
padding:0px 0px 0px 0px;
margin-bottom:0px;
border:0px solid #DF3F3F;
}
legend {
color:#DF3F3F;
/*font-weight:bold*/
font:10px
}
label {
margin-top:10px;
display:block;
}
label.inline {
display:inline;
margin-right:50px;
}
input, textarea, select, option {
background-color:#FFFFF3;
font:small;
}
input, textarea, select {
padding:5px;
border:1px solid #F5C5C5;
border-radius:0px;
width:180px;
/*width:auto;*/
box-shadow:1px 1px 2px #C0C0C0 inset;
font-size: small;
}
select {
margin-top:1px;
font-size:small;
font-size:small;
}
input[type=radio] {
background-color:transparent;
border:none;
width:10px;
}
input[type=submit], input[type=reset] {
/*width:50px;*/
margin-left:10px;
box-shadow:1px 1px 1px #FFFAF3;
cursor:pointer;
}
#ma_div_txt{opacity: 0;}
#mon_boutton:hover + #ma_div_txt{
opacity: 1;
}
/* source: http://www.ehow.com/how_12214447_make-collapsing-lists-java.html */
.FAQ {
vertical-align: top;
height:auto !important;
}
.list {
display:none;
height:auto;
margin:0;
float: left;
}
.show {
display: none;
}
.hide:target + .show {
display: inline;
}
.hide:target {
display: none;
}
.hide:target ~ .list {
display:inline;
}
.hide, .show {
width: 30px;
height: 30px;
border-radius: 30px;
font-size: 20px;
color: #fff;
text-shadow: 0 1px 0 #666;
text-align: center;
text-decoration: none;
box-shadow: 1px 1px 2px #000;
background: #cccbbb;
opacity: .95;
margin-right: 0;
float: left;
margin-bottom: 25px;
}
.hide:hover, .show:hover {
color: #eee;
text-shadow: 0 0 1px #666;
text-decoration: none;
box-shadow: 0 0 4px #222 inset;
opacity: 1;
margin-bottom: 25px;
}
.list p{
height:auto;
margin:0;
}
.question {
float: left;
height: auto;
width: 90%;
line-height: 20px;
padding-left: 20px;
margin-bottom: 25px;
font-style: italic;
}
ol#cloud{
background: #ffffEc;
padding: 2px;
}
ul#cloud{
background: #ffffff;
padding: 20px;
}
a hover{z-index:0;}
ol li#cloud{
background: #ffe5e5;
padding: 2px;
margin-left: 10px;
}
ul li#cloud
{
background: #cce5ff;
margin: 2px;
margin-left: 5px;
}
select{font-size:x-small;}
option{font-size:x-small;font:10px;}
}
#produitContenu
{
width:100%;
background-color:RGB(200,200,200);
text-align:left;
margin-left:0%;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 160px 0px 160px 0px;
-webkit-border-radius: 16px 0px 16px 0px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:60;
border-radius:16px 0px 16px 0px;
}
.zoomin1 img {
height:20px;
width:20px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin1 img:hover {
width: 350px;
height: 350px;
}
.zoomin4 img {
height:35px;
width:150px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
datalist {
}
.zoomin5 img {
height:35px;
width:50px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin5 img:hover {
width: 300px;
height: 350px;
}
.zoomin55 img {
height:35px;
width:50px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin55 img:hover {
width: 100%;
height: 100%;
}
zoomin6 img {
height:35px;
width:150px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin6 img:hover {
width: 500px;
height: 500px;
}
.zoomin img {
height: 35px;
width: 100px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 100px;
height: 350px;
}
.frmboutonrecherche
{
background:url(upload/search2.jpg);
border:none;
width: 100px; /* largeur à spécifier */
height:100px; /* longueur à spécifier */
cursor: pointer;
}
#NombreChampAffichable
{
width: 3em;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu li:hover{
top: 0;
left: 100%;
margin-top: -1px;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Dropdown Button */
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-menu {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-menu a {
color: black;
padding: 10px 16px;
text-decoration: none;
display: block;
}
.dropdown-menu a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #3e8e41;
}
.img-thumbnail{background-color:#000}
/*Classes dealing with min/max options
.modal-header .btnGrp{
position: absolute;
top: 8px;
right: 10px;
}
.min-modal{
width: 250px;
height: 35px;
overflow: hidden !important;
padding: 0px !important;
margin: 0px;
float: left;
position: static !important;
}
.min-modal .modal-dialog, .min .modal-content{
height: 100%;
width: 100%;
margin: 0px !important;
padding: 0px !important;
}
.min-modal .modal-header{
height: 100%;
width: 100%;
margin: 0px !important;
padding: 3px 5px !important;
}
.display-none{display: none;}
button .fa{
font-size: 16px;
margin-left: 10px;
}
.min-modal .fa{
font-size: 14px;
}
.min-modal .menuTab{display: none;}
button:focus { outline: none; }
.optminmaxCon{
height: 35px;
bottom: 1px;
left: 1px;
position: fixed;
right: 1px;
z-index: 9999;
}
.modal-dialog {
width: 460px;
height:650px !important;
}
.modal-content {
height: 48%;
background-color:#D5FFD5;
}
.modal-header {
background-color: #FFD8B0;
padding:16px 16px;
color:#003500;
border-bottom:2px dotted #002200;
}*/
div#carteid{
margin-left:0%;
margin-right:0%;
float:left;
width:40%;
background-color:rgb(255,250,250);
border-right: 0px solid rgb(255,240,50);
-moz-border-radius:16px,16px,16px,16px;
-webkit-border-radius:16px,16px,16px,16px;
border-radius:6px 6px 6px 6px;
}
div {
/*border: 1px solid;
padding: 20px;
width: 300px;
overflow: auto;*/
resize: both;
}
div#fontsizeid {
font-size:10;
}
div#entet{
margin-left:0%;
background-color: #FFD8B0;
border:0px solid #9FC6FF;
padding:0px;
-moz-border-radius: 160px 160px 0px 0px;
-webkit-border-radius: 16px 16px 0px 0px;
box-shadow:0px 0px 0px rgb(255,240,50);
-moz-box-shadow:0px 0px 0px gray;
-webkit-box-shadow:0px 0px 0px gray;
z-index:60;
border-radius:16px 16px 0px 0px;
}
{
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
bottom: .5em;
}
.progress{height:20px;background:#ebebeb;border-left:1px solid transparent;border-right:1px solid transparent;border-radius:10px}
.progress>span{position:relative;float:left;margin:0 -1px;min-width:30px;height:18px;line-height:16px;text-align:right;background:#ccc;border:1px solid;border-color:#bfbfbf #b3b3b3 #9e9e9e;border-radius:10px;background-image:-webkit-linear-gradient(top,#f0f0f0,#dbdbdb 70%,#ccc);background-image:-moz-linear-gradient(top,#f0f0f0,#dbdbdb 70%,#ccc);background-image:-o-linear-gradient(top,#f0f0f0,#dbdbdb 70%,#ccc);background-image:linear-gradient(to bottom,#f0f0f0,#dbdbdb 70%,#ccc);-webkit-box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.2)}
.progress>span>span{padding:0 8px;font-size:11px;font-weight:bold;color:#404040;color:rgba(0,0,0,0.7);text-shadow:0 1px rgba(255,255,255,0.4)}
.progress>span:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;height:18px;background:url("../images/progress.png") 0 0 repeat-x;border-radius:10px}
.progress .green{background:#85c440;border-color:#78b337 #6ba031 #568128;background-image:-webkit-linear-gradient(top,#b7dc8e,#99ce5f 70%,#85c440);background-image:-moz-linear-gradient(top,#b7dc8e,#99ce5f 70%,#85c440);background-image:-o-linear-gradient(top,#b7dc8e,#99ce5f 70%,#85c440);background-image:linear-gradient(to bottom,#b7dc8e,#99ce5f 70%,#85c440)}
details > summary {
padding: 0px;
width: 200px;
background-color: #ffffff;
border: none;
box-shadow: 0px 0px 0px #ffffff;
cursor: pointer;
}
details > p {
background-color: #ffffff;
padding: 0px;
margin: 0;
box-shadow: 0px 0px 0px #ffffff;
}
summary::-webkit-details-marker {
color:#ADCA48;
background:#ADCA48;
}
details[open] summary::-webkit-details-marker {
color:#eaeaea;
background:#eaeaea;
outline: 2px solid #ADCA48;
}
summary::-webkit-details-marker {
display: none
}
summary:after {
content: "+";
color: #ADCA48;
float: left;
font-size: 1.5em;
font-weight: bold;
margin: -5px 5px 0 0;
padding: 0;
text-align: center;
width: 20px;
}
details[open] summary:after {
content: "-";
}
#finau{
background-color:RGB(250,250,200);
text-align:center; width:30%;
height:40%; margin-left:5%;
margin-right:5%;
overflow:auto;
border:1px solid #9FC6FF;
padding:1px;
-moz-border-radius:20px 160px 260px 160px;
-webkit-border-radius:260px 160px 260px 160px;
box-shadow:100px 100px 100px rgb(255,240,50);
-moz-box-shadow:100px 100px 100px gray;
-webkit-box-shadow:100px 10px 100px gray;
z-index:10; border-radius:301px 310px 300px 510px;
}
/*Leeflet journal*/
.classth{margin-top:0px}
.big-checkbox
{width: 1.5rem;height: 1.5rem;top:0.5rem}
a.info
{
position:relative;
z-index:1000;
text-decoration:none;
text-align: left;
}
a.info:hover {
position:relative;
z-index:35000;
}
a.info span
{
display: none
}
a.info:hover span
{
display:block;
position:absolute;
text-align:justify;
Line-Height:1;
height:auto;
margin-left:50%;
overflow:auto;
border:1px solid #fff0cf;
background-color:#fffff5;
color:#f00000;
color:gray;
font-size:small;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:6000;
border-radius:6px 6px 6px 6px;
z-index:1;
}
summary::-webkit-details-marker {
display: none
}
summary:after {
/* content: "+";
content:url(../../images/arrowsub.gif);*/
color: #0000FF;
float: left;
font-size: 1.5em;
font-weight: bold;
margin: -5px 5px 0 0;
padding: 0;
text-align: center;
width: 20px;
border-color: green;
/*order-style: dotted;*/
border-radius:50%;
}
details[open] summary:after {
/*content: "-";
content: url(../../images/arrowsub.gif);*/
margin-top:0px;
}
a.info
{
position:relative;
z-index:1000;
text-decoration:none;
text-align: left;
}
a.info:hover {
position:relative;
z-index:35000;
}
a.info span
{
display: none
}
a.info:hover span
{
display:block;
position:absolute;
text-align:justify;
Line-Height:1;
height:auto;
margin-left:50%;
overflow:auto;
border:1px solid #fff0cf;
background-color:#fffff5;
color:#f00000;
color:gray;
font-size:small;
border:1px solid #9FC6FF;
padding:5px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow:2px 2px 10px rgb(255,240,50);
-moz-box-shadow:2px 2px 10px gray;
-webkit-box-shadow:2px 2px 10px gray;
z-index:6000;
border-radius:6px 6px 6px 6px;
z-index:1;
}
.slidecontainer {
width: 100%; /* Width of the outside container */
}
/* The slider itself */
.slider {
-webkit-appearance: none; /* Override default CSS styles */
appearance: none;
width: 100%; /* Full-width */
height: 25px; /* Specified height */
background: #d3d3d3; /* Grey background */
outline: none; /* Remove outline */
opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
-webkit-transition: .2s; /* 0.2 seconds transition on hover */
transition: opacity .2s;
}
/* Mouse-over effects */
.slider:hover {
opacity: 1; /* Fully shown on mouse-over */
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #04AA6D; /* Green background */
cursor: pointer; /* Cursor on hover */
}
.slider::-moz-range-thumb {
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #04AA6D; /* Green background */
cursor: pointer; /* Cursor on hover */
}