.visitedtext {
	font-family: Arial;
	font-size: 15px !important;
	color: #ffffff !important;
}

.nonvisitedtext {
	font-family: Arial;
	font-size: 15px !important;
	color: #FFF !important; /* Modification Mailiz */
}

.smallLinkText {
	font-size:12px !important;
	cursor: pointer;
}

.portlet-column-first {
	background-color: #ffffff;
}

.tablebienvenue {
	height:109px;
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold !important;
}

.tablebienvenue ol {
	padding-left: 4px;
	margin-top: 0px;
}

.tablebienvenue li {
	list-style-type: decimal;
	float: left;
}

.ie6 .tablebienvenue li, .ie7 .tablebienvenue li, .ie8 .tablebienvenue li {
	list-style-type: decimal;
	float: left;
}

.ie8 .field {
	float: right;
}

.tablebienvenue .leftlabel {
	float: left;
}

.tablebienvenue .rightlabel {
	font-weight: normal;
}

.breadcrum1 {
	background-color: transparent;
	background-image: url('/autocreationBAL-portlet/img/breadcrumb1.png');
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 11px; /* Modification Mailiz */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 81px;
	width: 648px;
}

.breadcrum2 {
	background-color: transparent;
	background-image: url('/autocreationBAL-portlet/img/breadcrumb2.png');
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 11px; /* Modification Mailiz */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 81px;
	width: 648px;
}

.breadcrum3 {
	background-color: transparent;
	background-image: url('/autocreationBAL-portlet/img/breadcrumb3.png');
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 11px; /* Modification Mailiz */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 81px;
	width: 648px;
}

.breadcrum4 {
	background-color: transparent;
	background-image: url('/autocreationBAL-portlet/img/breadcrumb4.png');
	background-repeat: no-repeat;
	background-size: 100%;
	margin-top: 11px; /* Modification Mailiz */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 81px;
	width: 648px;
}

.step1 {
	width: 100px;
	margin-left: 20px;
	margin-right: 20px;
	height: 61px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px; /* Modification Mailiz */
	float: left;
}

.step2 {
	float: left;
	width: 150px;
	margin-left: 25px;
	margin-right: 20px;
	height: 61px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px; /* Modification Mailiz */
}

.step3 {
	float: left;
	width: 120px;
	margin-left: 22px;
	margin-right: 20px;
	height: 61px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px; /* Modification Mailiz */
}

.step4 {
	float: left;
	width: 100px;
	margin-left: 23px;
	margin-right: 20px;
	height: 61px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	padding-top: 28px; /* Modification Mailiz */
}

.bold {
	font-weight: bold !important;
}

.textFirstError {
	font-weight: bold !important;
	color: #FF0000 !important;
	padding-top: 0px;
}

.textFirstError ul {
	list-style-type: none;
	margin-left: 0px;
	margin: 0px;
}

.nonDispoError {
	font-weight: bold !important;
	color: #FF0000 !important;
	padding-top: 30px;
}


.premandatory{
	float: left; 
}

.mandatory {
	font-weight: bold !important;
	color: #FF0000 !important;
	float: left;
	font-size: 17px;
	width: 25px;
}

.textSeccondError {
	font-weight: bold !important;
	color: #FF0000 !important;
	padding-top: 15px;
	align: left;
}

.textSeccondError ul {
	list-style-type: none;
	margin-left: 0px;
	margin: 0px;
}

.listeOrdres input {
	margin-top: 2px;
}

.outer {
	width: 100%;
	margin: 0;
	background-color: #ffffff;
}

.inner {
	width: 91%;
	margin-left: 30px;
	margin-right: auto;
	min-height: 400px;
	padding-top:30px;
}

.text-field {
	float: left;
	font-family: Arial;
	font-size: 12px !important;
	color: #555555 !important;
}

.text-middle {
	float: left;
	font-family: Arial;
	font-size: 12px !important;
	color: #555555 !important;
}

.small-text {
	font-family: Arial;
	font-size: 11px !important;
	color: #555555 !important;
}

.text-field .label {
	margin-left: 16px;
	margin-right: 10px;
}

