body {
background: white;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif, palatino;
font-size: 90%;
color: black;
}


#header {
	height: 100px;
	background: url(images/banniere.jpg) left no-repeat;

}



#conteneur {
	position: absolute;
	margin-top: 5px;
	left: 50%;
	margin-right: auto;
	margin-left: -480px;
	width: 970px;
	
}

#centre {
	position: absolute;
	
	
	top: 110px;
	width: 965px;
	height: 800px;
}
#centre_informer{
	position: absolute;
	
	
	top: 110px;
	width: 965px;
	height: 1000px;
}
#centre_financeur {
	position: absolute;
	
	
	top: 135px;
	width: 965px;
	height: 1300px;
}


#centre_particulier {
	position: absolute;
	background: url(images/espace_particuliers.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1200px;
}
#centre_entreprise {
	position: absolute; 
	top: 135px; 
	width: 965px;
	height: 1800px;
	
}
#centre_activite {
	position: absolute;
	background: url(images/fond_centre_activite.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 800px;
}

#centre_historique {
	position: absolute;
	background: url(images/fond_centre_historique2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1000px;
}
#centre_mission {
	position: absolute;
	background: url(images/fond_centre_mission.jpg) top center no-repeat;
	top: 110px;
	width: 965px;
	height: 1000px;
}

#centre_contact {
	position: absolute;

	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_routedijon {
	position: absolute;
	background: url(images/routes_dijon.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_routenevers {
	position: absolute;
	background: url(images/routes_nevers.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}

#centre_routechalon {
	position: absolute;
	background: url(images/routes_chalon.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_routeauxerre {
	position: absolute;
	background: url(images/route_auxerre.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_contact2 {
	position: absolute;
	
	top: 135px;
	width: 965px;
	height: 800px;
}

#centre_equipe {
	position: absolute;
	background: url(images/fond_centre_equipes2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1000px;
}
#centre_orienter {
	position: absolute;
	background: url(images/fond_centre_orienter2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;
}
#centre_evaluer {
	position: absolute;
	background: url(images/fond_centre_evaluer2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;
}
#centre_accompagner {
	position: absolute;
	background: url(images/accompagner2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;
}

#centre_qualifier {
	position: absolute;
	background: url(images/qualifier2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;
}
#centre_former {
	position: absolute;
	background: url(images/fond_centre_former2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;
}
#centre_proposer {
	position: absolute;
	background: url(images/fond_centre_proposer2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1300px;;
}
#centre_insertion {
	position: absolute;
	background: url(images/fond_centre_insertion2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1400px;
	height: 1400px;
}
#centre_partenaire {
	position: absolute;
	background: url(images/fond_centre_partenaires2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 800px;
}

#centre_chiffres {
	position: absolute;
	background: url(images/fond_centre_chiffres2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1000px;
}

#centre_impr{
	position: absolute;
	
	top:0px;
	left:0px;
	width: 965px;
	height: 800px;
}



#centre_ca {
	position: absolute;
	background: url(images/fond_centre_ca.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1900px;
}
#tableau_ca {
	position: absolute;
	top: 100px;
	left: 65px;
	width: 850px;
	height: 500px;
}

#centre_accesdijon {
	position: absolute;
	
	
	top: 135px;
	width: 965px;
	height: 800px;
	background: url(images/fond_centre_accesdijon.jpg);
}
#impr {
	position: absolute;
	top: 40px;
	left: 400px;
	width: 200px;
	height: 10px;
}
#centre_acceschalon {
	position: absolute;
	background: url(images/fond_centre_acceschalon.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_accesnevers {
	position: absolute;
	background: url(images/accesnevers.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_accesauxerre {
	position: absolute;
	background: url(images/fond_centre_accessauxerre.jpg) top center no-repeat;
	
	top: 135px;
	width: 965px;
	height: 800px;
}
#centre_metier{
	position: absolute;
	background: url(images/fond_centre_chiffres2.jpg) top center no-repeat;
	top: 135px;
	width: 965px;
	height: 1000px;
}
	
#pied {
	position: absolute;
	background: url(images/pied.jpg);
	top: 400px;
	width: 965px;
	height: 20px;
	color: #000000;
}
#pied_ca {
	position: absolute;
	background: url(images/pied.jpg);
	top: 1600px;
	width: 965px;
	height: 20px;
	color: #000000;
}
#pied_inf {
	position: absolute;
	background: url(images/pied.jpg);
	top: 1000px;
	width: 965px;
	height: 20px;
	color: #000000;
}
#pied_inf2 {
	position: absolute;
	background: url(images/pied.jpg);
	top: 1700px;
	width: 965px;
	height: 20px;
	color: #000000;
}
#pied_chiffres{
	position: absolute;
	background: url(images/pied.jpg);
	top: 600px;
	width: 965px;
	height: 20px;
	color: #000000;
}
#pied_part{
	position: absolute;
	background: url(images/pied.jpg);
	top: 1300px;
	width: 965px;
	height: 20px;
	color: #000000;
}

