html {
	font-size: 100%;
}

body {
	font-family: "Trebuchet MS", Helvetica, Arial;
	font-size: 0.8em;
	text-align: center;
	background: #bab9cc url(../images/body_bg.jpg) no-repeat center top;
	color: #8992B8;
	line-height: 1.4em;
}

a {
	color: #FFFFFF;
	text-decoration: underline;
}

a.plus {
	float: right;
}

a.googleMap1 {
	display: block;
	width: 416px;
	height: 320px;
	background: url(../images/GoogleMaps1.png) no-repeat top left;
}

a.googleMap1:hover {
	background: url(../images/GoogleMaps1.png) no-repeat bottom left;
}
.gallery img {z-index: 0;}



a:hover {
	text-decoration: underline;
}
#waitingLayer {
	position: absolute;
	top: 0;
	left: 0;
	background: #666666;
	height: 100%;
	z-index: 30;
	width: 100%;
	opacity: 0.4;
}
#wrapper {
	width: 950px;
	margin: 10px auto 0;
	text-align: left;
	padding: 0 30px;
	/*background: url(../images/bgwrapper.png) repeat-y center top;*/
	position: relative;
}

h1 a {
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	height: 0;
	width: 1px;
}

h2 {
	color: #FFFFFF;
	font-size: 2em;
	line-height:1.2em;
	margin: 0 0 14px 0;
}

h2 span {
	font-size: 0.5em;
}

h3 {
	color:#8992b8;
	font-size: 1.6em;
}

h4.prestations {
	color: #8992b8;
	font-size: 1em;
	text-decoration: none;
}
h4 {color: #FFFFFF; font-size: 1.2em; text-decoration: underline; margin: 0 0 10px;}

.corps strong {
	color: #B5BDDF;
	font-weight: bold;
}

/* HEADER */
#header {
	background: #00002e;
	height: 98px;
	display: none;
	border-bottom: 1px solid #0e085a;
	border-top: none;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}

#header ul {
	width: 704px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: none;
	border-top: none;
	padding: 0 1px;
	height: 99px;
	margin: 0 auto;
}

#header ul li {
	float: left;
}

#header ul li a {
	color: #110f3e;
	text-decoration: none;
	line-height: 1.1em;
	font-size: 0.9em;
	font-weight: bold;
}

.alpha_plan a{
	width: 78px;
	height: 16px; 
	background: url(../images/alpha_plan.png) no-repeat top left;
	display: block;
	text-align: right;
	padding: 82px 6px 0 150px;
}
.alpha_plan a:hover,
.alpha_plan a.active {
	background: url(../images/alpha_plan.png) no-repeat bottom left;
} 
.fontenelle_microcopie a{
	width: 78px;
	height: 30px;
	background: url(../images/microcopie.png) no-repeat top left;
	display: block;
	text-align: right;
	padding: 68px 6px 0 150px;
}
.fontenelle_microcopie a:hover,
.fontenelle_microcopie a.active {
	background: url(../images/microcopie.png) no-repeat bottom left;
}

.archivages a {
	width: 80px;
	height: 16px;
	background: url(../images/archivage.png) no-repeat top left;
	display: block;
	text-align: right;
	padding: 82px 6px 0 150px;
}
.archivages a:hover,
.archivages a.active {
	background: url(../images/archivage.png) no-repeat bottom left;
}

/* middle container */
#middleContainer {
	font-size: 1em;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	height: 530px;
	overflow: hidden;
	position: relative;
	background: url(../images/background-middle.gif) repeat-x top left;
}

#middleContainer p {
	font-size: 0.9em;
}

#middleContainer dt {
	color: #FFFFFF;
	font-weight: bold;
	width: 74px;
	font-size: 0.9em;
}

#middleContainer dd ul li {
	/*opacity: 0.8;*/
}

#middleContainer dd ul li:hover {
	/*opacity: 1;*/
}

#middleContainer dd a {
	/*color: #E0E0E8;*/
	color: #FFFFFF;
	font-size: 1em;
	padding: 2px 6px;
	display: block;
	font-weight:bold;
}

#middleContainer dd .light{
	color: #FFFFFF;
	font-weight:bold;
}

#middleContainer dd a:hover,
#middleContainer dd a.hover {
	background: #07042f;
}

