<!--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> 
@charset "utf-8";

a                 { text-decoration: none; padding: 0px 0px; border: 0px; font-family: arial;  background: white; text-decoration : none; font-weight : normal;}
a:link       { color: blue;  }
a:hover     { color: cyan;  }
a:active   { color: red;   }
a:visited { color: purple;}

h1 { font-size : 18px; color : #000000; text-decoration : none; font-weight : bold; }
h2 { font-size : 14px; color : #000000; text-decoration : none; font-weight : bold; text-align : left; }
h3 { font-size : 12px; color : #000000; text-decoration : none; font-weight : bold; text-align : left; }

body {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 0.8em; 
	margin: 0px; padding : 0px; 
	background-color:#CCCCFF; background-image:url(images/fond_cs2i.jpg); background-repeat:repeat;}

#global            { position:absolute; left: 50%; height:  625px; width: 800px; margin-left: -400px; padding: 5px; background-color:#CCCCFF; font-size:13px; font-family:Arial;}
#global_long  { position:absolute; left: 50%; height: 1005px; width: 800px; margin-left: -400px; padding: 5px; background-color:#CCCCFF; font-size:13px; font-family:Arial;}

div   { position:absolute;  }
.Interface           { height:  625px; width: 800px;  background-color:White; margin: 0px auto; z-index: 0;}
.Interface_long { height: 1005px; width: 800px;  background-color:White; margin: 0px auto; z-index: 0;}

.coin_h_g {          top:  0px; left:  0px; z-index:2; }
.coin_h_d {          top: -1px; left:780px; z-index:2; }
.coin_b_g {          top:605px; left:  0px; z-index:2; }
.coin_b_d {          top:605px; left:780px; z-index:2; }
.coin_b_g_long {     top:985px; left:  0px; z-index:2; }
.coin_b_d_long {     top:985px; left:780px; z-index:2; }

.banniere                 {  top: 10px; left: 10px; z-index:3; } 
.site_realise_par {  top:116px; left: 10px; z-index:1; color:#8B8BAF; } 
.Jourheure               {  top:116px; left:580px; width:240px; z-index:1; color:#8B8BAF; } 

.fond_actualite {    top:195px; left:172px; z-index:1; } 
.contenu_actualite { top:205px; left: 50px; z-index:2; } 
.actualite {         top:225px; left:200px; z-index:2; } 
.BarreBas_Contacts { top:580px; z-index:1; }

.Demande   {          top:490px; left:30px;  z-index:3; width: 200px; }
.LiensBas {          top:540px; left:120px; z-index:3; width: 719px; } 
.BarreBas {          top:560px; left:0px;   z-index:3; border:0px; } 
.DemandeLong   {      top:830px; left:30px;  z-index:3; width: 200px; }
.LiensBasLong {      top:880px; left:120px; z-index:3; width: 719px; } 
.BarreBasLong {      top:900px; left:0px;   z-index:3; border:0px; } 

.menuHaut {          top:144px; left:205px; z-index:1; }
.MenuGauche {        top:198px; left:20px;  z-index:1; width:174px ; border:0px;   }
.Liens_Liens           {  top:240px; left:140px; z-index:1; 	width: 597px; }
.fond_liens_index {  top:350px; left:150px; z-index:1; }      
 
.traduire {     		top:405px; left:  0px; z-index:2; }
.liens_index {  		top:425px; left:160px; z-index:2; width:650px; height:200px;  } 
.TitrePage {    		top:130px; left:  5px; z-index:1; } 
.LogoCS2I {     		top:180px; left:410px; z-index:1; } 
.Adresse {      		top:180px; left: 50px; z-index:1; width: 200px;} 
.Interlocuteur {		top:360px; left: 50px; z-index:1; } 
.CarteG {       		top:180px; left:280px; z-index:1; } 
.PlanSite {     		top:190px; left:250px; z-index:1; } 
.MenuDeGauche { 		top:198px; left: 20px; z-index:1; } 
.cycle {        		top:180px; left:180px; z-index:1; width:480px; }
.afficheliens { 		top:210px; left: 45px; z-index:3; }
.offre {        		top:170px; left: 10px; z-index:1; }
.sortir {       		top:170px; left: 10px; z-index:1; }
.vivre {        		top:175px; left: 10px; z-index:1; }
.Arrondi {      		top:180px; left:  0px; z-index:1; }  
.Souris {       		top:314px; left:600px; z-index:1; }

-->