#contact {
	position: absolute;
	font-size: 15px;
	top: 100px;
	left: 280px;
	width: 410px;
	height: 222px;
	font-family: palatino;
	background: #FFFFFF;
}

#location2 {
	position: absolute;
	font-size: 15px;
	top: 20px;
	left: 20px;
	width: 150px;
	height: 40px;
	color: #FF0000;
	font-family: palatino;
}
#chiffre1 {
	position: absolute;
	background: url(images/1.gif) ;
	top: 177px;
	left: 500px;
	width: 50px;
	height:  34px;
}
#chiffre2 {
	position: absolute;
	background: url(images/2.gif) ;
	top: 320px;
	left: 500px;
	width: 50px;
	height:  34px;
}
#chiffre3 {
	position: absolute;
	background: url(images/3.gif) ;
	top: 494px;
	left: 500px;
	width: 50px;
	height:  34px;
}
#chiffre4 {
	position: absolute;
	background: url(images/4.gif) ;
	top: 627px;
	left: 500px;
	width: 50px;
	height:  34px;
}
#chiffre5 {
	position: absolute;
	background: url(images/5.gif) ;
	top:800px;
	left: 500px;
	width: 50px;
	height:  34px;
}

#mail {
	position: absolute;
	
	top: 58px;
	left: 470px;
	width: 50px;
	height: 50px;
}
#mail2 {
	position: absolute;
	
	top: 380px;
	left: 340px;
	width: 50px;
	height: 50px;
}
#mail3 {
	position: absolute;
	
	top: 345px;
	left: 340px;
	width: 50px;
	height: 50px;
}
#mail4 {
	position: absolute;
	
	top: 600px;
	left: 340px;
	width: 50px;
	height: 50px;
}
#ligne {
	position: absolute;
	background: url(images/ligne.gif) top center no-repeat;
	top: 80px;
	left: 195px;
	width: 575px;
	height: 10px;
}






