/*
 * Copyright (c) 2018 AXA Shared Services Spain S.A.
 *
 * Licensed under the AXA Shared Services Spain S.A. License (the "License"); you
 * may not use this file except in compliance with the License.
 * A copy of the License can be found in the LICENSE.TXT file distributed
 * together with this file.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:11px;
		font-size:x-small;
		font-weight:normal;
    	margin:0;
    	padding:0;
    	text-align:left;
    	color: #000000;
    	background-color:#7188a1;

    }
	
td, select, textarea, input {
	font-family:Arial Unicode MS, Arial, Helvetica, sans-serif;
}
strong{
	color:#0066CC;
	}
	
.gray{
	color:#999;
	}	
.black{
	font-weight:bold;
	color:#000;
	}
.red{
	color:#C00;
	}
p {
	padding:0;
	margin:0;
	}
	
#container {
    width:955px;
    background:url(../images/page_bg.jpg) 0 0 repeat-y #FFF;
    margin: 0 auto;
    padding:0;
   }

/*#container {
   width:955px;
   background:url(../images/login_page_bg.jpg) 0 0 repeat-y #FFF;
   margin: 0 auto;
   padding:0;
}*/

/*for firefox*/
html>/**/body #container {
   margin: 0 auto;
   background:url(../images/page_bg.jpg) top left repeat-y #FFF;
   padding:0;
}


#ste{
		color:#CCC;
		font-weight:bold;
	font-size:1.1em;
    	padding:0;
		margin:5px 20px 0 30px;
		height:15px;
    	width:850px;
	}
#header {
    	padding:0;
		margin:20px;
		margin-top:5px;
		margin-bottom:5px;
		height:126px;
    	width:912px;
    	background:url(../images/header_bg.jpg) 0 0 repeat-x #fff; 
		}
/*for firefox*/
html>/**/body #header {
    padding:0;
    margin:20px;
    margin-top:5px;
    margin-bottom:5px;
    height:126px;
    width:912px;
    background:url(../images/header_bg.jpg) top left no-repeat #fff; 
    }
    
#header .start {
    	background:url(../images/header_start.jpg) 0 0 no-repeat #fff; 
    	padding:0;
		height:126px;
		width:12px;
		float:left;
		}
#header .header {
    	padding:0;
		height:126px;
		width:725px;
		float:left;
    	background:url(../images/passAXA_logoSmall.jpg) 10px 7px no-repeat; 
		}
#header .headerBackHome{
	float:left;
    	padding:0;
		border:none;
		}
#header .headerOK {
    	padding:0;
		height:111px;
		width:725px;
		float:left;
    	background:url(../images/passAXA_logoSmall_green.jpg) 10px 7px no-repeat; 
		}
#header .headerError {
    	padding:0;
		height:111px;
		width:725px;
		float:left;
    	background:url(../images/passAXA_logoSmall_red.jpg) 10px 7px no-repeat; 
		}
	
#header .end {
    	background:url(../images/header_end.jpg) 0 0 no-repeat #fff; 
    	padding:0;
		height:126px;
		width:12px;
		float:right;
		}
	
#header h1 {
    	margin:0;
		padding:12px 0 0 100px;
		color:#103184;	
		font-size:38px;
    	}

#header h1 span{
		font-size:32px;
    	}

#header h2{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	line-height:30px;
	color:#666666;
	margin:0;
		padding:0 0 0 100px;
}	
	
	
/***-----------------------------------------------------------------***/	
	
#mainContent {
    width:952px;
	margin:0;
    padding:0;
    }

/***----MRJ 26/11/2014 - PassAXA - Change password - V3.1 ---***/
#mainContentv3_1 {
	background:url(../images/content_bg.jpg) -10px 0 no-repeat #fff; 
    width:932px;
	margin:0 0 0 12px;
    padding:0;
    }

     
#mainContentv3_1 .contentv3_1{
	margin:0 8px 0 0px;
	padding:0;
    padding:20px 298px 10px 17px;
    padding:18px 0 0 17px;
    }

#mainContentv3_1 .contentv3_1 .box{
	width:620px;
	margin:0 0 15px 0;
	font-size:1.1em;
	/*background-color:#FFF;*/
	}
	
.contentv3_1 .boxTop{
	height:10px;
	background:url(../images/box_top.gif) 0 3px no-repeat;
	}

.contentv3_1 .boxCenter{
	background:url(../images/box_center.gif) 0 0 repeat-y;
	min-height:86px;
	}
/*for firefox*/
html>/**/body .contentv3_1 .boxCenterv3_1{
   min-height:195px;
   }	

.contentv3_1 .boxCenterSmall{
	background:url(../images/box_center.gif) 0 0 repeat-y;
	min-height:150px;
	}
	