#slidingContainer {
	position: absolute;
	left: -684px;
	top: -370px;
}

/* block */
.block {
	position: absolute;
	width: 595px;
	
}

.block2 {
	position: absolute;
	width: 870px;
}


/* left block*/
#leftBlock {
	top: 370px;
	left: 0;
	padding: 25px 0 0 92px;
	z-index: 4;
}

/* right block */
#rightBlock {
	top: 370px;
	left: 1378px;
	padding:25px 0 0 300px;
	z-index: 0;
}

/* corps */
.corps {
	float: left;
	width: 416px;
	margin: 0 0 0 16px;
	position: relative;
	/*display: none;*/
}

.page h3 {
	display: none;
}


#topBlock .corps {
	width: 698px;
}

#bottomBlock .corps {
	width: 600px;
}

#bottomBlock .corps p {
	width: 416px;
}

.texte_haut {
	width:265px;
	float: right;
}

.texte_haut2 {
	clear: both;
}

.corps .submenu {
	margin: 12px 0;
	width: 416px;
	height: 2.4em;
	position:absolute;
	z-index:20;
	top: 78px;
}


.corps .submenu li {
	float: left;
	border-right: 1px solid #626791;
	text-align: center;
	position: relative;
	list-style: none;
	margin: 0;
}

.corps .submenu li a {
	background: #00002E;
	color: #8992B8;
	width: 103px;
	display: block;
	text-decoration: none;
	line-height: 2.4em;
}

.corps .submenu li.last a {
	width: 104px;
	
}

.corps .submenu li a:hover,
.corps .submenu li a.active2 {	
	background: #8992B8;
	color:#00002E;
}

.corps .submenu li a.ssactive,
.corps .submenu li.last a.ssactive {
	background: url(../images/bg_sub2menu2.png) repeat-x bottom left;
}

.corps .submenu li.last {
	border: none;
}

.corps .sub2Menu {
	position: absolute;
	width: 208px;
	top: 2.4em;
	left: 0;
	list-style: none;
	background: url(../images/bg_sub2menu.png) repeat-x top left;
	padding: 11px 0 0;
	margin: 0 auto;
	z-index: 30;
	
}
.corps .sub2Menu ul {
	padding: 9px 10px 0;
	background: #21225C;
}

.corps .sub2Menu li {
	display: block;
	border: none;
	padding: 0 0 8px;
	margin: 0;
	float: none;
}

.corps li.last .sub2Menu {
	width: 170px;
}

.corps li.last .bottomSub2Menu {
	background-position: right top;
}

.corps li.last .sub2Menu li a {
	width: 143px;
}

.corps .sub2Menu li a {
	width: 183px;
	text-align:left;
	border: none;
	border-bottom:  1px solid #626791;
	font-size: 0.9em;
	background: none;
	padding: 0 0 0 5px;
}
.corps .sub2Menu li a:hover {
	background: #626791;
	color: #080647;
}

.corps .bottomSub2Menu {
	margin: 0 0 0 0;
	height: 20px;
	background: url(../images/bottom_sub2menu.png) no-repeat bottom left;
}

#middleContainer .corps p {
	clear: both;
	font-size: 0.85em;
	margin: 0 0 20px 0;
}



.corps .gallery {
	height: 170px;
	width: 416px;
	padding: 14px 0 20px 0;
	background: url(../images/background_gallery.png) repeat-x top left;
}

#topBlock .corps .gallery {
	float: left;
}

.corps p span {
	color: #FFFFFF;
}

.barre_gauche {
	float: left;
	width: 132px;
	text-align: right;
}

#topBlock .barre_gauche {
	float: left;
	width: 136px;
	text-align: right;
}

#bottomBlock .barre_gauche {
	float: left;
	width: 140px;
	text-align: right;
}

.barre_gauche img {
/*	margin: 0 0 12px 0;*/
}

.barre_gauche .adresse {
	text-align: right;
}

.barre_gauche .adresse span {
	color: #FFFFFF;
	line-height: 1.4em;
}
.barre_gauche .retour_arbre {outline:none;}
.barre_gauche .retour_arbre_left {
	margin: 10px 0 0 23px;
	background: url(../images/retour-accueil-right.png) no-repeat top left;
	width: 111px;
	height: 113px;
	display: block;
}

