/*
Original design: andreas04 (v2.0 - June 01, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas04/
*/

/* General layouts */
/* body {margin:0; padding:0;  font:76% tahoma,verdana,sans-serif; background-color:#ffffff; color:#444; text-align:left;}
#container {width:100%;  min-width:700px; padding:0 20px; margin:0 auto; background-color:#0872b9; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container800 {width:700px; padding:0 20px; margin:0 auto; background-color:#f0f0f0 ; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
#container1024 {width:920px; padding:0 20px; margin:0 auto; background-color:#f0f0f0 ; text-align:left; border-left:1px solid #eef; border-right:1px solid #eef;}
 */
/* Tags */
/* a {text-decoration:none; color:#269; font-weight:bold;}
a:hover {text-decoration:underline;}
p {margin:0 0 15px 0;}
h1,h2,h3,h4 {margin:0; padding:0; font-weight:normal; line-height:1.2em;}
h1 {font-size:3em; letter-spacing:-2px; color:#567; margin:15px 0 5px 20px;}
h1 a:hover {text-decoration:none;}
h2 {font-size:1.6em; letter-spacing:-1px; margin:-10px 0 0 30px; color:#888;}
h3 {color: #555; font-size:1.4em; margin:1em 0 0.5em 0.5em;}
h4 {font-size:1.2em; font-weight:bold;} */

/* Header */
/* #sitetitle {float:left; height:150px;  width: 10%; color: #333;}
#sitetitle a {color:#567; font-weight:normal;}
#sitetitle a:hover {color:#269;}
#menu {height:71px; padding-top:35px; float:right;}
#menu .ui-menuitem-text {margin:0; height:100px; padding:35px 6px 41px 6px; font-size:1.6em; font-weight:normal; letter-spacing:-1px; color:#888;} */
/* #menu .ui-menuitem-text:hover{color:#269; text-decoration:none; background-color:#fff; padding:35px 5px 41px 5px; border-left: 1px solid #eee; border-right: 1px solid #eee;}
#menu a.current{color:#269;}
#menu a.current:hover{color:#888; padding:35px 6px 41px 6px;  text-decoration:none; background: none; border:0;}
 */
/* Main content and sidebar layout */
/* #content {margin-top:100px; width:100%; clear:both; background-color:#fff;}
 #content h2 {margin:0 0 10px 0; color:#00a6d2;} 
#content h2 a {color:#555; font-weight:normal;}
#content h2 a:hover {color:#269; text-decoration:none; background:none;} */
/* #content p {margin:0 0.5em 1.2em 0.5em;} */
/* #left {width:100%; float:left; margin-top:100px;} */
/* #right {margin-left:70%; margin-top:-15px; line-height:1.4em;}
#right h2 {margin:0 0 8px 0; padding:0; font-size:1.6em;} */
/* 
#content2 {
	    
	margin:auto;
    height:100px;	width:700px;
    position:absolute;
    top:0;  left:0;  right:0;  bottom:0;

	background-color: red;   
    text-align: center; 
    
	-moz-box-shadow: 10px 10px 5px #000000;
	-webkit-box-shadow: 10px 10px 5px #000000;
	-o-box-shadow: 10px 10px 5px #000000;
	box-shadow: 10px 10px 5px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#888', Direction=135, Strength=5);    
} */

/* 
#footer{ 
	
	height: 70px;
	color:#ffffff;
	text-align: center; 
	background-color: #122e51;
	width:100%;
	
	position:absolute;
     bottom:0;	 
} */
/* Additional classes */
/* .entry {margin:0 0 20px 0; border:2px solid #fff; background-color:#ffffff; color:#333; padding:10px 10px 0 10px;min-height:100px;} */
/* .entry a:hover, .intro a:hover {text-decoration:none; padding-bottom:2px; background:url(images/flash2.gif) bottom left repeat-x;}
.link {color:#269; background:url(images/linkarrow.gif) left no-repeat; display:block; margin:4px 0 0 0; padding:2px 1em;}
.link:hover {color:#48b; background:url(images/blinkarrow.gif) left no-repeat;
text-decoration:none;}
.thumbs img {padding:3px; margin:0 2px 2px 0; border:1px solid #fff; background-color:#ddd; color: #555;}
.thumbs img:hover {background: url(images/flash.gif);}
.entryphoto {margin:5px; float:left; padding:3px; border:1px solid #fff; background-color:#ddd; color:#333;}
.meta {clear:both; border-top: 2px solid #ccc; padding: 5px 1px 0 0; margin:10px 0 0 0; text-align:right; font-size:1em; color: #567;}
.pagenav {color: #777; text-align:center;}
.subcontainer {display:block; width:98%;}
.rightsub {float:left; width:45%; padding:0;}
.rightsub2 {margin-left:50%; padding:0;}
.right {text-align:right;}
.center {text-align:center;}
.clear {clear:both;}
.hide {display:none;} */

body label , a h1, h2, h3, {
          color:black;
}

h3 {
    text-transform: none;
   
}
 
 
.lineSpaceNormal {
    line-height:normal;
}

.lineSpaceRegular {
    line-height:110%;
}

.lineSpaceSmall {
    line-height:85%;
}

/* TEXT COLOR ***********************************************************/

.txtColorBlack {
    text-transform: none;
    color: #000000;
}
.txtColorBlack a:link, .txtColorBlack a:visited , .txtColorBlack a:active {
    color:#000000;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlack a:hover {
    color:#000000;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorWhite {
    text-transform: none;
    color: green;
}
.txtColorWhite a:link, .txtColorWhite a:visited , .txtColorWhite a:active {
    color:#FFFFFF;
    text-transform: none;
    text-decoration:none;
}
.txtColorWhite a:hover {
    color:#FFFFFF;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorGreen {
    color: #006633;
}