.row {
	clear: both;
	padding-bottom: 15px;
}

.rowNotifications {
	width: 620px;
	float: left;
}

.notifications {
	float: left;
	width: 435px;
}

.rowNotifications .aide {
	padding-top: 50px;
}

.itemNotif {
	float: left;
	width: 435px;
	padding-top:30px;
}

.lastItemNotif {
	float: left;
	width: 435px;
	padding-top:15px;
}


.lastrow {
	clear: both;
}

.userTable {
	width: 550px;
	padding-top: 0px;
}

.userTable .column {
	width: 200px;
}

.userTable .columndata {
	width: 350px;
	overflow: auto;
	white-space: nowrap;
}

.userTable .row {
	clear: both;
	height: 15px;
	padding-top: 0px;
	padding-bottom: 5px;
	height: 15px;
}

.userTable .lastrow {
	clear: both;
	height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 15px;
}

.listeOrdres {
	padding-top: 0px;
	padding-left: 15px;
}

.scrollDiv {
	border: 2px #D8D8D8 solid;
	height: 150px;
	overflow-y: scroll;
	padding: 4px;
}

.optTable .mainrow {
	clear: both;
	padding-bottom: 15px;
	width: 620px;
}

.ie6  .optTable .aide, .ie7 .optTable .aide{  
	width: 180px !important;
}

.ie7  .row,  .ie6 .row  {
	clear: both;
	width: 600px;
}
 
.mask {
	color: #BFBFBF;
}

.radio .row {
	padding-top:15px;
}

.optTable .bloctytle  {
 	float: left;
	font-family: Arial;
	font-weight: bold !important;
	font-size: 12px !important;
	color: #555555 !important;
	padding-bottom: 30px;
}


.optTable .radio .bloctytle  {
	padding-bottom: 0px;
}

.optTable .newbloc {
    padding-top: 45px;
}

.ie6  .mainrow, .ie7 .mainrow{  
	height: 30px;
}

.ie6  .endmainrow, .ie7 .endmainrow{  
	height: 30px;
}

.ie6  .endmainrow .text-field, .ie7 .endmainrow .text-field{  
	width: 600px;
}

.ie6  .endmainrow .empty, .ie7 .endmainrow .empty{  
	width: 10px;
}


.optTable .mainrow .row .left {
	width: 220px;
}

.optTable .mainrow .row .right {
	width: 186px;
}

.optTable .endmainrow .row .left {
	width: 400px; 
	margin-right: 10px;
}

.optTable .endmainrow .row .right {
	width: 160px; 
	padding-top:1px;
}

.optTable .endmainrow{
	clear: both;
	padding-bottom: 0px;
	width: 620px;
}


.optTable .endmainrow input[type="radio"] {
    margin-right: 5px; 
}


.optTable .endmainrow .row {
	padding-bottom: 0px;
}

.optTable .mainrow .leftflield{
	width: 435px;
}

.optTable .endmainrow .leftflield{
	width: 435px; 
	float: left;
}

.optTable .mandatoryinfo {
	font-weight: bold !important;
	color: #FF0000 !important;
	float: left;
	font-size: 17px;
	margin-left: 435px; 
	width: 180px;
}

.optTable .mandatoryinfo label {
	font-style:italic; 
	color: #FF0000 !important;
	font-size: 12px; 
	font-weight: normal !important;
}

.optTable .cbflield {
	height: 15px; 
	padding-bottom: 25px;
}

.optTable .label {
	width: 100%;
}

.optTable .text-field label {
	margin-left: 0px;
	margin-right: 0px;
}

.advfloat {
	float: left;
}

.leftlibelle {
	width: 100%;
	padding-left: 0px;
	font-family: Arial;
	font-size: 12px !important;
	color: #555555 !important;
}

.leftheader {
	max-width: 100%;
	padding-left: 0px;
	font-family: Arial;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #555555 !important;
}

.leftmainheader {
	max-width: 100%;
	padding-left: 0px;
	font-family: Arial;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #555555 !important;
	width: 650px; 
	padding-top: 30px;
}