.barre_gauche .retour_arbre_left:hover {
	background: url(../images/retour-accueil-right.png) no-repeat bottom left;
}

.barre_gauche .retour_arbre_right {
	margin: 10px 0 0 18px;
	background: url(../images/retour-accueil-left.png) no-repeat top left;
	width: 111px;
	height: 113px;
	display: block;
}

.barre_gauche .retour_arbre_right:hover {
	background: url(../images/retour-accueil-left.png) no-repeat bottom left;
}

.barre_gauche .retour_arbre_top {
	margin: 10px 0 0 27px;
	background: url(../images/retour-accueil-down.png) no-repeat top left;
	width: 111px;
	height: 113px;
	display: block;
}

.barre_gauche .retour_arbre_top:hover {
	background: url(../images/retour-accueil-down.png) no-repeat bottom left;
}

.barre_gauche .retour_arbre_bottom {
	margin: 10px 0 0 30px;
	background: url(../images/retour-accueil-up.png) no-repeat top left;
	width: 111px;
	height: 113px;
	display: block;
}
.barre_gauche .retour_arbre_bottom:hover {
	background: url(../images/retour-accueil-up.png) no-repeat bottom left;
}
/* center div */
#center {
	position: absolute;
	left :687px;
	top: 370px;
	height: 530px;
	border-bottom:2px solid #050423;
	z-index: 3;
	/*padding: 25px 0 0 92px;*/
}

#image_arbre {
	width: 950px;
	height: 530px;
	background: url(../images/arbre.png) no-repeat 0 bottom;
}

#image_arbre dt h2 {
	display: none;
}

/* top div */
#topBlock {
	top: 0;
	left: 664px;
	padding: 25px 0 0 80px;
	z-index: 3;
}

/* bottom div */
#bottomBlock {
	top: 1060px;
	left: 687px;
	padding: 25px 0 15px 80px;
	background: url(../images/rappel-arbre-bottom.png) no-repeat right bottom;
	z-index: 0;
	height: 489px;
}

/* right */
#right {
	float: left;
	z-index: 0;
}

#alpha_plan {
	position: absolute;
	top: 150px;
	text-align: right;
	width: 235px;
}

#alpha_plan dt {
	position: absolute;
	top: 4px;
	right: 21px;
	text-align: right;
	padding: 10px 15px 15px 15px;
	background: url(../images/encadre1.png) no-repeat top right;
	width: 60px;
	height: 14px;
	display: none;
}

#alpha_plan_arbre a {
	position:absolute;
	top: 315px;
	left: 264px;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 0.4em;
	display: block;
	text-align: center;
	padding: 60px 0 3px;
	margin: 0;
	font-weight:bold;
	line-height: 1.3em;
	width: 205px;
	height: 10px;
	outline: none;
	background: url(../images/logo-alphaplan-arbre.png) no-repeat top left;
}

#alpha_plan_arbre a:hover,
#alpha_plan_arbre a.hover {
	background: url(../images/logo-alphaplan-arbre.png) no-repeat top right;
}

#alpha_plan .item1 {
	position: absolute;
	top: 64px;
	right: 0;
	background: url(../images/arbre_ico.png) no-repeat right 7px;
	padding: 0 60px 0 0;
}

#alpha_plan .item2 {
	position: absolute;
	top: 114px;
	right: 28px;
	background: url(../images/arbre_ico.png) no-repeat right 7px;
	padding: 0 60px 0 0;
}

#alpha_plan .item3 {
	position: absolute;
	top: 171px;
	right: 43px;
	background: url(../images/arbre_ico.png) no-repeat right top;
	padding: 0 60px 0 0;
}

#alpha_plan .item4 {
	position: absolute;
	top: 230px;
	right: 24px;
	background: url(../images/arbre_ico.png) no-repeat right 7px;
	padding: 0 60px 0 0;
}

#alpha_plan .item5 {
	position: absolute;
	top: 286px;
	right: 0;
	background: url(../images/arbre_ico.png) no-repeat right 7px;
	padding: 0 60px 0 0;
}

#microcopie {
	position: absolute;
	top: 0;
	left: 162px;
	text-align: left;
	width: 235px;
}