.txtColorGreenDark
{
    color: #006633;
}
.txtColorGrey {
    text-transform: none;
    color: #999999;
}
.txtColorGrey a:link, .txtColorGrey a:visited , .txtColorGrey a:active {
    color:#999999;
    text-transform: none;
    text-decoration:none;
}
.txtColorGrey a:hover {
    color:#666666;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorGreyW {
    text-transform: none;
    color: red;;
}
.txtColorGreyW a:link, .txtColorGreyW a:visited , .txtColorGreyW a:active {
    color:#CCCCCC;
    text-transform: none;
    text-decoration:none;
}
.txtColorGreyW a:hover {
    color:#CCCCCC;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorGreyD {
    text-transform: none;
    color: #666666;
}
.txtColorGreyD a:link, .txtColorGreyD a:visited , .txtColorGreyD a:active {
    color:#666666;
    text-transform: none;
    text-decoration:none;
}
.txtColorGreyD a:hover {
    color:#333333;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorDark {
    text-transform: none;
    color: #333333;
}
.txtColorDark a:link, .txtColorDark a:visited , .txtColorDark a:active {
    color:#333333;
    text-transform: none;
    text-decoration:none;
}
.txtColorDark a:hover {
    color:#000000;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorRed {
    text-transform: none;
    color: #FF3300;
}
.txtColorRed a:link, .txtColorRed a:visited , .txtColorRed a:active {
    color:#FF3300;
    text-transform: none;
    text-decoration:none;
}
.txtColorRed a:hover {
    color:#CC0000;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorBlue {
    text-transform: none;
    color: #00A3D9;
}
.txtColorBlue a:link, .txtColorBlue a:visited , .txtColorBlue a:active {
    color:#00A3D9;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlue a:hover {
    color:#006DD9;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorBlue {
    text-transform: none;
    color: #009933;
}
.txtColorBlue a:link, .txtColorBlue a:visited , .txtColorBlue a:active {
    color:#009933;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlue a:hover {
    color:#006633;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorBlueSoft {
    text-transform: none;
    color: #D8D8AF;
}
.txtColorBlueSoft a:link, .txtColorBlueSoft a:visited , .txtColorBlueSoft a:active {
    color:#D8D8AF;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlueSoft a:hover {
    color:#D8D8AF;
    text-transform: none;
    text-decoration:none;
}

.txtParagraphe{
	
	font-weight:normal; text-align: justify; text-justify: inter-word;margin-left:15px; color:black;
}

/***/

