/********************************/
/*	Version mobile portrait		*/
/********************************/
@media screen and (max-width: 640px) {
/*@media screen and (max-width: 820px) {*/
	#global { width: 100%; }
	#div-logo{ float: none; margin: -10px 0; }
	#decor_h_d { display: none; }
	#decor_h_g { float: none; margin: 0 0; }
	#titre_operation {
		float: none; width: auto; height: auto;
		padding: 5px 0 5px 20px;
		letter-spacing: 0; font-size: 16px;
	}
	#titre_page { width: 100%; width: auto; height: auto; overflow: hidden; }
	#sous_titre_page { width: 100%; width: auto; height: auto; overflow: hidden; }
	#carre { margin-left: 20px; }
	#centre,
	#contenu { float: none; padding: 10px; width: auto; }
	#contenu_etapes,
	#contenu_admin,
	.aide_contenu,
	.aide_titre_1,
	.aide_titre_2,
	#accuse_reception { float: none; margin: 0; padding: 0; width: auto; }
	#bas-de-page { 
		padding-top: 0; width: 100%; height: auto; overflow: hidden; 
		background-color: #B0B6BF; 
	}
	#texte_titre_page_identification { width: auto; width: 70%; white-space: normal; }
	#logo_voxaly { height: 20px; }
	#logo_voxaly a { font-size: 14px; }
	#couleur_bas_de_page_2 { width: auto; height: 20px; background: transparent; }
	#couleur_bas_de_page_2 a { font-size: 14px; }
	
	#couleur_bas_de_page_tempRestant {font-size: 14px; text-align: center;}
	
	.info_importante { clear: both; float: none; width: auto; margin: 15px 0; }
	.info_importante span { margin: 0 0 0 20px; background-position: left top; font-size: 14px; padding: 0 0 0 40px;}
	
	#texte_central, #texte_central_fin { width: 100%; padding:0 0 15px 0; font-size:14px; float: none;}
	.texte_central_large { width: 100%; margin: 0; padding:0 0 15px 0; font-size:14px; float: none;}
	
	
	#module_identification { margin: 0 0 0 10px; width: 85%; float: left; }
	.contenu_module_identification {
		float: none; padding: 15px; width: auto !important; overflow: hidden;
		font-size: 14px;
	}
	.contenu_module_identification .intitule { display: block; text-align: left; /*padding: 4px 5px 0 0;*/ }
	.contenu_module_identification .txt1 {
		margin: 3px 0 3px 0; padding: 0 5px;
		line-height: 30px; height: 30px;
		font-size: 1.2em;
		border: 1px solid #b0b6bf; border-radius: 5px;
	}
	
	.contenu_fond_bord_rond {
		float: none; padding: 15px; width: auto; overflow: hidden;
		font-size: 14px;
	}
	.contenu_fond_bord_rond .intitule { display: block; text-align: left; /*padding: 4px 5px 0 0;*/ }
	.contenu_fond_bord_rond .txt1 {
		margin: 3px 0 3px 0; padding: 0 5px;
		width: 155px; width: 92%; line-height: 30px; height: 30px;
		font-size: 1.2em;
		border: 1px solid #b0b6bf; border-radius: 5px;
	}
	
	/* -------------- texte sur fond avec bords ronds aux quatres coins ----------------- */
	.fond_bord_rond {
		position: relative; float: none; margin: 0; overflow: hidden; padding-bottom: 10px;
		background: #E6E9F0 url(../images/bord_rond_b_d.gif) bottom right no-repeat;
	}
	.bord_rond_h_g,
	.bord_rond_h_d,
	.bord_rond_b_g { float: none; position: absolute; width: 10px; height: 10px; }
	.bord_rond_h_g { top: 0; left: 0; background: url(../images/bord_rond_h_g.gif) top left no-repeat; }
	.bord_rond_h_d { top: 0; right: 0; background: url(../images/bord_rond_h_d.gif) top right no-repeat; }
	.bord_rond_b_g { bottom: 0; left: 0; background: url(../images/bord_rond_b_g.gif) bottom left no-repeat; }
	
	/* --------------- Styles particuliers des boutons par page -------------------- */
	/*style pour l'identification*/
	.bouton-valider-identification { float: right; margin-top: 0.5em; padding: 0; }

	#liens_annexes { width: auto; padding-right: 20px; }
	
	/* --------------- etape -------------------- */
	#etapes { 
		margin: 10px 0; padding: 0 10px; clear: both; float: none; 
		height: auto; overflow: hidden; 
		border-radius: 5px;
	}
	.texte_etape_1 ,
	.texte_etape_courante,
	.texte_etape_1_courante,
	.texte_etape_suivante_actif,
	.texte_etape_suivante { display:none; float: left; padding:2px 0 0 0;  width: 107px; width: 67px; text-align: left; font-size: 13px; }
	/*.texte_etape_1 { margin-left: 10px; }*/
	.espace_1er_etape,
	.espace_derniere_etape { display: none; 	}
	.fleche_etape_suivante { width: 77px; width: 40px; }

	.texte_gauche_etape { float: none; width: auto; padding:0; margin-bottom: 1em; }
	
	.spacer_20px {height: 10px; }
	.spacer_40px {display: none; }
	
	/* --------------- tableaux -------------------- */
	.tableau_droit_etape table ,
	.tableau_droit_etape { width: 100%; margin: 0 auto; }
	.tableau_droit_etape table { font-size: 12px; }
	.tableau_droit_etape table td { padding: 5px 10px; }
	/*#saisieForm  tr > td:first-child { display: none; }*/
	#saisieForm  .tableau_droit_etape  table { zoom: 70%; font-size: 16px;}
	#saisieForm  .tableau_droit_etape  table#tableau-boutons-deux-parties { zoom: 100%; }
	
	/* ---------------- Liste des candidats dans cedp_choix_liste.jsp ----------------- */
	.liste_candidats { 
		/*position: fixed; top: 1em;*/ 
		left: 50%; margin: 1em 0 0 -152px;
		width: 300px; 
	}
	
	/*--------------- ACCUSE RECEPTION ------------*/
	.contenu_fond_bord_rond{
		width: auto;
	}
	
	/*-------------- ERREURS FORMS ----------------*/
	.div_erreur_page,
	.erreur_champ_formulaire { 
		display: block; margin: 2px 0; padding: 2px 5px;
		font-size: 0.9em; color: white; text-align: left;
		background: red; border-radius: 3px;
	}
	#infos_user {
		width: auto;
	}
	
	/*--------------- Page aide et mention légales------------------*/
	.aide_contenu {
		text-align: justify;
	}
	
	
}
/********************************/
/*	tablette portrait			*/
/********************************/
/*
@media screen and (min-width: 640px) and (max-width: 820px) {
	body { background-color: yellow; }
}
*/
/********************************/
/*	tablette portrait et paysage*/
/********************************/
@media screen and (min-width: 820px) and (max-width: 1010px) {
	/*body { background-color: pink; }*/
	/*.contenu_module_identification */.txt1 {
		/*margin: 3px 0 3px 0;*/ padding: 0 5px;
		/*width: 155px;*/ line-height: 30px; height: 30px;
		font-size: 1.2em;
		border: 1px solid #b0b6bf; border-radius: 5px;
	}
}