@charset "UTF-8";

/*
#4C1B1B : la couleur des bandeaux (marron/bordeau)
#2C49DB : bleu
#8CC6D7 : bleu clair
#234CA5 : bleu foncé
#FFFFFF : blanc
#000000 : noir
#FF358B : rose
*/

body {
 font-family : Calibri,Verdana;
 margin-top: 0px;
 margin-bottom: 0px;
 text-align : center;
 font-size: x-large ;
}
 
.titre{
 color : #4C1B1B;
 font-family : Calibri,Verdana;
}

.textBleu{
 color : #4A1A2C;
 font-size: medium;
 font-family : Calibri,Verdana;
}

.textBleuClair{
 color : #FF358B;
 font-size: medium;
 font-family : Calibri,Verdana;
}

.basPage{
 color : #FFFFFF;
 font-size: small;
 font-family : Calibri,Verdana;
}

.small{
 font-size: small;
 font-family : Calibri,Verdana;
}

.tabl{
 border: medium solid #FF358B;
}

.lien2{
	color :#8CC6D7;
	font-size: medium;
}

.lien3{
	color :#234CA5;
}
/*couleur d'un lien */
a:link {
 color: #FFFFFF;
}

/*la couleur du lien si l'internaute a déjà cliqué sur le lien*/
a:visited {
 color: #FFFFFF;
}

input.bouton{
 color : #FFFFFF;
 background : #FF358B;
}

input.saisi{
 background : #FFFFFF;
 border: 2px solid #FF358B;
 color: black;
 padding-right:5px;
 margin-right: 10px;
 font-size: 120%;
 font-weight:bolder;
 text-align: right;
 font-size: small ;
}

div#global{
	height:600px;
	width:800px;
	margin: 0 auto;
	position:relative;
	top : -12px;
}

div#haut{
	/*largeur*/
	width:800px;
	
	/*hauteur*/
	height:124px;
	
	top : -20px;
	vertical-align:top;
	
	position :relative;
}

div#corp{
	height:444px;
	width:800px;
	vertical-align:top;
	position :relative;
}

div#bas{
	width:800px;
	position:absolute;
	float : center;
	top :556px;
	font-size: large ;
}

div#tablGauche{
	width:400px;
	height:444px;
	float:left;
	text-align: left;
}

div#tablDroit{
	width:400px;
	height:444px;
	float:left;
	text-align: left;
}

/*div ou l'on affichera les div individuel des clients*/
div#tableau{
	width:394px;
	height:320px;
	position :absolute;
	top:150;
	overflow : auto;
}

/*div d'affichage individuel des coordonnees des clients*/
div#div1{
	width:360px;
	height: 46px;
	border-style:solid;
	border-width: 0.5px ;
	position :relative;
	z-index :2;
	font-size: small;
}

/*pour afficher es adresses des clients*/
div#div3{
	float:right;
	text-align:right;
	font-size: small;
}

div#imageBas {
    text-align: right;
	background-image:url(../_images/bandeaubas.png);
	width:800px;
	height:44px;
}

div#payermesamendes {
	float: right;
	margin-left: 480px;
	margin-top : 390px;
	position: absolute;
	background-repeat : no-repeat;
}

	/*overflow : auto;  permet de mettre automatiquement des scrollbars si le contennu dépasse la div*/