.txtColorBlue2 {
    text-transform: none;
    font-size: 18px;
    font-weight:bold;
    color: #949449;
}
.txtColorBlue2 a:link, .txtColorBlue2 a:visited , .txtColorBlue2 a:active {
    color:#949449;
    font-size: 18px;
    font-weight:bold;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlue2 a:hover {
    color:#949449;
    font-size: 18px;
    font-weight:bold;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorBlueD {
    text-transform: none;
    color: blue;
}
.txtColorBlueD a:link, .txtColorBlueD a:visited , .txtColorBlueD a:active {
    color:#006633;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlueD a:hover {
    color:#003300;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorBlueL {
    text-transform: none;
    color: #00CC66;
}
.txtColorBlueL a:link, .txtColorBlueL a:visited , .txtColorBlueL a:active {
    color:#00CC66;
    text-transform: none;
    text-decoration:none;
}
.txtColorBlueL a:hover {
    color:#006633;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorOrange {
    text-transform: none;
    color: #FF6600;
}
.txtColorOrange a:link, .txtColorOrange a:visited , .txtColorOrange a:active {
    color:#FF6600;
    text-transform: none;
    text-decoration:none;
}
.txtColorOrange a:hover {
    color:#FF3300;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorOrangeD {
    text-transform: none;
    color: #FF3300;
}
.txtColorOrangeD a:link, .txtColorOrangeD a:visited , .txtColorOrangeD a:active {
    color:#FF3300;
    text-transform: none;
    text-decoration:none;
}
.txtColorOrangeD a:hover {
    color:#FF6600;
    text-transform: none;
    text-decoration:none;
}


/***/

.txtColorViolet {
    text-transform: none;
    color: #C926FF;
}

.txtColorMaroon {
    text-transform: none;
    color: #800000;
}
.txtColorViolet a:link, .txtColorViolet a:visited , .txtColorViolet a:active {
    color:#C926FF;
    text-transform: none;
    text-decoration:none;
}
.txtColorViolet a:hover {
    color:#C926FF;
    text-transform: none;
    text-decoration:none;
}

/***/

.txtColorActive {
    text-transform: none;
    font-size: 15px;
    color: #949449;
}
.txtColorActive a:link, .txtColorActive a:visited , .txtColorActive a:active {
    color:#949449;
    font-size: 15px;
    text-transform: none;
    text-decoration:underline;
}
.txtColorActive a:hover {
    color:#949449;
    font-size: 15px;
    text-transform: none;
    text-decoration:overline;
}

/***/

/*Txt Pagination*/

.txtColorPagination {
    text-transform: none;
    text-decoration:none;
    color: #949449;
    font-weight:bold;
}
.txtColorPagination a:link, .txtColorPagination a:visited , .txtColorPagination a:active {
    color:#333;
    text-transform: none;
    text-decoration:none;
}
.txtColorPagination a:hover {
    color:#666;
    text-transform: none;
    text-decoration:none;
    font-weight:bold;
}

/***********************************************************************/

/* TEXT SIZE ***********************************************************/
.txtLarge{
    font-size:25px;
}
.txtSizeSmall {
    font-size: 10px;
}
.txtSizeSmall a:link, .txtSizeSmall a:visited , .txtSizeSmall a:active {
    font-size: 10px;
}
.txtSizeSmall a:hover {
    font-size: 10px;
}
.txtSizegras {
    font-weight:bold;
}
/***/

.txtSizeNormal {
    font-size: 13px;
}
.txtSizeNormal a:link, .txtSizeNormal a:visited , .txtSizeNormal a:active {
    font-size: 13px;
}
.txtSizeNormal a:hover {
    font-size: 13px;
}

/***/

.txtSizeRegular {
    font-size: 14px;
}
.txtSizeRegular a:link, .txtSizeRegular a:visited , .txtSizeRegular a:active {
    font-size: 14px;
}
.txtSizeRegular a:hover {
    font-size: 14px;
}

/***/

.txtSizeMedium {
    font-size: 17px;
}
.txtSizeMedium a:link, .txtSizeMedium a:visited , .txtSizeMedium a:active {
    font-size: 17px;
}
.txtSizeMedium a:hover {
    font-size: 17px;
}

/***/

.txtSizeLarge {
    font-size: 20px;
}

.txtSizeLarge2 {
	
    font-size: 18px;
    
}
.txtSizeLarge a:link, .txtSizeLarge a:visited , .txtSizeLarge a:active {
    font-size: 20px;
}
.txtSizeLarge a:hover {
    font-size: 20px;
}

.txtSizeLargeStrong {
    font-size: 20px;
    font-weight:bold;
}
.txtSizeLargeStrong1 {
    font-size: 25px;
    font-weight:bold;
}
.txtSizeLargeStrong a:link, .txtSizeLargeStrong a:visited , .txtSizeLargeStrong a:active {
    font-size: 20px;
    font-weight:bold;
}
.txtSizeLargeStrong a:hover {
    font-size: 20px;
    font-weight:bold;
}

/***/

.txtSizeXLarge {
    font-size: 22px;
}
.txtSizeXLarge a:link, .txtSizeXLarge a:visited , .txtSizeXLarge a:active {
    font-size: 26px;
}
.txtSizeXLarge a:hover {
    font-size: 26px;
}

/***/

.txtSizeXXLarge {
    font-size: 32px;
}
.txtSizeXXLarge a:link, .txtSizeXXLarge a:visited , .txtSizeXXLarge a:active {
    font-size: 32px;
}
.txtSizeXXLarge a:hover {
    font-size: 32px;
}

/***/

.txtSizeULarge {
    font-size: 46px;
}
.txtSizeULarge a:link, .txtSizeULarge a:visited , .txtSizeULarge a:active {
    font-size: 46px;
}
.txtSizeULarge a:hover {
    font-size: 46px;
}

/***/

.txtSizeUULarge {
    font-size: 68px;
}
.txtSizeUULarge a:link, .txtSizeUULarge a:visited , .txtSizeUULarge a:active {
    font-size: 68px;
}
.txtSizeUULarge a:hover {
    font-size: 68px;
}

.size-12 { font-size: 12px; }

.size-14 { font-size: 14px; }

.size-16 { font-size: 16px; }

.size-18 { font-size: 18px; }

.size-21 { font-size: 21px; }

.size-24 { font-size: 24px; }

.size-36 { font-size: 36px; }

.size-48 { font-size: 48px; }

.size-60 { font-size: 60px; }

.size-72 { font-size: 72px; }

.size-84 { font-size: 84px; }

.size-96 { font-size: 96px; }
/***/
.txtLineThrough {
    text-decoration:line-through;
}
/************************************************************************/
.layout-footer .txtColorBlueD{
	color:yellow;
}

body {}
#titre { text-align:left !important; color:red;}
#titre  h2  { font-weight:bold !important;}
#input { text-align:left; margin-top:50px;
  }
#input .ui-outputlabel { font-weight:normal;font-size:medium;}
#input span.ui-outputlabel-rfi {
   color: red; /* match the background color of the theme here */  
}
#pied { margin-top:30px;}

#connexion {background-color:#f1f1f1;margin:auto;width:55%;padding-top: 32px;
-moz-box-shadow: 10px 10px 5px #000000;
	-webkit-box-shadow: 10px 10px 5px #000000;
	-o-box-shadow: 10px 10px 5px #000000;
	box-shadow: 10px 10px 5px #000000;
	
}

#zone info{font-size:18px !important; 
background-color:red;}

.bg-color1{
	background-color:#212121;
	
}

.bg-color2{
	
	background-color:#9faebf;
	
	opacity:0.6;
}

.bg-color3{
	
	/*background-color:#4AA564;*/
	/*background-color:rgba(159, 174, 191, 0.5);*/
    background-color:rgba(255, 255, 255, 0.8);  
    border-radius:10px 10px 10px 10px;
}

.bg-color4{
	
	/*background-color:#4AA564;*/
	/*background-color:rgba(159, 174, 191, 0.5);*/
    background-color:rgba(33, 33, 33, 0.7);
}

.bg-color5{
	
	/*background-color:#4AA564;*/
	/*background-color:rgba(159, 174, 191, 0.5);*/
    background-color:rgba(33, 33, 33, 1.0); 
    border-radius:10px 10px 10px 10px;
}