.leftgreenmainheader {
	max-width: 100%;
	padding-left: 0px;
	font-family: Arial;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #93ad70 !important; /* Modification Mailiz */
	width: 650px; 
	padding-top: 30px;
}

.stronglibelle {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 15px;
	font-weight: bold !important;
}

#blocAdresses .stronglibelle {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 15px !important;
	font-weight: bold !important;
}

#blocAdresses .address {
	padding-top:10px; 
	padding-left: 10px;
}

#blocAdresses .addressUnique {
	padding-top:10px; 
}


.stronglibelleBloc {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding-top: 15px;
	font-weight: bold !important;
}

.ie7 .stronglibelleBloc {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-weight: bold !important;
}


.mailinfo {
	width: 650px; 
	color: #555555; 
	font-family: Arial; 
	font-size: 16px; 
	padding-top: 10px;
	overflow: auto;
    width: 550px;
    white-space: nowrap;
}

.msslink {
	color: #1e3835 !important; /* Modification Mailiz */
	font-family: Arial;
	font-size: 12px !important;
	font-weight: bold !important;
	text-decoration: none;
}

.boutsuivant {
	margin-right: 35px;
}

.newbloc{
	padding-top: 30px;
}

#blocAdresses {
	padding-top: 20px;
}

.newblocmargin {
    margin-top: 30px; 
}

.bloc {
	padding-top: 15px; 
	width: 620px;
}

.endbloc{
	padding-bottom: 0px;
}


.ie6  .confirmationtable, .ie7 .confirmationtable{  
	display: inline-table; 
	width: 617px; 
	height: 137px;
	background-color: #F5F5F5; 
}


.confirmationtable {
	display: inline-table; 
	width: 617px; 
	height: 117px;
	background-color: #F5F5F5; 
}

.confirmationtable .left {
	width: 288px; 
	padding: 10px;
}

.confirmationtable .right {
	width: 285px; 
	border-left-style: dotted; 
	border-left-width: 1px; 
	border-color: #575757;
	padding: 10px; 
	height: 117px;
}

.confirmationtable .leftheader {
	max-width: 100%;
	padding-left: 0px;
	font-family: Arial;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #555555 !important;
	padding-bottom: 5px;
}

.stronglibelletop {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold !important;	
	padding-top: 30px; 
	padding-bottom: 5px;
}

.stronglibellebottom {
	color: #555555 !important;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold !important;		
	padding-top: 15px; 
	padding-bottom: 0px;
}

.cgu {
	padding-top: 1px;
}

.lastradio {
	float:right; 
	padding-left: 3px; 
	padding-bottom:15px;
}

.lastradio label {
	padding-bottom:5px;
}

.lastradio input {
	padding-bottom:5px;
}

#precanalotp {
	padding-bottom:0px
}

#canalotp {
	padding-top: 30px;
	display: none;
}
	
	
input[type="radio"] {
	vertical-align: bottom; 
	margin-bottom:3px;
}

.balactif .row {
	padding-bottom: 15px;
}

.balactif .buttonrow {
	padding-top: 15px;
	padding-bottom: 15px;
}

#radiotag {
	width: 210px;
}

#dright {
	float: right;
}

#dleft {
	margin-left: -150px;
}


#lienpresentation a {
    /* Modification Mailiz padding-right: 20px; */
}
.osBrowserError
{
	color: red;
	width: 75%;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding: 15px;
	font-weight: bold !important;
	
}

.toggleArrow{
	cursor: pointer;
	margin-bottom: -10px;
}

.blueArrow{
	color: #18b7f6;
}

.whiteArrow{
	color: black;
	font-weight: normal;
}

.toggleUl{

	color: #ef385a;
	cursor: pointer;
	text-decoration: underline;
	

}

.toggleUl ~ .toggleUl
{
}


.toggleable {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 5px;
}

#verificationContainer
{
	min-height: 600px;
}

i
{
	margin: 10px;
	position: relative;
	top: 4px;
}

.toggleArrow i
{
	min-width: 15px;
}

.topMargin
{
	margin-top: 10px;
}

