<style type="text/css">

body {
margin: 0;
padding: 0;
}

#global {
	position: absolute;
	left: 50%;
	top: 270px;
	width: 700px;
	height: 400px;
	margin-top: 50px; /* moitié de la hauteur */
	margin-left: -370px; /* moitié de la largeur */
	border: thin;
	background-image: none;
}

#global a{
text-decoration: none;
}
#global img{
border: none;
}
#global h3{color:#505050;font-size:18px;margin:20px 0 5px 0;clear:both;}
.marches {
	width: 700px;
	margin: 0 0 10px 0 ;
	padding: 15px 15px 5px 15px;
}
.marches .blue {

	border-left: 8px solid #0895d6;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;
	
}

.marches .yellow {

	border-left: 8px solid #ffcc66;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;
	
}
.marches .green {

	border-left: 8px solid #64d608;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;
	
}

.marches .red {

	border-left: 8px solid #FF0000;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;
	
}
.sortable {width:823px; border:1px solid #ccc; border-bottom:none}
.sortable th {padding:4px 6px 6px; background:#444; color:#fff; text-align:left; color:#ccc}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc}
.sortable .head {background:#444 url(./_GIF/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#222 url(./_GIF/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#222 url(./_GIF/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}

.blue {border-left: 8px solid #0895d6;
	padding: 0 0 0 5px;
	margin: 0 0 15px 0;}
/* message d'informationt*/	
.information {background: #e7e6ec url(../_PNG/information_petit.png) center no-repeat;background-position: 15px 50%; /* x-pos y-pos */text-align: justify;padding: 5px 20px 5px 50px;
	border-top: 2px solid red;border-bottom: 2px solid red;	font-size:14px; color:red;}

	
#global1 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 320px;
	height: 170px;
	margin-top: -180px; /* moitié de la hauteur */
	margin-left: 10px; /* moitié de la largeur */
	border: 1px solid #333;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
#global2 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 320px;
	height: 190px;
	margin-top: -180px; /* moitié de la hauteur */
	margin-left: -330px; /* moitié de la largeur */
	border: 1px solid #333;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
#global2 img{border:none;}
#global2 a{text-decoration: none;}
#global2 h1{font-size: 0.5em;}
#global2 h2{font-size: 0.8em; text-align: left;}
#global2 h3{font-size: 0.7em; text-align: right;color:red}
#global3 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 320px;
	height: 170px;
	margin-top: 10px; /* moitié de la hauteur */
	margin-left: 10px; /* moitié de la largeur */
	border: 1px solid #333;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
#global4 {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 320px;
	height: 170px;
	margin-top: 10px; /* moitié de la hauteur */
	margin-left: -330px; /* moitié de la largeur */
	border: 1px solid #333;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
	text-align: center;
}
#global5 {
	position: absolute;
	left: 30%;
	top: 10%;
	width: 300px;
	height: 400px;
	margin-top: 100px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
	text-align: center;
	font-family: serif;
	background-color: Green;
}
#cadre_ent {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1024px;
	height: 50px;
	margin-top: -400px;
	margin-left: -512px;
}
#cadre_gauche {
	position: absolute;
	left: 8%;
	top: 30%;
	width: 90px;
	height: 250px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: ;
}
#cadre_droite_1 {
	position: absolute;
	left: 350px;
	top: 10%; /* valeur avant cadre_droite 2 45% */
	margin-left: 10%;
	margin-top: 100px;
	background-color: Green;
	text-align: justify;
	min-height: none;
	max-width: none;
	width: 265px;
	height: 445px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}
#cadre_droite_1_2 {
	position: absolute;
	left: 150px;
	top: 10%; /* valeur avant cadre_droite 2 45% */
	margin-left: 10%;
	margin-top: 100px;
	text-align: justify;
	min-height: none;
	max-width: none;
	width: 380px;
	height: 600px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}
/* cadre au-dessus de cadre_droite_1 */
#cadre_droite_2 {
	position: absolute;
	left: 350px;
	top: 30%;
	margin-left: 10%;
	margin-top: -140px;
	text-decoration: blink;
	text-align: center;
	min-height: none;
	max-width: none;
	width: 265px;
	height: 170px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}
#cadre_droite_3 {
	position: absolute;
	left: 700px;
	top: 10%;
	margin-left: 10%;
	margin-top: 100px;
	text-decoration: blink;
	text-align: center;
	min-height: none;
	max-width: none;
	width: 380px;
	height: 600px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 25px;
}

#href1 {
	text-align: center;
	text-shadow: Green;
	font-size: smaller;
}
#centrer {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
#justifier {
	text-align: justify;
	padding-left: 5px;
	padding-right: 5px;
}
#droite {
	text-align: right;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
#gauche {
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
</style>