.bg-colorEntete{
	
	/*background-color:#4AA564;*/
	/*background-color:rgba(159, 174, 191, 0.5);*/
    background-color:rgba(230,168,22, 0.8);  
    border-radius:10px 10px 0px 0px ;
}

.bg-colorCorps{
	
	/*background-color:#4AA564;*/
	/*background-color:rgba(159, 174, 191, 0.5);*/
    background-color:rgba(255, 255, 255, 0.8);  
    border-radius:0px 0px 10px 10px;
}
    
.borderright{
	
  border-style: solid;
  
  border-right-color:#4AA564;
}

.bouton-lg
{
	font-size: 14px;
	 font-weight: 700;
	 height:40px;
	 border-radius:5px 5px 5px 5px; 
	 padding: 12px;
}

.buttonColor{
	
	background-color:#9faebf; /* #4AA564*/ 
}

.boutonCommand {

  background-color:#4AA564;
   border:none; 
   color:white;
   border-radius:5px 5px 5px 5px;
}

/* CSS Document - App Design */

.bgHome {
    background-image: url(../images/img-home0.jpg);
    background-repeat: no-repeat;
    /*background-position: 100%;*/
    background-color: #fff;
    background-size: 100%;
}

.bgHeader {
    background-image: url(../images/bg-entete1.png);
    background-repeat: no-repeat;
}

.bgHeaderCnx {
    background-image: url(../images/bg-trans-white-gradien1.png);
    background-repeat: repeat-x;
}

.bgFooterCnx {
    background-color: #111;
}

.bgTileLine1 {
    background-image: url(../images/bg-title-line1.png);
    background-repeat: repeat-x;
}

.bgSepareLigne1 {
    background-image: url(../images/bg-separe-ligne1.png);
    background-repeat: repeat-x;
}

.bgSepareLigne2 {
    background-image: url(../images/bg-separe-ligne2.png);
    background-repeat: repeat-x;
}

.bgTitleZone {
    background-color: #FFFFC6;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgTitleZone2 {
    background-color: #FFFFC6;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgRoadZone {
    /* background-color: #EBEBEB;*/
    /*background-color: #FFBF00;*/
    background-color:white;
}

.bgSelected {
    background-color: #111;
    /*  */
    /* background-color:#F5F5F5;  */
}

.bgNotPrintable {
    background-image: url(../images/bg-dont-print.png);
    background-repeat: repeat;
}

.bgColorSite {
    background-color: #09C;
    color: #FFF;
}

.bgOblicLigne1 {
    background-image: url(../images/img-bg-oblicligne1.png);
}

.bgOblicLigne1w {
    background-image: url(../images/img-bg-oblicligne1w.png);
}

.bgOblicLigne2 {
    background-image: url(../images/img-bg-oblicligne2.png);
}

.bgOblicLigne2w {
    background-image: url(../images/img-bg-oblicligne2w.png);
}

.bgOblicLigne3 {
    background-image: url(../images/img-bg-oblicligne3.png);
}

.bgOblicLigne3w {
    background-image: url(../images/img-bg-oblicligne3w.png);
}

.bgColorGrey {
    background-color: #E9E9E9;
    color: #111;
}

.bgColorGreyW {
    background-color: #EFEFEF;
    color: #111;
}

.bgColorGreen {
    background-color: #00CC66;
    color: #FFF;
}

.bgColorRed {
    background-color: #FF0000;
    color: #FFF;
}

.bgColorYellowW {
    background-color: #FFFF84;
    color: #333;
}

.bgColorSoft {
    background-color: #EFEFEF;
    color: #111;
}

.bgColor0 {
    background-color: #333;
    color: #FFF;
}

.bgColor1 {
    background-color: #FFF;
    color: #111;
}

.bgColor2 {
    background-color: #F60;
    color: #FFF;
}

.bgColor3 {
    background-color: #FC3;
    color: #111;
}

.bgTransWhite1 {
    /*url("/portail-client-web/javax.faces.resource/images/bg-trans-white1.png.xhtml?ln=california-layout");*/
    background-image:url("/portail-client-web-0.0.1-SNAPSHOT/javax.faces.resource/images/landing/teledeclaration.jpg.xhtml?ln=california-layout")
}

.bgTransBlack1 {
    background-image: url(../images/bg-trans-black1.png);
}

.bgList1 {
    list-style-image: url(../images/app-ico-supprimer.png);
    padding: 1px;
    cursor: pointer;
}

/*Classe pour mettre des ombres */
.bgombre2{	
	-webkit-box-shadow: 12px 20px 41px -6px rgba(159,174,191,1);
	-moz-box-shadow: 12px 20px 41px -6px rgba(159,174,191,1);
	box-shadow: 12px 20px 41px -6px rgba(159,174,191,1);
	
}

.bgcome1
{
	 	background-image:url("/portail-client-web/javax.faces.resource/images/landing/teledeclaration.jpg.xhtml?ln=california-layout");
		background-repeat: no-repeat;
	 	background-attachment: loat;
	    background-position: center; 
	    background-size: 50%, 30%, 30%; 	 
}


.bgcome3
{
	 	background-image:url("/portail-client-web/javax.faces.resource/images/teledeclarationbottom.jpg.xhtml?ln=california-layout");
		background-repeat: no-repeat;
	 	background-attachment: loat;
	    background-position: center; 
	    background-size: 55%, 30%, 30%; 	 
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(255, 255, 255);
}

.loader2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/Preloader_3.gif') 50% 50% no-repeat rgb(255, 255, 255);*/

    background-color:white;
}

.loader3 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/Preloader_3.gif') 50% 50% no-repeat;
    background-image: url(../images/bg-trans-white1.png);
}