#microcopie dt {
	position: absolute;
	top: 80px;
	text-align: right;
	padding: 8px 15px 15px 15px;
	background: url(../images/encadre1.png) no-repeat top right;
	width: 60px;
	height: 16px;
	line-height: 1.1em;
	display: none;
}

#microcopie_arbre a {
	position: absolute;
	top:135px;
	left: 434px;
	padding: 130px 0 0 0;
	margin: 0;
	background: none;
	font-weight:bold;
	width: 106px;
	text-align: center;
	height: 44px;
	color: #FFFFFF;
	outline: none;
	line-height: 1.3em;
	text-decoration: underline;
	font-size: 0.4em;
	display: block;
	background: url(../images/logo-microcopie-arbre.png) no-repeat top left;
}

#microcopie_arbre a:hover,
#microcopie_arbre a.hover {
	background: url(../images/logo-microcopie-arbre.png) no-repeat top right;
}



#microcopie li.item1 {
	position: absolute;
	top: 47px;
	padding: 0 0 62px 0;
	width: 100px;
	left: 104px;
	background: url(../images/arbre_ico.png) no-repeat right bottom;
}

#microcopie li.item2 {
	position: absolute;
	top: 40px;
	padding: 0 0 62px 0;
	background:transparent url(../images/arbre_ico.png) no-repeat scroll 15px bottom;
	left:227px;
}

#microcopie li.item3 {
	position: absolute;
	top: 13px;
	text-align: center;
	padding: 0 0 58px 0;
	background:transparent url(../images/arbre_ico.png) no-repeat scroll 34px bottom;
	left:274px;
}
#microcopie li.item4 {
	position: absolute;
	top: 40px;
	padding: 0 0 62px 0;
	left: 375px;
	background: url(../images/arbre_ico.png) no-repeat left bottom;
}
#microcopie li.item5 {
	position: absolute;
	top: 80px;
	padding: 0 0 50px 0;
	left: 440px;
	background: url(../images/arbre_ico.png) no-repeat left bottom;
}

#archivages {
	position: absolute;
	top: 148px;
	left: 698px;
	text-align: right;
	width: 235px;
	text-align: left;
}

#archivages dt {
	position: absolute;
	top: 0;
	left: 38px;
	text-align: left;
	padding: 8px 10px 2px 10px;
	background: url(../images/encadre1.png) no-repeat top right;
	width: 70px;
	height: 29px;
	line-height: 1.1em;
	display: none;
}

#microcopie_arbre,
#alpha_plan_arbre,
#archivages_arbre { margin: 0;}

#archivages_arbre a {
	position: absolute;
	top:315px;
	left: 508px;
	text-align: center;
	padding: 60px 0 4px;
	margin: 0;
	background: none;
	font-weight:bold;
	width: 205px;
	outline: none;
	height: 10px;
	color: #FFFFFF;
	line-height: 1.3em;
	text-decoration: underline;
	font-size: 0.4em;
	display: block;
	background: url(../images/logo-aes-arbre.png) no-repeat top left;
}

#archivages_arbre a:hover,
#archivages_arbre a.hover {
	background: url(../images/logo-aes-arbre.png) no-repeat top right;
}
#archivages li.item1 {
	position: absolute;
	top: 68px;
	left: 0;
	background: url(../images/arbre_ico.png) no-repeat left 7px;
	padding: 0 0 0 50px;
}

#archivages li.item2 {
	position: absolute;
	top: 130px;
	height: 23px;
	left: 18px;
	background: url(../images/arbre_ico.png) no-repeat left top;
	padding: 0 0 0 50px;
}

#archivages li.item3 {
	position: absolute;
	top: 180px;
	left: 50px;
	background: url(../images/arbre_ico.png) no-repeat left 7px;
	padding: 0 0 0 65px;
}

#archivages li.item4 {
	position: absolute;
	top: 243px;
	left: 55px;
	background: url(../images/arbre_ico.png) no-repeat left 7px;
	padding: 0 0 0 65px;
	width: 82px;
}

.gfma {
	bottom:2px;
	line-height:1.2;
	position:absolute;
	right:328px;
	bottom: 0;
	text-decoration: underline;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	padding: 0.5em 0.7em;
}

.gfma:hover {
	background: #07042f;
	text-decoration: none;
}