.contentv3_1 .boxBottom{
	height:10px;
	background:url(../images/box_bottom.gif) 0 0 no-repeat;
	}

#email_siteminder{
	background-color:#ddd;
	color:#aaa;
}
/***----END MRJ 26/11/2014 - PassAXA - Change password - V3.1 ---***/

#mainContent .content{
	margin:0 8px 0 12px;
    background:url(../images/content_bg.jpg) 0 0 no-repeat #fff; 
	padding:0;
    padding:20px 298px 10px 17px;
    padding:18px 0 0 17px;
    }


    
/******--------------------------------------------------------------------------*****/
#mainContent .content .box{
	width:620px;
	margin:0 0 15px 0;
	font-size:1.1em;
	/*background-color:#FFF;*/
	}
#mainContent .content .boxScroll{
	width:620px;
	margin:0 0 15px 0;
	font-size:1.1em;
	/*background-color:#FFF;*/
	}

.content .boxTop{
	height:10px;
	background:url(../images/box_top.gif) 0 3px no-repeat;
	}

.content .boxCenter{
	background:url(../images/box_center.gif) 0 0 repeat-y;
	min-height:195px;
	}
/*for firefox*/
html>/**/body .content .boxCenter{
   min-height:195px;
   }	
   

	
.content .boxCenterSmall{
	background:url(../images/box_center.gif) 0 0 repeat-y;
	min-height:150px;
	}

   		
.content .boxBottom{
	height:10px;
	background:url(../images/box_bottom.gif) 0 0 no-repeat;
	}
.hidden{
	filter:alpha(opacity=20);  
	-moz-opacity:0.20;
	opacity:0.20;
	}
.visible{
	filter:alpha(opacity=100);  
	-moz-opacity:1;
	opacity:1;
	}
	
.security{
	border:1px solid #E2E2E2;
	text-align:center;
	margin:10px 0 5px 0;
	width:220px;
	}
.security .barre td{
	border-top:1px solid #E2E2E2;
	}
	
.saisie td{
	padding:0 10px;
	}
.saisie input{
	width:460px;
	margin:0;
	padding:0;
	}
#textfield4{
	width:200px;
	margin:0;
	padding:0;
	}
.saisie a{
	font-family:Tahoma,Geneva, sans-serif;
	font-weight:1.2em;
	text-decoration:none;
	color:#103184;
	}
.saisie .question a{
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:1.2em;
	text-decoration:none;
	color:#900;
	}
	
.saisie .btnValider a, .btnValider a:hover{
	background:url(../images/btn_valider.jpg) 0 0 no-repeat;
	width:154px;
	height:23px;
	margin:25px 0;
	padding-top:5px;
	display:block;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
	}
	
.btnValider a:hover{
	background:url(../images/btn_validerON.jpg) 0 0 no-repeat;
	color:#ff;
	}
.btnRadio{
	width:25px !important;
	}

/******--------------------------------------------------------------------------*****/
.erreur, .verif{
	margin:auto;
	width:430px;
	height:190px;
	background-image:url(../images/bg_error.jpg);
	position:absolute;
	top:40%;
	left:23%;
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	opacity:0.90;
	}
.verif{
	background-image:url(../images/bg_verif.jpg);
	}
.erreur .btnError{
	float:right;
	margin:0 15px 0 0;
	padding:0;
	}
.erreur p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:1.8em;
	color:#660000;
	margin:0;
	padding:0;
	}
	
.verif{
	width:428px;
	height:157px;
	background-image:url(../images/bg_wait.jpg);
	}
.verif p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:1.8em;
	color:#660000;
	margin:0;
	padding:0;
	}
.verif .wait{
	text-align:center;
	background:url(../images/gif_wait.gif) 50% 50% no-repeat;
	}
	
.erreurdown{
	margin:auto;
	width:430px;
	height:190px;
	background-image:url(../images/bg_error.jpg);
	position:absolute;
	top:60%;
	left:23%;
	filter:alpha(opacity=90);  
	-moz-opacity:0.90;
	opacity:0.90;
	}
.erreurdown .btnError{
	float:right;
	margin:0 15px 0 0;
	padding:0;
	}
.erreurdown p{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:1.8em;
	color:#660000;
	margin:0;
	padding:0;
	}	
	

/******--------------------------------------------------------------------------*****/

.confirmation{
	height:575px;
	}
.confirmation p{
	margin:10px 2em 1em 95px;
	font-size:1.5em;
	}
.confirmation a{
	color:#000;
	}
.confirmation_error{
	height:575px;
	}
.confirmation_error p{
	margin:10px 2em 1em 95px;
	font-size:1.5em;
	}
.confirmation_error a{
	color:#000;
	}
.confirmation_error div{
	margin:10px 2em 1em 95px;
	font-size:1.5em;
	}