.chargement {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color:#F0F8FF;
    /*background: url('../images/Preloader_3.gif') 50% 50% no-repeat rgb(255, 255, 255);*/
}
.loader5 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /*background: url('../images/Preloader_3.gif') 50% 50% no-repeat rgb(255, 255, 255);*/
}

.loader1{
    width:70px;
    height:70px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    right:0;
    /*z-index: 1;*/
}
.loader-quart{
    border-radius: 50px;
    border:3px solid transparent;
    border-top-color:green ;
    animation: spin 1s linear infinite;
}
.loader-quart:after{
    content: '';
    position:absolute;
    top:5px; left:5px;
    bottom:5px;
    right:5px;
    border-radius: 70px;
    border:3px solid transparent;
    border-top-color:yellow;
    opacity: 0.8;
    animation: spin 5s linear infinite;
}
.loader-quart:before{
    content: '';
    position:absolute;
    top:12px; left:10px;
    bottom:12px;
    right:12px;
    border-radius: 50px;
    border:3px solid transparent;
    border-top-color:red;
    opacity: 0.5;
    animation: spin 3s linear infinite;
}
@keyframes spin {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.searchField {
    border-left-color: #FFF;
    width: 55px;
    height: 32px;
    background-color: #fff;
    margin: 5px 7px;
    border: 1px solid #cfcfcf;
    -moz-border-radius: 5px;
    /* FF1+ */
    -webkit-border-radius: 5px;
    /* Saf3-4 */
    border-radius: 5px;
    /* Opera 10.5, IE 9, Saf5, Chrome */
    position: relative;
}

.bgLigneO1 {
    background-image: url(../images/bg-trait-oblique-rouge1.png);
}

.lineVLeft1 {
    background-image: url(../images/bg-line-v-white1.png);
    background-repeat: repeat-y;
}

.lineVRight1 {
    background-image: url(../images/bg-line-v-right1.png);
    background-repeat: repeat-y;
    background-position: right;
}

.lineVGreen1 {
    background-image: url(../images/bg-line-v-green1.png);
    background-repeat: repeat-y;
}

.lineV1 {
    background-image: url(../images/bg-line-v1.png);
    background-repeat: repeat-y;
}

.lineV2 {
    background-image: url(../images/bg-line-v2.png);
    background-repeat: repeat-y;
}

.lineV3 {
    background-image: url(../images/bg-line-v3.png);
    background-repeat: repeat-y;
}

.bgLigneH0 {
    background-color: #111;
    /* #EFEFEF */
}

.bgLigneH1 {
    background-color: #EFEFEF;
    /* #EFEFEF */
}

.bgLigneH2 {
    background-color: #DDDDDD;
}

.bgConsidered {
    background-color: #FFC;
}

.bgPageContent1 {
    background-color: #FFF;
}

.bgPageContent2 {
    background-color: #F3F3F3;
}

.listSquare {
    list-style-type: square;
}

.divHeader {
    width: 100%;
    /*
	height:100px;
	position: fixed ;
	top:0px;
	background-image:url(../images/bg-entete1.png);
	background-repeat:repeat-x;
	z-index:100;
	*/
}

.divHeaderShow {
    width: 100%;
    /*height:60px;*/
    position: fixed;
    top: 0px;
    z-index: 1;
}

.divFooter {
    width: 100%;
    /*height:60px;*/
    position: fixed;
    bottom: 0px;
    z-index: 10;
}

.divListContent {
    width: 1224px;
    height: 500px;
    position: relative;
    overflow: scroll;
}

.divRightPanel {
    width: 200px;
    /*height:360px;*/
    position: fixed;
    top: 250px;
    right: 0px;
    z-index: 10;
}

.divFooterPanel {
    width: 90%;
    /*height:360px;*/
    position: fixed;
    bottom: 70px;
    right: 0px;
    z-index: 100;
}

.scrollbar {
    width: 100%;
    /*height:300px;*/
    background-color: #FFF;
    margin-top: 0px;
    margin-left: 0px;
    overflow-y: scroll;
    /*float:left;*/
}

.content {
    height: 450px;
}

.zone-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: none;
}

.zone-container .zone-caption {
    position: absolute;
    bottom: 0;
    /* background-color: rgba(255, 255, 198, 0.8); */
    background-color: rgba(0, 140, 35, 0.8);
    color: #111;
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
}

.zone-container .zone-caption-s {
    position: absolute;
    bottom: 0;
    /* background-color: rgba(255, 255, 198, 0.8); 
	background-color: rgba(0, 140, 35, 0.8);*/
    color: #111;
    width: 100%;
    padding: 8px;
    font-size: 0.875rem;
}

.ico-container {
    position: relative;
}


.titreStyle{
	
	color:white;
	text-shadow:2px 2px 2px green;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	text-shadow: 1px 1px 2px green;
}


.titreStyle2{
	
	color:#242725;
	/*text-shadow:2px 2px 2px green;*/
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	/*text-shadow: 1px 1px 2px green;*/
}

.titreStyle2:hover{
	
	color:#242725;
	/*text-shadow:2px 2px 2px green;*/
	text-align:left;
	font-weight: bold;
	/*text-shadow: 1px 1px 2px green;*/
	text-decoration:underline black;
}

h2 .titreStyle2:hover{
	
	color:#242725;
	/*text-shadow:2px 2px 2px green;*/
	text-align:left;
	font-weight: bold;
	/*text-shadow: 1px 1px 2px green;*/
	text-decoration:underline black;
}