/* FOOTER */
#footer {
	position: relative;
	background: url(../images/background-footer.gif) repeat-x top left;
	font-size: 1.3em;
	height: 118px;
	color: #535083;
	text-align: center;
	border-top: none;
	border-bottom: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
}

#footer .left {
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	padding: 34px 0 0 93px;
}

#footer .right {
	position: absolute;
	right: 0;
	top: 0;
	text-align: left;
	padding: 34px 48px 0 0;
	
}

#debug {
	position:absolute;
	top:0;
	left:0;
	overflow:auto;
	width:250px;
	height:150px;
	background:#BAB9CC;
	text-align:left;
	border:1px solid #00002E;
}

a#groupe_fontenelle {
	background: url(../images/footer-logo.png) no-repeat center top;
	width: 234px;
	height: 116px;
	display: block;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 366px;
}

a#groupe_fontenelle:hover {
	background: url(../images/footer-logo.png) no-repeat center bottom;
}

a#groupe_fontenelle.active {
	background: url(../images/footer-logo.png) no-repeat center bottom;
}

#infos {
	margin: 2px auto 0;
	width: 950px;
}

#infos p {
	text-align: center;
	font-size: 0.85em;
	color: #070436;
	background: #cac9da;
	padding: 5px 0;
	border: 1px solid #FFFFFF;
}

/* pop up */
.popup_droite ul li,
.texte_a_changer ul li {
	margin: 10px 0 0 30px;
	list-style: disc;
	list-style-position: outside;
	color: #B5BDDF;
}
.texte_a_changer ul li {
	font-size: 0.85em;
}

html > body .popup_droite #texte_haut {
	margin: 0 0 40px 0;
	
	color: #8992B8;
}

/* contact form */
.contactForm .info_help {
	padding: 4px;
	margin: 10px 0 0;
	text-align: right;
}

.contactForm fieldset {
	border: 1px solid #616690;
	padding: 10px 25px; 
}

.contactForm legend {
	font-size: 1.5em;
	padding: 0 10px 4px 10px;
	text-decoration: underline;
}

#middleContainer .corps .contactForm p {
	height: 2em;
	margin: 0 0 1px 0;
	clear: both;
}

.contactForm label {
	display: block;
	width: 80px;
	float: left;
	font-size: 1em;
}

.contactForm label.error {
	color: #FF0000;
	font-size: 0.8em;
	padding:0pt 0pt 0pt 5px;
	width:100px;
}
/* BOF Patch */
.contactForm label.error{
	width: 60px;
	display:inline;
	line-height: 1em;
}
.contactForm input.text {
	float: left;
	width: 200px;
	border: 1px solid #8992B8;
	font-size: 1em;
	background: #ffffff url(../images/gradient_textarea.png) repeat-x top left;
}

.contactForm textarea {
	clear: both;
	width: 380px;
	height: 100px;
	float: none;
	background: #ffffff url(../images/gradient_textarea.png) repeat-x top left;
}

.contactForm input.submit,
.contactForm2 input.submit {
	float: right;
	background:url(../images/bouton_sendmail.png) no-repeat top left;
	width: 102px;
	height: 26px;
	font-size: 0.85em;
	font-weight: bold;
	line-height: 0.85em;
	color: #0E0859;
	padding: 0 0 9px 0;
}

.contactForm input.submit {
	margin: 10px 0 0 0;
}

.contactForm2 input.submit {
	margin: 10px 26px 0 0;
}

.contactForm input.submit:hover,
.contactForm2 input.submit:hover {
	background:url(../images/bouton_sendmail.png) no-repeat bottom left;
}

/* contact form 2*/
.contactForm2 {
}

.contactForm2 fieldset {
	border: 1px solid #616690;
	padding: 20px 25px 10px; 
	width: 620px;
}

.contactForm2 legend {
	font-size: 1.5em;
	padding: 0 10px 4px 10px;
	text-decoration: underline;
}

.contactForm2 .left {
	float: left;
	width: 296px;
}

.contactForm2 .right {
	float: left;
	width: 320px;
}

.contactForm2 .right p {
	clear: none;
	float:left;
}

.contactForm2 .right label {
	width: 58px;
}

