* 
{
	box-sizing: border-box;
}

html
{
	font-family : Arial, Verdana, sans-serif;
}

body
{
	margin : 0px;
	padding : 0px;
	width : 630px;
	height : 100%;
	margin : auto;
	padding-top : 20px;
	background-color : #EEE;
/*	background-image : url(../_img/FondE.png);
*/
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

div#header
{
	background-image : url(../_img/Egis_ST_pt.png);
	background-position: left top 10px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color : #e7ecf0;
	border-top : 1px dotted #333;
	border-left : 1px dotted #333;
	margin : 0px;
	padding : 10px;
	padding-top : 40px;
	color : #666;
}

h1
{
	padding : 0px;
	padding-bottom : 3px;
	padding-top : 15px;
	text-align : center;
	font-size : 3em;
	margin : 0px;
}

a.help
{
	top : 0px;
	position : fixed;
	top : 10px;
	right : 10px;
}

form#frm_ident
{
	padding-top : 20px;
	
}

form#frm_ident select
{
	margin-top : 10px;
	margin-bottom : 10px;
}

form#frm_ident input
{
	margin-top : 10px;
	margin-bottom : 10px;
}

div.legende
{
	background-color : #FFF;
	border : 2px solid #666;
	padding : 10px;
}

a.details_trajet
{
	display : block;
	width : 100%;
	text-decoration : none;
	color : #666;
	border-top : 1px dashed #666;
	margin-bottom : 5px;
	padding-top : 5px;
	font-size : 1.2em;
}

div.info, div.err
{
	margin-top : 10px;
	padding-top : 10px;
	padding-bottom : 10px;
	text-align : left;
	padding-left : 52px;
	width : 100%;
	background-color : #EEE;
	color : #393beb;
	background-image : url(../_img/info.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 1.2em;
	border : 2px dotted #393beb; 
}

div.err
{
	color : #de2727;
	background-image : url(../_img/warning.png);
	border : 2px dotted #de2727; 
}

a.action
{
	margin-top : 10px;
	margin-bottom : 10px;
	display : block;
	float : left;
	width : 100%;
	text-align : center;
	text-decoration : none;
	font-weight : bold;
	line-height : 64px;
	vertical-align : middle;
	height : 64px;
	border : 1px dashed #666;
	background-color : #abc104;
}

a.action.upd
{
	background-color : #EEE;
	color : #0039c1;
	background-image : url(../_img/upd.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 2em;
}

a.action.annule
{
	background-color : #EEE;
	color : #8e0000;
	background-image : url(../_img/no.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 2em;
}

a.action.retour
{
	background-color : #EEE;
	color : #a1bc31;
	background-image : url(../_img/retour.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 2em;
}

a.action.desinscrit
{
	background-color : #EEE;
	color : #8e0000;
	background-image : url(../_img/no.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 2em;
}

a.action.inscrit
{
	background-color : #EEE;
	color : #009900;
	background-image : url(../_img/yes.png);
	background-position : left 10px center;
	background-repeat : no-repeat;
	font-weight : bold;
	font-size : 2em;
}

a.action span
{
	vertical-align : middle;
	font-size : 1.2em;
	color : #FDFDFD;
	line-height : 64px;
}

a.action img
{
	vertical-align : middle;
	line-height : 64px;
}

a.navigation
{
	background-color : #ecefd5;
}

a.navigation span
{
	color : #666;	
}

img.action
{
	background-color : #FFF;
	vertical-align : baseline;
	width : 16px;
	margin-right : 0px;
}

div.trajets
{
	display : none;
}

div#tableau_trajets
{
	display : block;
	width : 100%;
	float : left;
}

div.titre_trajets
{
	color : #666;
	font-weight : bold;
	font-size : 1.5em;
	margin-top : 20px;
	margin-bottom : 10px;
}

div.titre_trajets a
{
	color : #666;
	text-decoration : none;
}

div.liste_trajets
{
	margin-top : 10px;
	padding-left : 70px;
	padding-right : 10px;
	padding-top : 10px;
	padding-bottom : 30px;
	background-position: left 20px center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color : #e7ecf0;
}

div.titre_tableau_trajets, label
{
	display : block;
	width : 100%;
	float : left;
	font-size : 1em;
	text-align : center;
}

div.details_trajet
{
	margin-top : 15px;
	padding : 10px;
}

div#trj_insC
{
	background-image : url(../_img/Conducteur.png);
}

div#trj_insP
{
	background-image : url(../_img/Passager.png);
}

div#trj_proposes
{
	background-image : url(../_img/Trajet.png);
}

div#utilisateur
{
	width : 100%;
	text-align : right;
	font-size : 1em;
	padding-right : 40px;
	padding-top : 8px;
}

.inactif 
{
	color : #AAA;
	font-style : italic;
}

select
{
	display : block;
	width : 100%;
	float : left;
	font-size : 1em;
	background-color : #e7ecf0;
}

select option
{
	font-size : 1em;
}

input
{
	display : block;
	width : 100%;
	float : left;
	font-size : 1em;
}

input.radio
{
    display : inline;
    width : auto;
    float : none;
}

label.radio
{
    display : inline;
    width : auto;
    float : none;
}

input.bouton
{
	margin-top : 10px;
	font-size : 1em;
}

input.perso
{
	border : 1px dotted #666;
	background-color : #F3F3F3;
}

textarea
{
	display : block;
	width : 100%;
	float : left;
	font-size : 1em;
	border : 1px dotted #666;
	background-color : #F3F3F3;
}

form br
{
	display : block;
	clear : both;
}

form#frm_inscription, form#frm_desinscription
{
	border-top : 2px solid #666;
	padding-top : 5px;
}

div#details
{
	display : block;
	width : 100%;
	float : left;
	height : 900px;
	background-color : #DFD;
	border : 0px solid #0F0;
	font-size : 1em;
/*	padding : 10px 10px 10px 10px;
*/	margin : 0px 0px 0px 0px;
}

div#historique
{
	display : block;
	width : 100%;
	float : left;
	overflow:scroll;
	height : 500px;
	background-color : #DDF;
	border : 0px solid #00F;
	font-size : 2em;
/*	padding : 10px 10px 10px 10px;
*/	margin : 0px 0px 0px 0px;
}

div#wait
{
	width : 100%;
	height : 1300px;
	background-image : url(../_img/WaitE.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

div#vide
{
	width : 100%;
	height : 1300px;
	background-image : url(../_img/E.png);
	background-position: center center;
	background-repeat: no-repeat;
}

div#anomalie
{
	font-size : 2em;
}

span#dernieresaisie
{
	font-size : 0.6em;
	font-style : italic;
}

div#sioui
{
    display : none;
}