.lienStyle1{
	
	color:black;
	/*text-shadow:2px 2px 2px green;*/
	text-align:left;
	font-weight: bold;
	text-shadow: 1px 1px 2px green;
}

.lienStyle{
	
	color:white;
	/*text-shadow:2px 2px 2px green;*/
	text-align:left;
	font-weight: bold;
	/*text-shadow: 1px 1px 2px green;*/
}

.titreStyle:hover{
	
	color:white;
	text-shadow:2px 2px 2px green;
	text-align:left;
	font-weight: bold;
	text-shadow: 1px 1px 2px green;
	text-decoration:underline white;
}

h2 .titreStyle:hover{
	
	color:white;
	text-shadow:2px 2px 2px green;
	text-align:left;
	font-weight: bold;
	text-shadow: 1px 1px 2px green;
	text-decoration:underline white;
}

.titreStyleNoire{
	color:#212121;
	text-shadow:1px 1px 1px white;
	text-align:left;
	/*text-decoration:underline #212121;*/
	font-weight: bold;
}



.boutongris
{
	/*background-color:#9faebf;*/
	background-color:#4AA564;
	width:30%;
	padding:12px;
	color:#212121; 
	font-size: 14px;
	font-weight: 700;
	box-shadow:2px 2px 2px #9faebf;
}

.liensradius{
	
	
	background-color:#4AA564;
	width:50%;
	padding:10px;
	color:white;
	font-size:16px;
	font-weight: bold;
	
	border-radius:5px 5px 5px 5px;
}

.taillebouton{
	
	height:40px;	
	
}

.taillebouton1{
	
	height:25px;	
	
}

.lienspuce{
	
	list-style: square inside urlurl("/portail-client-web/javax.faces.resource/images/img-puce-fleche1.png.xhtml?ln=california-layout");
}



/*   */ 

table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold;
}

table thead {
    background: #F5F5F5;
}

table thead tr th,
table thead tr td {
    color: #006699;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.5rem 0.625rem 0.625rem;
}

table tfoot {
    background: #F5F5F5;
}

table tfoot tr th,
table tfoot tr td {
    color: #222222;
    /*font-size: 0.875rem;*/
    font-size: 10px;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}

table tr th,
table tr td {
    color: #222222;
    /*font-size: 0.875rem;*/
    font-size: 10px;
    padding: 0.5625rem 0.625rem;
    text-align: left;
}

table tr.even,
table tr.alt,
table tr:nth-of-type(even) {
    background: #F9F9F9;
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
    display: table-cell;
    line-height: 1.125rem;
}


/* small displays */

@media only screen {
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }
    .visible-for-small-only,
    .visible-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }
    .hidden-for-small-only,
    .hidden-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    table.show-for-small-only,
    table.show-for-small-up,
    table.show-for-small,
    table.show-for-small-down,
    table.hide-for-medium-only,
    table.hide-for-medium-up,
    table.hide-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }
    thead.show-for-small-only,
    thead.show-for-small-up,
    thead.show-for-small,
    thead.show-for-small-down,
    thead.hide-for-medium-only,
    thead.hide-for-medium-up,
    thead.hide-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }
    tbody.show-for-small-only,
    tbody.show-for-small-up,
    tbody.show-for-small,
    tbody.show-for-small-down,
    tbody.hide-for-medium-only,
    tbody.hide-for-medium-up,
    tbody.hide-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }
    tr.show-for-small-only,
    tr.show-for-small-up,
    tr.show-for-small,
    tr.show-for-small-down,
    tr.hide-for-medium-only,
    tr.hide-for-medium-up,
    tr.hide-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }
    th.show-for-small-only,
    td.show-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.show-for-small,
    td.show-for-small,
    th.show-for-small-down,
    td.show-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.hide-for-medium-up,
    td.hide-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* medium displays */