#middleContainer .corps .contactForm2 p {
	height: 2em;
	margin: 0 0 1px 0;
}

.contactForm2 label {
	display: block;
	width: 80px;
	float: left;
	font-size: 1em;
}

.contactForm2 label.error {
	color: #FF0000;
	font-size: 0.8em;
	padding:0pt 0pt 0pt 5px;
	clear: both;
	width: 200px;
	height: 1.8em;
	display: block;
}

.contactForm2 .right label.error {
	clear: none;
	float: left;
}

.contactForm2 input.text {
	float: left;
	width: 200px;
	border: 1px solid #8992B8;
	font-size: 1em;
	background: #ffffff url(../images/gradient_textarea.png) repeat-x top left;
}

.contactForm2 textarea {
	width: 250px;
	height: 100px;
	float: left;
	background: #ffffff url(../images/gradient_textarea.png) repeat-x top left;
}

/* signature */
#signature {
	position: absolute;
	bottom: -160px;
	text-align:center;
	width: 950px;
}

/* shortcuts */
#shortcuts {
	background: url(../images/footer_bg.png) no-repeat center -10px;
	position: absolute;
	bottom: -130px;
	text-align: center;
	width: 950px;
	padding: 5px 0 0;
	height: 120px;
}

#shortcuts dl {
	clear: both;
	text-align: left;
	width: 950px;
	margin :0 auto;
}

#shortcuts dt {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	width: 196px;
	text-align:right;
	padding: 0 5px 0 0;
	height: 20px;
}

#shortcuts dd {
	padding: 0 0 0 155px;
}
#shortcuts dd ul li.last  {
	border-right: none;
}

#shortcuts dd ul li.first  {
	border-left: none;
}

#shortcuts dd ul li.noborder  {
	border: none;
}

#shortcuts dd ul li {
	display: inline;
	float: left;
	border-right: #0E085B 1px solid;
	border-left: #CCCCCC 1px solid;
	padding: 0 6px;
}

#shortcuts dd a {
	color: #0E085B;
}

/* searchbox */
.search_example {
	position:absolute;	
	top: 10px;
	left: 690px;
	color:#000000;
	font-weight:bold;
	background: url(../images/loupe.png) no-repeat left top;
	padding: 1px 0 0 24px;
}
.search_bar form {
	display:inline;
}	
.search_bar input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}	
.search_bar ul {
	line-height:19px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0pt;
	z-index:10000000;
}	
.search_bar li {
	color:#333333;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-right:0px;
	width:auto;
}	
.search_bar input.search_txt {
	/*background:white url(img/searchglass.png) no-repeat scroll 3px 4px;*/
	border:1px solid #95A5C6;
	color:#000000;
	font-weight:normal;
	padding:2px 0px 2px 2px;
	width: 208px;
}	
.search_bar input.searchBtnOK {
	background:white none repeat scroll 0%;
	border:1px solid #95A5C6;
	color:#000000;
	font-weight:bold;
	padding:1px;
}	

.search_response {
	position:relative;
	border:2px solid #f8e89d;
	padding:10px;
	padding-left:50px;
	margin:10px;
	background:#ffffff url(img/kghostview.png) no-repeat 0px 10px;
}
.autosuggest { z-index: 20; }
.service-clients {
	position: absolute;
	right: 29px;
	top: 27px;
	z-index: 30;
	outline: none;
}
.web-ao {
	position: absolute;
	right: 29px;
	top: 27px;
	z-index: 30;
	outline: none;
}

/* chargement */
#micro_presentation {
	width: 688px;
}
.texte_a_changer {position: absolute; top: 132px;}
.chargement {
	position: absolute;
	width: 480px;
	height: 380px;
	overflow: hidden;
	text-indent: -1000px;
	top: 122px;
	left: 0;
	z-index: 8;
	background: #0E085E;
}
#topBlock .chargement {
	width: 700px;
}

.loading {
	position: absolute;
	top: 0; 
	left: 0;
	width: 440px;
	height: 100%;
	background: url(../images/ajax-loader.gif) no-repeat 50% 25%;
	z-index: 9;
}
#topBlock .loading {
	width: 630px;
}

#bottomBlock .chargement {
	width: 420px;
}
hr.clear {
	visibility: hidden;
	clear: both;
	border: none;
	background: none;
}