.background {
    background-image:url("/vgroups/jakarta.faces.resource/background.png.xhtml?ln=images");        
    background-attachment: fixed;
    background-repeat:repeat;
    min-width:1100px;
    z-index:1;
}


body {                        
    font-size: 14px;
    font-family: Univers, "Univers 55", "Lucida Grande CE", lucida, san-serif;
    color: black;	
}

h1, h2, h3, h4 {
    font-family: Univers, "Univers 55", "Lucida Grande CE", lucida, sans-serif;
    /*border-bottom: 1px solid #6f6f6f;*/
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #6d071a;
}

h1 {
    font-size:  20px;      
}

h2 {
    font-size:  14px;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: 10px;
}

a:link, a:visited {
  color: #80313f;
  font-weight : bold;
  text-decoration: none;
}

a:link:hover, a:visited:hover  {
  color: #80313f;
  font-weight : bold;
  text-decoration : underline;
}

.table-row-odd {
    background-color: #e5e5e5;
}

.table-row-even {
    background-color: silver;
}


.top_title {    
    background-color: #d1c254;
    color: #6d071a;
    opacity: 0.8;
    padding: 15px;
    margin: 10px 5px 7px 5px;
    border: solid #6d071a 1px;
    display: flex;
    flex-direction: row;
}

.mylayer {
	width:100%;
	background-color: rgba(192, 192, 192, 0.2);
	z-index:2;
	margin-top:-1%;
	padding-left: 1%;
        margin-left: -1%;
	padding-right: 0.6%;
	padding-bottom:1%;
	margin-bottom: -1%;
	-webkit-animation: Opacity 40s linear infinite;
	-moz-animation: Opacity 40s linear infinite;
	animation: Opacity 40s linear infinite;
	
}

.devise {
	font-size:30px;
	color:#f7e575;	
}

.photo  {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.photo:hover {
/* L'image est grossie de 15% */
-webkit-transform:scale(0.5); /* Safari et Chrome */
-moz-transform:scale(0.5); /* Firefox */
-ms-transform:scale(0.5); /* Internet Explorer 9 */
-o-transform:scale(0.5); /* Opera */
transform:scale(1.05);
}




/* file upload style */
.fileupload-buttonbar {
    text-align: center;
}

/* hide the icons in the file upload button bar */
.ui-fileupload-buttonbar .ui-icon {
    display: none;
}

/* adjust the padding of all buttons inside the file upload button bar */
.ui-fileupload-buttonbar .ui-button-text-icon-left {    
    padding: 0;
}

.ui-fileupload-buttonbar {    
    padding: 0;
    width: 0px;
    background-color: transparent !important;
    border-color: transparent !important;
}

.ui-button{
    width: 60px;
    margin-top: -5px;
}
.ui-button-text .ui-button-text-icon-left {
    padding: 4em 1em 4em 1em;
    visibility: hidden;  /* added */
}

.ui-button.ui-button-text-icon-left .ui-icon {
    visibility: hidden !important;
}

/* unstyle the file upload button bar background */
.ui-fileupload-buttonbar.ui-widget-header {
    border: 0 none;
}
.ui-fileupload .ui-fileupload-buttonbar{
    background-color: transparent;
    border: 1px;
    border-color: transparent;
}

/* increase fileupload button spacing between 'choose' and 'upload' */
.ui-fileupload-buttonbar .ui-fileupload-choose {
    /*margin-right: 1em;*/
}
.ui-fileupload-buttonbar .ui-widget-header .ui-corner-top{
    background-color: transparent;
    border: 1px;
    border-color: transparent;
}/*sfsdvsdfvsef
/* remove the border of file upload content list */
.ui-fileupload-content {
    border: 0 none;
    height: 0px;
    padding: 0;
    display: none;
}

.fileupload-content {
    border: 0 none;
    height: 0px;
    padding: 0px;
    
}

.ui-datatable tbody td {
    padding-left: 4px;
}

#footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.1rem;
    background-color: #6d071a;
    color:#c0c0c0;
}

.foot{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.joinUs {
    color:#c0c0c0;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-left: 30px;
}

.imagefooter {
    width:25px;
    margin-top: 5px;
	
}
.legal_notice {
    margin-top: 1%;
    font-size: 14px;
    
}

.ui-paginator.ui-paginator-top {    
    min-height: 35px;
    background-color: #af9b9f;
    text-align: left;
}

.ui-paginator.ui-paginator-bottom {    
    min-height: 35px;
    background-color: #af9b9f;
    text-align: left;
}