a.langres {
	position: absolute;
	top: 69px;
	left: 728px;
	width: 70px;
	height: 63px;
	background: url(images/langres0.gif) top left no-repeat;
}
a.langres:hover {
	top: 71px;
	
	background: url(images/langres01.gif) no-repeat;
}
a.langres2 {
	position: absolute;
	top: 80px;
	left: 872px;
	width: 70px;
	height: 63px;
	background: url(images/langres1.gif)  no-repeat;
}
a.langres2:hover {

	top: 79px;
	left: 862px;
	background: url(images/langres11.gif) no-repeat;
}
a.vesoul {
	position: absolute;
	top: 153px;
	left: 856px;
	width: 70px;
	height: 63px;
	background: url(images/vesoul0.gif) no-repeat;
}
a.vesoul:hover {
	top: 154px;
	left: 850px;
	background: url(images/vesoul01.gif) no-repeat;
}
a.besac {
	position: absolute;
	top: 275px;
	left: 858px;
	width: 85px;
	height: 63px;
	background: url(images/besac0.gif)  no-repeat;
}
a.besac:hover {
	top: 271px;
	left: 862px;
	
	background: url(images/besac01.gif) no-repeat;
}
a.stjean {
	position: absolute;
	top: 405px;
	left: 821px;
	width: 110px;
	height: 30px;
	background: url(images/stjean0.gif)  no-repeat;
}
a.stjean:hover {
	left: 820px;

	background: url(images/stjean01.gif) no-repeat;
}
a.seurre {
	position: absolute;
	top: 405px;
	left: 729px;
	width: 65px;
	height: 30px;
	background: url(images/seurre0.gif) no-repeat;
}
a.seurre:hover {
	top:404px;

	background: url(images/seurre01.gif) no-repeat;
}
a.beaune {
	position: absolute;
	top: 390px;
	left: 667px;
	width: 45px;
	height: 45px;
	background: url(images/beaune0.gif)  no-repeat;
}
a.beaune:hover {
	top: 389px;
	height: 49px;
	background: url(images/beaune01.gif) no-repeat;
}
a.beaune2 {
	position: absolute;
	top: 380px;
	left: 547px;
	width: 55px;
	height: 55px;
	background: url(images/beaune1.gif)  no-repeat;
}
a.beaune2:hover {
	
	background: url(images/beaune11.gif) no-repeat;
}
a.paris {
	position: absolute;
	top: 126px;
	left:536px;
	width: 70px;
	height: 60px;
	background: url(images/paris01.gif)  no-repeat;
}
a.paris:hover {
	left: 541px;
	background: url(images/paris0.gif) no-repeat;
}



#bus {
	position: absolute;
	top: 110px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/bus.jpg) top left no-repeat;
}
#carte {
	position: absolute;
	top: 130px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/mini_carte.gif) top left no-repeat;
}
#dijonmap {
	position: absolute;
	top: 100px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/minidijon.gif) top left no-repeat;
}
#auxerremap {
	position: absolute;
	top: 100px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/miniauxerre.gif) top left no-repeat;
}
#neversmap {
	position: absolute;
	top: 80px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/mininevers.gif) top left no-repeat;
}
#chalonmap {
	position: absolute;
	top: 80px;
	left: 180px;
	width: 300px;
	height: 300px;
	background: url(images/minichalon.gif) top left no-repeat;
}
a.carte {
	position: absolute;
	top: 230px;
	left: 510px;
	width: 250px;
	height: 250px;
	background: url(images/mini_carte.gif) top left no-repeat;}
a.carte:hover {
	background: url(images/mini_carte2.gif) top left no-repeat;}


a.auxerre {
	position: absolute;
	top: 95px;
	left: 16px;
	width: 245px;
	height: 220px;
	background: url(images/auxerre.gif) top left no-repeat;}
a.auxerre:hover {
	background: url(images/auxerre2.gif) top left no-repeat;}
a.dijon {
	position: absolute;
	top: 171px;
	left: 210px;
	width: 250px;
	height: 240px;
	background: url(images/dijon.gif) top left no-repeat;}

a.dijon:hover {
	background: url(images/dijon2.gif) top left no-repeat;}
	
a.chalon {
	position: absolute;
	top: 347px;
	left: 155px;
	width: 280px;
	height: 230px;
	background: url(images/chalon.gif) top left no-repeat;}

a.chalon:hover {
	background: url(images/chalon2.gif) top left no-repeat;}
	
a.nevers {
	position: absolute;
	top: 265px;
	left: 50px;
	width: 205px;
	height: 205px;
	background: url(images/never.gif) top left no-repeat;}
	
a.nevers:hover {
	background: url(images/never2.gif) top left no-repeat;}
	

	





#emplacement {
	position: absolute;


	/*background: url(images/emplacement.jpg) center no-repeat;*/
	top: 100px;
	
	width: 970px;
	height: 20px;}