@media only screen and (min-width: 40.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .visible-for-medium-only,
    .visible-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .hidden-for-medium-only,
    .hidden-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.show-for-medium-only,
    table.show-for-medium-up,
    table.show-for-medium,
    table.show-for-medium-down,
    table.hide-for-large-only,
    table.hide-for-large-up,
    table.hide-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.show-for-medium-only,
    thead.show-for-medium-up,
    thead.show-for-medium,
    thead.show-for-medium-down,
    thead.hide-for-large-only,
    thead.hide-for-large-up,
    thead.hide-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.show-for-medium-only,
    tbody.show-for-medium-up,
    tbody.show-for-medium,
    tbody.show-for-medium-down,
    tbody.hide-for-large-only,
    tbody.hide-for-large-up,
    tbody.hide-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.show-for-medium-only,
    tr.show-for-medium-up,
    tr.show-for-medium,
    tr.show-for-medium-down,
    tr.hide-for-large-only,
    tr.hide-for-large-up,
    tr.hide-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.show-for-medium-only,
    td.show-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.show-for-medium,
    td.show-for-medium,
    th.show-for-medium-down,
    td.show-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.hide-for-large-up,
    td.hide-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* large displays */

@media only screen and (min-width: 64.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .visible-for-large-only,
    .visible-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .hidden-for-large-only,
    .hidden-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.show-for-large-only,
    table.show-for-large-up,
    table.show-for-large,
    table.show-for-large-down,
    table.hide-for-xlarge-only,
    table.hide-for-xlarge-up,
    table.hide-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.show-for-large-only,
    thead.show-for-large-up,
    thead.show-for-large,
    thead.show-for-large-down,
    thead.hide-for-xlarge-only,
    thead.hide-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.show-for-large-only,
    tbody.show-for-large-up,
    tbody.show-for-large,
    tbody.show-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.hide-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.show-for-large-only,
    tr.show-for-large-up,
    tr.show-for-large,
    tr.show-for-large-down,
    tr.hide-for-xlarge-only,
    tr.hide-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.show-for-large-only,
    td.show-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.show-for-large,
    td.show-for-large,
    th.show-for-large-down,
    td.show-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.hide-for-xlarge-up,
    td.hide-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* xlarge displays */

@media only screen and (min-width: 90.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .visible-for-xlarge-only,
    .visible-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .hidden-for-xlarge-only,
    .hidden-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.show-for-xlarge-only,
    table.show-for-xlarge-up,
    table.show-for-xlarge,
    table.show-for-xlarge-down,
    table.hide-for-xxlarge-only,
    table.hide-for-xxlarge-up,
    table.hide-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.show-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.show-for-xlarge,
    thead.show-for-xlarge-down,
    thead.hide-for-xxlarge-only,
    thead.hide-for-xxlarge-up,
    thead.hide-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.show-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.show-for-xlarge,
    tbody.show-for-xlarge-down,
    tbody.hide-for-xxlarge-only,
    tbody.hide-for-xxlarge-up,
    tbody.hide-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.show-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.show-for-xlarge,
    tr.show-for-xlarge-down,
    tr.hide-for-xxlarge-only,
    tr.hide-for-xxlarge-up,
    tr.hide-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.show-for-xlarge-only,
    td.show-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.show-for-xlarge,
    td.show-for-xlarge,
    th.show-for-xlarge-down,
    td.show-for-xlarge-down,
    th.hide-for-xxlarge-only,
    td.hide-for-xxlarge-only,
    th.hide-for-xxlarge-up,
    td.hide-for-xxlarge-up,
    th.hide-for-xxlarge,
    td.hide-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* xxlarge displays */

@media only screen and (min-width: 120.0625em) {
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large-only,
    .show-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .hide-for-xlarge-only,
    .show-for-xlarge-up,
    .hide-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .show-for-xxlarge-down {
        display: inherit !important;
    }
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large-only,
    .hide-for-large-up,
    .show-for-large,
    .show-for-large-down,
    .show-for-xlarge-only,
    .hide-for-xlarge-up,
    .show-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .hide-for-xxlarge-down {
        display: none !important;
    }
    .hidden-for-small-only,
    .visible-for-small-up,
    .hidden-for-small,
    .hidden-for-small-down,
    .hidden-for-medium-only,
    .visible-for-medium-up,
    .hidden-for-medium,
    .hidden-for-medium-down,
    .hidden-for-large-only,
    .visible-for-large-up,
    .hidden-for-large,
    .hidden-for-large-down,
    .hidden-for-xlarge-only,
    .visible-for-xlarge-up,
    .hidden-for-xlarge,
    .hidden-for-xlarge-down,
    .visible-for-xxlarge-only,
    .visible-for-xxlarge-up,
    .visible-for-xxlarge,
    .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }
    .visible-for-small-only,
    .hidden-for-small-up,
    .visible-for-small,
    .visible-for-small-down,
    .visible-for-medium-only,
    .hidden-for-medium-up,
    .visible-for-medium,
    .visible-for-medium-down,
    .visible-for-large-only,
    .hidden-for-large-up,
    .visible-for-large,
    .visible-for-large-down,
    .visible-for-xlarge-only,
    .hidden-for-xlarge-up,
    .visible-for-xlarge,
    .visible-for-xlarge-down,
    .hidden-for-xxlarge-only,
    .hidden-for-xxlarge-up,
    .hidden-for-xxlarge,
    .hidden-for-xxlarge-down {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    table.hide-for-small-only,
    table.show-for-small-up,
    table.hide-for-small,
    table.hide-for-small-down,
    table.hide-for-medium-only,
    table.show-for-medium-up,
    table.hide-for-medium,
    table.hide-for-medium-down,
    table.hide-for-large-only,
    table.show-for-large-up,
    table.hide-for-large,
    table.hide-for-large-down,
    table.hide-for-xlarge-only,
    table.show-for-xlarge-up,
    table.hide-for-xlarge,
    table.hide-for-xlarge-down,
    table.show-for-xxlarge-only,
    table.show-for-xxlarge-up,
    table.show-for-xxlarge,
    table.show-for-xxlarge-down {
        display: table !important;
    }
    thead.hide-for-small-only,
    thead.show-for-small-up,
    thead.hide-for-small,
    thead.hide-for-small-down,
    thead.hide-for-medium-only,
    thead.show-for-medium-up,
    thead.hide-for-medium,
    thead.hide-for-medium-down,
    thead.hide-for-large-only,
    thead.show-for-large-up,
    thead.hide-for-large,
    thead.hide-for-large-down,
    thead.hide-for-xlarge-only,
    thead.show-for-xlarge-up,
    thead.hide-for-xlarge,
    thead.hide-for-xlarge-down,
    thead.show-for-xxlarge-only,
    thead.show-for-xxlarge-up,
    thead.show-for-xxlarge,
    thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }
    tbody.hide-for-small-only,
    tbody.show-for-small-up,
    tbody.hide-for-small,
    tbody.hide-for-small-down,
    tbody.hide-for-medium-only,
    tbody.show-for-medium-up,
    tbody.hide-for-medium,
    tbody.hide-for-medium-down,
    tbody.hide-for-large-only,
    tbody.show-for-large-up,
    tbody.hide-for-large,
    tbody.hide-for-large-down,
    tbody.hide-for-xlarge-only,
    tbody.show-for-xlarge-up,
    tbody.hide-for-xlarge,
    tbody.hide-for-xlarge-down,
    tbody.show-for-xxlarge-only,
    tbody.show-for-xxlarge-up,
    tbody.show-for-xxlarge,
    tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }
    tr.hide-for-small-only,
    tr.show-for-small-up,
    tr.hide-for-small,
    tr.hide-for-small-down,
    tr.hide-for-medium-only,
    tr.show-for-medium-up,
    tr.hide-for-medium,
    tr.hide-for-medium-down,
    tr.hide-for-large-only,
    tr.show-for-large-up,
    tr.hide-for-large,
    tr.hide-for-large-down,
    tr.hide-for-xlarge-only,
    tr.show-for-xlarge-up,
    tr.hide-for-xlarge,
    tr.hide-for-xlarge-down,
    tr.show-for-xxlarge-only,
    tr.show-for-xxlarge-up,
    tr.show-for-xxlarge,
    tr.show-for-xxlarge-down {
        display: table-row;
    }
    th.hide-for-small-only,
    td.hide-for-small-only,
    th.show-for-small-up,
    td.show-for-small-up,
    th.hide-for-small,
    td.hide-for-small,
    th.hide-for-small-down,
    td.hide-for-small-down,
    th.hide-for-medium-only,
    td.hide-for-medium-only,
    th.show-for-medium-up,
    td.show-for-medium-up,
    th.hide-for-medium,
    td.hide-for-medium,
    th.hide-for-medium-down,
    td.hide-for-medium-down,
    th.hide-for-large-only,
    td.hide-for-large-only,
    th.show-for-large-up,
    td.show-for-large-up,
    th.hide-for-large,
    td.hide-for-large,
    th.hide-for-large-down,
    td.hide-for-large-down,
    th.hide-for-xlarge-only,
    td.hide-for-xlarge-only,
    th.show-for-xlarge-up,
    td.show-for-xlarge-up,
    th.hide-for-xlarge,
    td.hide-for-xlarge,
    th.hide-for-xlarge-down,
    td.hide-for-xlarge-down,
    th.show-for-xxlarge-only,
    td.show-for-xxlarge-only,
    th.show-for-xxlarge-up,
    td.show-for-xxlarge-up,
    th.show-for-xxlarge,
    td.show-for-xxlarge,
    th.show-for-xxlarge-down,
    td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}


/* Orientation targeting */

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}