.confirmation_error h3{
	color:#C00;
	}


/******--------------------------------------------------------------------------*****/
.sidebar{
	cursor: default;
	width:205px;
	height:500px;
	float:right;
	padding:30px 20px 25px 20px;
	margin:0px 30px 15px 0;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	}
/*for firefox*/
    html>/**/body .sidebar{
    padding:30px 35px 25px 20px;
   }
/*for IE6*/
*html .sidebar{
    padding:30px 0 25px 0;
    margin:0px 23px 15px 0;

    }
       
.sidebar .block{
	width:210;
	height:135px;
	margin:5px 0 20px 15px;
	}
/*for IE6*/
*html .sidebar .block{
    margin:5px 0 20px 0;
    }
/*for IE7*/
   *+html .sidebar .block{
    margin:5px 0 20px 0;
    }
.sidebar h2{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:22px;
	color:#666666;
	margin:0 0 0 15px;
	padding:0 0 0.1em 0;
}
/*for IE7*/         
*+html .sidebar h2{
   margin:0;
    }
/*for IE6*/
   *html .sidebar h2{
    margin:0;
    }
    
.sidebar .message{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	color:#fff;
	margin:10px 0;
	padding:0 0 0.1em 0;
}
.sidebar p{
	margin:0;
	padding:0;
}

	

/*********-------------------------------------------*******/

h1{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:4em;
	margin:0;
	padding:0 0 0.25em 0;
}
h2{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:2.2em;
	color:#103184;
	margin:0;
	padding:0 0 0 0;
}
h3{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:1.5em;
	color:#555;
	margin:0;
	padding:0.5em 0 0 0;
}

h4{
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#333;
	margin:0.5em 0 0.5em 0;
	padding:0;
    }
.errorMessage {
	font-size:11px; 
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #ff0000;
	margin:0.5em 0 0.5em 0;
	padding:0;
	}

/*	

#railway{
	height:20px;
	width:540px;
	padding:0;
	margin-bottom:20px;
	margin:20px 0 20px 0;
	background-color:#f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#999;
	}
#railway ul {
	list-style:none; 
	margin:0;
	padding:0;
}
#railway ul li{ 
      border:0;
      padding:0;
      float:left;
      padding:0 5px 0 3px;
}	
#railway .profil{
      color:#ac2000;
      }	*/
	
	
#tools{
	font-family:"Franklin Gothic Book", Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:10px 0 0 0;
	padding:0;
	text-align:right;
	float:right;
	width:150px;
	}
#tools p{
	margin:5px 0;
	padding:0;
	}
#tools a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:right;
	text-decoration:none;
	padding:0 0px;
	margin:0;
	color:#a6895b;
	/*color:#00529c;*/
	}
#tools a:hover{
	color:#CC0000;
	}
	
#tools select{
	font-family:Arial Unicode MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:5px 10px 0 0;
	z-index:1000;
	}
/*for firefox*/
html>/**/body  #tools select{
   float:right;
   clear:right;
   margin:5px 10px 0 0;
   }         


#footer h4{
	padding:30px 0 0 0;
	margin:0;
	}
#footer ul{
    margin:0;
	padding:0;
	list-style:none;
	}	
#footer li a{
    margin:0 0 0 0;
	padding:0;
	text-align:left;
	color:#a99c89;
	font-size:10px;
	text-decoration:none;
	}	
#footer li a:hover{
	text-decoration:underline;
	}
    
	
	
.fltrt {
		float: right;
    	margin-left: 8px;
    }
.fltlft { 
		float: left;
    	margin-right: 8px;
    }
    
.clearfloat { /* cette classe doit etre placee pour un element div ou break et doit etre l'element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	
	.block span
{
	font:bold 15px Tahoma;
}

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

.block span span span
{
	font-size:11px;
	line-height:13px;
}



.pass{
background:#fff url(../images/passaxa_bg.png) no-repeat top left;
}


.pass ul  li{ /*------- MAR 15062009 ---------*/
width:	210px;
height: 135px;

}
.securite{ /*------- MAR 15062009 ---------*/
background:#fff url(../images/securite_bg.png) no-repeat top left;
}

.block h3
{
            margin:0px;
            padding:0px;
            line-height:0px;
            padding-top:8px;
            padding-left:12px;
            font:bold 21px Tahoma;
            color:#4c0001;
           

}
h3.blue { color:#05336e; }

 
#fadeBlock{width:190px; min-height:70px;text-align:left; color:#fff; font:lighter 18px Tahoma; margin-left:11px; padding-top:3px; line-height:20px;}


#fadeBlock2

{

width:190px; min-height:70px;text-align:left; color:#fff; font:lighter 18px Tahoma; margin-left:11px; padding-top:3px; line-height:20px;

}