#anim {
	position: absolute;
	top: 50px;
	left: 280px;
	width: 500px;
	height: 80px;
	background: url(images/anim.gif);
}
#logo {
	position: absolute;
	top: 40px;
	left: 820px;
	width: 130px;
	height: 100px;
	background: url(images/logo.gif) center no-repeat;
}
#photo_inf{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/informer.jpg) center no-repeat;
}
#photo_orienter{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/orienter.jpg) center no-repeat;
}
#photo_evaluer{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/evaluer.jpg) center no-repeat;
}
#photo_proposer{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/proposer.jpg) center no-repeat;
}
#photo_accompagner{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/accompagner.jpg) center no-repeat;
}
#photo_qualifier{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/accompagner.jpg) center no-repeat;
}
#photo_former{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/former.jpg) center no-repeat;
}
#photo_inserer{
	position: absolute;
	top: 100px;
	left: 720px;
	width: 200px;
	height: 147px;
	background: url(images/inserer.jpg) center no-repeat;
}
#graph {
	position: absolute;
	top: 10px;
	left: 265px;
	width: 30px;
	height: 30px;
	background: url(images/graph.gif) center no-repeat;
}
#bouton {
	position: absolute;
	top: 159px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton1 {
	position: absolute;
	top: 515px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton2 {
	position: absolute;
	top: 201px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton3 {
	position: absolute;
	top: 305px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton4 {
	position: absolute;
	top: 367px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton5 {
	position: absolute;
	top: 432px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton6 {
	position: absolute;
	top: 474px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#bouton7 {
	position: absolute;
	top: 574px;
	left: 155px;
	width: 30px;
	height: 30px;
	background: url(images/bouton.gif) center no-repeat;
}
#adr {
	position: absolute;
	top: 600px;
	left: 303px;
	width: 382px;
	height: 250px;
}
#adresse {
	position: absolute;
	top: 480px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse2 {
	position: absolute;
	top: 1200px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse2b {
	position: absolute;
	top: 1500px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse3 {
	position: absolute;
	top: 730px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse4 {
	position: absolute;
	top: 1600px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse5 {
	position: absolute;
	top: 550px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse6 {
	position: absolute;
	top: 1020px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse7 {
	position: absolute;
	top: 850px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse8 {
	position: absolute;
	top: 1100px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse9 {
	position: absolute;
	top: 950px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#adresse10 {
	position: absolute;
	top: 530px;
	left: 280px;
	width: 400px;
	height: 100px;
}
#navig {
	position: absolute;
	top: 30px;
	width: 150px;
	height: 770px;
	background:  url(images/navig.jpg) top left no-repeat;
}
a.entreprise {
	position: absolute;
	top: 30px;
	left: 350px;
	width: 150px;
	height: 370px;
	background: url(images/entreprise.jpg);
}
a.entreprise2{
	position: absolute;
	top: 30px;
	left: 350px;
	width: 150px;
	height: 370px;
	background: url(images/entreprise2.jpg);
}
a.candidat {
	position: absolute;
	top:30px;
	left: 200px;
	width: 150px;
	height: 370px;
	background: url(images/candidat.jpg);
}
a.candidat2 {
	position: absolute;
	top:30px;
	left: 200px;
	width: 150px;
	height: 370px;
	background: url(images/candidat2.jpg);
}
a.metier {
	position: absolute;
	top:30px;
	left: 500px;
	width: 150px;
	height: 370px;
	background: url(images/metier.jpg);
}
a.metier2 {
	position: absolute;
	top:30px;
	left: 500px;
	width: 150px;
	height: 370px;
	background: url(images/metier2.jpg);
}
a.metier:hover{
	background: url(images/metier2.jpg);
}
a.candidat:hover{
	background: url(images/candidat2.jpg);
	
}
a.entreprise:hover{
	background: url(images/entreprise2.jpg);
}

#actualite {
	position: absolute;
	top: 110px;
	width: 965px;
	height: 16px;
	background: #f6f6fa;

}
#actu {
	position: absolute;
	top:30px;
	left: 670px;
	width: 295px;
	height: 350px;
	background: #faf6f7;



}

IMG {border:0;}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 1em;
left: 10px;
width: 9em;
}

#menu dt {
cursor: default;
background: #FFFFFF;
height: 50px;

margin: 6px 0;

text-align: left;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 8.5em;
margin-top: -3em;
width: 10em;
background: #eaf3fb;


}

#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
font-size: 75%;
height: 18px;
line-height: 18px;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
background: #c6e8f3;
}
#menu dt a:hover {
	background: #e8f6fb;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}


#directeur {
	position: absolute;
	top: 70px;
	left: 480px;
	width: 218px;
	height: 60px;
}
#peda {
	position: absolute;
	top:171px;
	left:170px;
	width:265px;
	height:126px;;
}
#cotedor {
	position: absolute;
	top:422px;
	left:150px;
	width:193px;
	height:221px;
}
#nievre {
	position: absolute;
	top:422px;
	left:360px;
	width:174px;
	height:221px;
}
#saone {
	position: absolute;
	top:422px;
	left:545px;
	width:200px;
	height:221px;
}
#yonne {
	position: absolute;
	top:422px;
	left:760px;
	width:180px;
	height:221px;
}
#assistante {
	position: absolute;
	top:165px;
	left:740px;
	width:181px;
	height:51px;
}
#finance {
	position: absolute;
	top:243px;
	left:740px;
	width:181px;
	height:141px;
}

