body{
	background-color: #b3caaf;
}
#bandeau_index{
	position: absolute;
	left:0px;
	top:0px;
	width: 1024px;
	height: 103px;
}
#corps_index{
	position: absolute;
	left:0px;
	top:103px;
	width: 1024px;
	height: 565px;
	background-image: url('IMG/fond_corps_index.jpg');	
}
#intro_index{
	position: absolute;
	left:52px;
	top:112px;
	width: 800px;
	height: 628px;	
}
#vive_01 {
	position: absolute;
	left:0px;
	top:0px;
	width: 242px;
	height: 112px;
	background-image: url('IMG/vive_01.jpg');
}
#vive_02 {
	position: absolute;
	left:242px;
	top:0px;
	width: 733px;
	height: 76px;
	background-image: url('IMG/vive_02.jpg');
}
#vive_03 {
	position: absolute;
	left:975px;
	top:0px;
	width: 49px;
	height: 716px;
	background-image: url('IMG/vive_03.jpg');
}
#vive_05 {
	position: absolute;
	left:0px;
	top:112px;
	width: 52px;
	height: 604px;
	background-image: url('IMG/vive_05.jpg');
}
#vive_07 {
	position: absolute;
	left:966px;
	top:112px;
	width: 9px;
	height: 604px;
	background-image: url('IMG/vive_07.jpg');
}
#vive_08 {
	position: absolute;
	left:0px;
	top:716px;
	width: 1024px;
	height: 52px;
	background-image: url('IMG/vive_08.jpg');
}
#actif_01{position:absolute;left:242px;top:76px;width:183px;height:36px;background-image: url('IMG/actif_01.jpg');}
#actif_02{position:absolute;left:425px;top:76px;width:187px;height:36px;background-image: url('IMG/actif_02.jpg');}
#actif_03{position:absolute;left:612px;top:76px;width:187px;height:36px;background-image: url('IMG/actif_03.jpg');}
#actif_04{position:absolute;left:799px;top:76px;width:176px;height:36px;background-image: url('IMG/actif_04.jpg');}
#repos_01{position:absolute;left:242px;top:76px;width:183px;height:36px;background-image: url('IMG/repos_01.jpg');}
#repos_02{position:absolute;left:425px;top:76px;width:187px;height:36px;background-image: url('IMG/repos_02.jpg');}
#repos_03{position:absolute;left:612px;top:76px;width:187px;height:36px;background-image: url('IMG/repos_03.jpg');}
#repos_04{position:absolute;left:799px;top:76px;width:176px;height:36px;background-image: url('IMG/repos_04.jpg');}
#texte_01{position:absolute;left:242px;top:76px;width:175px;height:28px;padding-left: 8px;padding-top: 8px;}
#texte_02{position:absolute;left:425px;top:76px;width:179px;height:28px;padding-left: 8px;padding-top: 8px;}
#texte_03{position:absolute;left:612px;top:76px;width:179px;height:28px;padding-left: 8px;padding-top: 8px;}
#texte_04{position:absolute;left:799px;top:76px;width:168px;height:28px;padding-left: 8px;padding-top: 8px;}


#contenu  { background-color: #ffffff; margin: 0; position: absolute; top: 112px; left: 52px; width: 914px; height: 604px; }

#contenu-pres  { background-image: url('IMG/presentation/contpres.jpg');margin: 0; position: absolute; top: 112px; left: 52px; width: 914px; height: 604px; }
#pres {position: relative; top: 11px; left: 178px; width: 726px; height: 582px;}
#pres2 {position: absolute; top: 290px; left: 178px; width: 300px;}
#pres3 {position: absolute; top: 290px; left: 528px; width: 300px;}
#pres4 {position: absolute; top: 530px; left: 228px; width: 600px;}

