@media screen and (min-width:320px) {
	.cadre_choix_identifier {
		width: 100%;
		display: block;
		border: 1px solid #ccc;
		margin: 0 auto;
		-webkit-transition: all 0.3s linear;
	    -moz-transition: all 0.3s linear;
	    -o-transition: all 0.3s linear;
	    transition: all 0.3s linear;
	}

	.sous_titre_bleu {
		color:#2d323e;
		font-size:13px;
		line-height: 1.3;
	}
}

@media screen and (min-width:740px) {
	.cadre_choix_identifier {
		width: 320px;
		display: inline-block;
		margin: 10px;
		border: 1px solid #ccc;
		vertical-align: top;
		margin: 0 auto;
	}

	.sous_titre_bleu {
		color:#2d323e;
		font-size:12px;
	}
}

@media screen and (min-width:1100px) {

}

.intro_crer_compte {
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.cadre_choix_identifier:hover {
	border: 1px solid #000;
}

.titre_page {
	text-transform : uppercase;
	font-size: 15px;
	border-bottom: 1px solid #000;
	color: #000;
}

.zone_identification {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.label_formulaire {
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
}

.champ_formulaire {
	width: 100%;
	margin-bottom: 10px;
}

.input_login, .champs_de_form {
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.titre_section_login {
	border-bottom: 1px solid #ccc;
	background-color: #f8f8f8;
	font-size: 16px;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.cadre_choix_identifier:hover .titre_section_login {
	background-color: #ededed;
	border-bottom: 1px solid #000;
}


.contenu_formulaire_log {
	width: 100%;
	padding: 5px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.text_checkbox_login {
	font-size: 12px;
	font-style: italic;
}

.asterix_obligatoir {
	font-size:11px;
	color:#950000;
}


























.btn_change_mdp {
	background: #fff;
	color: #474747;
	border:1px solid #474747;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    margin-bottom:5px;
}

.btn_change_mdp:hover {
	background-color:#f1dfd1;
}

.btn_validation_log, .btn_validation {
	background: #474747;
	color: #fff;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.btn_validation_log:hover, .btn_validation:hover {
	background: #ef8152;
}

.text_gratuit_sans_engagement {
	font-size: 12px;
	font-style: italic;
}


.text_obligatoire {
	font-size: 12px;
	font-style: italic;
	margin-top: 7px;
	margin-bottom: 4px;
}

.erreur_log {
	color: #8a0000;
	font-size: 12px;
	font-style: italic;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.message_log {
	color: #068a00;
	font-size: 13px;
	font-style: italic;
	width: 100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.creation_compte_interdit {
	background-color: #999999;
	width: 100%;
	height: 183px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #2B2B2B;
}

.sous_titre_bleu {

}

/* EN ETAPE */

@media screen and (min-width:120px) {
	.section_denomination_etape, .interieur_etape {
		width:300px;
	}
}

@media screen and (min-width:777px) {
	.section_denomination_etape, .interieur_etape {
		width:650px;
	}
}
.section_denomination_etape {
	
}

.section_denomination_etape, .interieur_etape {
	margin:auto;
	margin-bottom:30px;
}

.section_etape_superieur {
	text-align: justify;
	font-size: 0;
 	font-size: 12px\9; /* IE6-9 only hack */
 	
}

.barre_etape_mon_compte {
	width:100%;
	height:8px;
	border:1px solid #ccc;
	position:relative;
}

.interieur_barre_mon_compte {
	position:absolute;
	width:50%;
	background-color:#5d9959;
	height:8px;
	top:0px;
	left:0px;
	-webkit-transition: all 1.3s ease-in-out;
	-moz-transition: all 1.3s ease-in-out;
	-o-transition: all 1.3s ease-in-out;
	transition: all 1.3s ease-in-out;
}


.dans_barre_etape_num_0 {
	position: absolute;
	background: #5e5e5e;
	width: 10px;
    font-size: 10px;
    color: #fff;
    left:0px;
    bottom: -20px;
}
.dans_barre_etape_num_0:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(94, 94, 94, 0);
	border-bottom-color: #5e5e5e;
	border-width: 5px;
	margin-left: -5px;
}

.dans_barre_etape_num_1 {
	position: absolute;
	background: #5e5e5e;
	width: 10px;
    font-size: 10px;
    color: #fff;
    left:50%;
    bottom: -20px;
    margin-left:-10px;
}
.dans_barre_etape_num_1:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(94, 94, 94, 0);
	border-bottom-color: #5e5e5e;
	border-width: 5px;
	margin-left: -5px;
}

.dans_barre_etape_num_2 {
	position: absolute;
	background: #5e5e5e;
	width: 10px;
    font-size: 10px;
    color: #fff;
    right:0px;
    bottom: -20px;
}
.dans_barre_etape_num_2:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(94, 94, 94, 0);
	border-bottom-color: #5e5e5e;
	border-width: 5px;
	margin-left: -5px;
}

.block_etape_mon_compte_active, .block_etape_mon_compte {
	text-align: center;
	display:inline-block;
	margin:5px;
	cursor:pointer;
    font-size: 12px;
    width:45%;
}

.section_etape_superieur:after{
  content: "";
  width: 100%;
  display: inline-block;

  zoom: 1;
}

/*
.block_etape_mon_compte_active:before, .block_etape_mon_compte:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: -1.2em;
}

.block_etape_mon_compte_active:after, .block_etape_mon_compte:after {
    content: '';
    display: inline-block;
    width: 100%;
}
*/

.num_etape {
	padding:10px;
	font-size:14px;
	font-weight:bold;
	border:1px solid #ccc;
	border-radius:20px;
	color:#474747;
	display:inline-block;
	width:20px;
}

.titre_etape {
	text-align: center;
	color:#474747;
}

.block_etape_mon_compte_active .num_etape {
	color:#076a00;
	background-color:#eaffe8;
}

.block_etape_mon_compte_active .titre_etape {
	color:#076a00;
	font-weight:bold;
}

.etape_mon_compte {
	border:1px solid #ccc;
}

.etape_mon_compte .present_adresse_active, .etape_mon_compte .present_adresse_inactive {
	display:inline-block;
	vertical-align: top;
}

.etape_mon_compte .label_formulaire {
	text-align: left !important;
	padding-left:2px;
}

.etape_mon_compte .input_login {
	border: 1px solid #ccc !important;
    background-color: #fff !important;
    text-align: left;
}

.zone_autour_accepte_cgv {
	text-align: center;
}

.pass_eye {
	position:absolute;
	right:10px;
	top:1px;
	cursor:pointer;
	opacity:0.8;
}

.pass_eye img {
	height:28px;
	width:auto;
}