.blueContainer
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	color: black;
	padding: 15px;
	font-size: 1em;
	font-weight: bold;
	overflow: auto;
	margin-top: 10px;
	border: 2px #629adf solid;
}

.redContainer
{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 12px;
	font-size: 1em;
	font-weight: bold;
	overflow: auto;
	margin-top: 10px;
	border: 2px red solid;
}

.blueGradient {
	background: rgb(53,178,212); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(53,178,212,1) 0%, rgba(40,139,165,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,178,212,1)), color-stop(100%,rgba(40,139,165,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(53,178,212,1) 0%,rgba(40,139,165,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(53,178,212,1) 0%,rgba(40,139,165,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(53,178,212,1) 0%,rgba(40,139,165,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(53,178,212,1) 0%,rgba(40,139,165,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35b2d4', endColorstr='#288ba5',GradientType=0 ); /* IE6-9 */
}

.etapeSection
{
	float: left;
	width: 15%;
	
}

.etape3Section
{
	padding-top: 5px;	
	padding-left: 20px;
	width: 10%;
}

.etapeSectionContenu
{
	float: right;
	width: 85%;
}

.etape3SectionContenu
{
	padding-top: 5px;	
	float: right;
	width: 65%;
	
}

#etape1Container
{
	width: 100%;
	overflow: hidden;
}

#etape2Container
{
	width: 100%;
	overflow: hidden;
}

#etape3Container
{
	width: 105.1%;
	height: 30px;
	overflow: hidden;
}


.iconeKO, .iconeOK
{
	margin-right: 5px;
	margin-top: 5px;
	position: relative;
	width: 20px;
	height: 16px;
	top: 4px
}

.etapeToggleable
{
	color: black;
	font-weight: normal;
}

.intitule
{
	width: 80%;
}

.etapeConfirmation
{
	padding-top: 5px;	
	padding-left: 20px;
	float: right;
	width: 17%;
	border: 1px red solid;
	color: white;
	background-color: #ff4b4b;
	height: 30px;
	cursor: pointer;
}

.intituleOS
{
	color: black;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}

.underline
{
	text-decoration: underline;
}

#imgWindows1, #imgMac1
{
	width: 90px;
	height: 70px;
	float: right;
	margin: 2px;
	margin-top: -33px;
}

#imgLecteur
{
	width: 74px;
	height: 70px;
	float: right;
	margin: 2px;
	margin-top: -33px;
}

#imgWindows2
{
	width: 47px;
	height: 59px;
	float: right;
	margin-top: -25px;
	margin-right: -28px;
}

.diagnosticButton
{
	margin-bottom: 10px;
}

#imgWindows3
{
	width: 327px;
	height: 228px;
	margin-left: 80px;
}

#imgAideIconeRouge
{
	width: 113px;
	height: 58px;
	margin-left: 0px;
	margin-right: -37px;
	float: right;
}

.smaller
{
	font-size: smaller;
}

.intitule img
{
	margin-left: 5px;
}

.redLink
{
	text-decoration: underline !important;
	color: red !important;
	font-size: 12px !important;
}

.violetBorder
{
	border: 3px solid #8064a2;
}

.centeredText
{
	text-align: center;
}
#modal-overlay-custom {
    position: absolute;
    z-index: 10;
    background: white;
    display: block;
    opacity: .80;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
}

#modal-overlay-custom img {
	display: block;
	margin: 6em auto 0 auto;
	width:5em;
}

.redButton
{
	background-color: #93ad70; /* Modification Mailiz */
	background-position: 15% 50%;
	background-repeat: no-repeat;
	border: medium none;
	color: #FFF !important;
	float: right;
	font-size: 13px !important;
	font-weight: bold;
	margin-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	text-align: center;
	text-decoration: none !important;
	width: 118px;
	text-shadow: none;
	padding: 5px 10px;
	font-family: Arial, sans-serif;
	color: #ffffff;
	display: block;
	cursor: pointer;
	/* Modification Mailiz border-color: #b50d29; */
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#continuerButton
{
	margin-top: 10px;
}

#bienvenueContainer
{
	margin-top: 40px;
}
#authentification
{
	display:none;
}