#contenu-etu  { background-image: url('IMG/etudes/contetu.jpg');margin: 0; position: absolute; top: 112px; left: 52px; width: 914px; height: 604px; }
#etu {position: relative; top: 14px; left: 16px; width: 870px; height: 427px;margin-left: 50px;}
#etu1 {position: absolute; top: 14px; left: 25px; width: 732px; }
#etu2 {position: absolute; top: 190px; left: 25px; width: 732px; }
#etu3 {position: absolute; top: 260px; left: 25px; width: 732px; }
#etu4 {position: absolute; top: 370px; left: 25px; width: 732px; }

#contenu-rea  { background-image: url('IMG/realisations/contrea.jpg');margin: 0; position: absolute; top: 112px; left: 52px; width: 914px; height: 604px; }
#rea {position:absolute; top: 70px; left: 30px; }
#rea2 {position: absolute; top: 80px; left: 310px; width: 550px;}
#rea4 {position: absolute; top: 300px; left: 30px; width: 410px;}
#rea6 {position: absolute; top: 520px; left: 30px; width: 410px;}
#rea6-2 {position: absolute; top: 564px; left: 30px; width: 900px;}
#reaslide {position: absolute; top: 302px; left: 652px; width: 262px; height:262px;}
#reaslide2 {position: absolute; top: 170px; left: 400px; width: 430px; height:370px;}
#rea7 {position: absolute; top: 564px; left: 450px; width:450px;}


#rea-ph1 {position: absolute; top: 150px; left: 230px;}
#rea-ph2 {position: absolute; top: 150px; left: 500px;}
#rea-ph3 {position: absolute; top: 150px; left: 570px;}
#rea-ph4 {position: absolute; top: 155px; left: 710px;}
#rea-ph5 {position: absolute; top: 330px; left: 240px;}
#rea-ph6 {position: absolute; top: 355px; left: 340px;}
#rea-ph7 {position: absolute; top: 375px; left: 430px;}



.pres-titre1  { color: #b95524; font-size: 1.5em; font-family: sans-serif, Arial; font-variant: small-caps; font-weight: normal }
.pres-contenu  { color: #4b4134; font-size: 0.9em; font-family: sans-serif, Arial }
.etu-titre1   {text-align: left; color: #213a13; font-size: 1.5em; font-family: sans-serif, Arial; font-variant: small-caps; font-weight: normal }
.etu-contenu { color: #040; font-size: 0.9em; font-family: sans-serif, Arial }
.rea-titre1{color: #6b6042; font-size: 1.5em; font-family: sans-serif, Arial; font-variant: small-caps; font-weight: normal}
.rea-contenu{color: #4b4134; font-size: 0.9em; font-family: sans-serif, Arial}

.brbr{font-size: 5px;height: 5px}

#bas_page {
	position: absolute;
	left:52px;
	top:716px;
	width: 904px;
	height: 13px;
	padding :5px;
	font-size: 8px;
	font-family: san-serif,arial;
	color:#777777;
}

.baspage{font-size: 12px;}
.contenu  { color: #808080; font-size: 0.7em; font-family: sans-serif, Arial;}
.titre   { color: black; font-size: 1em; font-family: sans-serif, Arial; font-weight: normal;}
.onglet_actif { color: #000000; font-size: 0.9em; font-family: sans-serif, Arial; font-weight: normal;}
.onglet_repos { color: #CCCCCC; font-size: 0.9em; font-family: sans-serif, Arial; font-weight: normal;}
a.onglet_repos { text-decoration: none;color: #CCCCCC; font-family: sans-serif, Arial; font-weight: normal;}
a.onglet_repos:hover {text-decoration: none; color: #FFFFFF; font-family: sans-serif, Arial; font-weight: normal;}

a{color: #111111;text-decoration: underline;}
a:hover{color: #448844;text-decoration: none;}
.merci{
font-family: Verdana;
color: #254a00;text-decoration: none;}
}
a.merci{
color: #254a00;text-decoration: none;}
a.merci:hover{
color: #cccccc;text-decoration: none;}

a.prod { color: #808080; text-decoration: none }