/* Specific visibility for tables */

table.hide-for-landscape,
table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape,
thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape,
tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape,
tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important;
    }
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
    /* Specific visibility for tables */
    table.show-for-landscape,
    table.hide-for-portrait {
        display: table !important;
    }
    thead.show-for-landscape,
    thead.hide-for-portrait {
        display: table-header-group !important;
    }
    tbody.show-for-landscape,
    tbody.hide-for-portrait {
        display: table-row-group !important;
    }
    tr.show-for-landscape,
    tr.hide-for-portrait {
        display: table-row !important;
    }
    td.show-for-landscape,
    td.hide-for-portrait,
    th.show-for-landscape,
    th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important;
    }
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }
    /* Specific visibility for tables */
    table.show-for-portrait,
    table.hide-for-landscape {
        display: table !important;
    }
    thead.show-for-portrait,
    thead.hide-for-landscape {
        display: table-header-group !important;
    }
    tbody.show-for-portrait,
    tbody.hide-for-landscape {
        display: table-row-group !important;
    }
    tr.show-for-portrait,
    tr.hide-for-landscape {
        display: table-row !important;
    }
    td.show-for-portrait,
    td.hide-for-landscape,
    th.show-for-portrait,
    th.hide-for-landscape {
        display: table-cell !important;
    }
}


/* Touch-enabled device targeting */

.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}


/* Specific visibility for tables */

table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}


/* Screen reader-specific classes */

.show-for-sr {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.show-on-focus:focus,
.show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}


/* Print visibility */

.print-only,
.show-for-print {
    display: none !important;
}

@media print {
    .print-only,
    .show-for-print {
        display: block !important;
    }
    .hide-on-print,
    .hide-for-print {
        display: none !important;
    }
    table.show-for-print {
        display: table !important;
    }
    thead.show-for-print {
        display: table-header-group !important;
    }
    tbody.show-for-print {
        display: table-row-group !important;
    }
    tr.show-for-print {
        display: table-row !important;
    }
    td.show-for-print {
        display: table-cell !important;
    }
    th.show-for-print {
        display: table-cell !important;
    }
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body, div, a ,p ,h1, h2, h3, h4, button, label 
{
	
	/*font-family: 'Georgia',Georgia,"Times New Roman",serif !important;*/
	/* font-family: 'Comic Sans MS',Comic Sans MS,"Times New Roman",serif !important; */
	/*font-family: 'fantasy',fantasy,"Times New Roman",serif !important;*/
	/*font-family:Georgia, serif ;*/
	font-family:Arial, serif ;
}

.ui-outputlabel-rfi{	
	color:red;
}


.titreBienvenue {

top: 50%;
right: 50%;
transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-size: 20px;
font-weight: 650;
color:green;
/*text-shadow: 1px 1px 1px#919191, 

	1px 2px 1px #919191;*/
}


.centeredColumn {
   text-align:center !important;
}

.titreProfil {

transform: translate(50%,-50%);
text-transform: uppercase;
font-family: verdana;
font-weight: 650;
color:green;
/*text-shadow: 1px 1px 1px#919191, 

	1px 2px 1px #919191;*/
}

.tabCol2 
{
	text-align:right;
} 

.tabCol2  span
{
	text-align:right;
}