#chiffrescles_txt {
	position: absolute;
	top:163px;
	left:194px;
	width:700px;
	height:800px;
}
#hist_txt {
	position: absolute;
	top:50px;
	left:200px;
	width:750px;
	height:800px;
	text-align: justify;
	font-family: palatino;
}
#hist_txt2 {
	position: absolute;
	top:50px;
	left:200px;
	width:750px;
	height:1600px;

	font-family: palatino;
}

#part_txt {
	position: absolute;
	top:80px;
	left:150px;
	width:750px;
	height:1200px;
	

}
#attente_txt {
	position: absolute;
	top:80px;
	left:143px;
	width:335px;
	height:1300px;
	

}
#fleche {
	position: absolute;
	top: 170px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche2 {
	position: absolute;
	top: 260px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche3 {
	position: absolute;
	top: 345px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche4 {
	position: absolute;
	top: 430px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}#fleche5 {
	position: absolute;
	top: 530px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche6 {
	position: absolute;
	top: 620px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche7 {
	position: absolute;
	top: 715px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche8 {
	position: absolute;
	top: 815px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche9 {
	position: absolute;
	top: 910px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche10 {
	position: absolute;
	top: 1000px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#fleche11 {
	position: absolute;
	top: 1105px;
	left: 515px;
	width: 50px;
	height: 50px;
	background: url(images/fleche-gauche.jpg) no-repeat;
}
#entreprise_reponse {
	position: absolute;
	top: 80px;
	left: 600px;
	width: 360px;
	height: 1300px;
}
#acces_txt {
	position: absolute;
	top:100px;
	left:160px;
	width:800px;
	height:800px;
	text-align: justify;
	font-family: palatino;
}
#acces_txt2 {
	position: absolute;
	top:100px;
	left:250px;
	width:230px;
	height:800px;
	text-align: justify;
	font-family: palatino;
}
#ca_txt {
	position: absolute;
	top:50px;
	left:80px;
	width:800px;
	height:1300px;
	text-align: justify;
	font-family: palatino;
}

#bloc_txt {
	position: absolute;
	top: 100px;
	left: 45px;
	width: 800px;
	height: 800px;
}
#bloc2_txt {
	position: absolute;
	top: 200px;
	left: 45px;
	width: 800px;
	height: 800px;
}
#bloc3_txt {
	position: absolute;
	top: 100px;
	left: 200px;
	width: 800px;
	height: 800px;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;


padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;

}