body { font-family: arial, tahoma, verdana, helvetica; }
#global { position: absolute; top: 5px; left: 50%; width: 960px; float: left; margin-left: -480px; }
#collogo { position: relative; width: 70px; height: 430px; float: left; clear: left; min-height: 400px; display: block; }
#logo { position: relative; top: 40px; float: left; clear: both; }
/*////////////////////////////////////////////*/
#colmain { position: relative; top: 0; right: 0; width: 880px; height: auto; float: right; clear: right; min-height: 430px; display: block; }
#tete { width: 880px; height: 95px; display: block; }
#sub { color: #aaa; font-size: 12px; line-height: 16px; text-align: right; position: relative; top: 0; left: 0; width: 880px; height: 25px; float: left; clear: both; margin: 0; padding: 0; display: block; }
#social { text-align: right; padding: 0px 0px 5px 0px; }
#social a img { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); }
#social a:hover img { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
a.lang { color: #aaa; text-decoration: none; }
a.lang:hover { color: #606060; text-decoration: none; }
a.distrib { color: #828282; font-weight: bold; text-decoration: none; }
a.distrib:hover { color: #606060; font-weight: bold; text-decoration: none; }
#nav { font-size: 13px; font-family: arial, verdana, tahoma, helvetica; position: relative; top: 0; left: 0; width: 880px; height: 30px; z-index: 150; float: left; clear: both; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right-color: #aaa; border-left-color: #aaa; display: block; }
#nav ul { position: relative; top: 0; left: 0; width: 100%; height: 30px; float: left; clear: both; margin: 0; padding: 0; }
#nav li { line-height: 28px; height: 30px; float: left; margin-right: 22px; padding: 0; list-style-type: none; display: block; }
#nav li a { color: #828282; font-weight: bold; text-decoration: none; }
#nav li a:hover { color: #606060; font-weight: bold; text-decoration: none; }
#nav li a.marque { color: #e72e91; font-weight: bold; text-decoration: none; }
#nav li a.acte { font-weight: bold; text-decoration: none; }
#nav li a.institut { color: #43a99f; font-weight: bold; text-decoration: none; }
#nav li a.produits { color: #584f99; font-weight: bold; text-decoration: none; }
#nav li a.actus { font-weight: bold; text-decoration: none; }
#nav li a.ou { font-weight: bold; text-decoration: none; }
#path { color: #aaa; font-size: 11px; line-height: 22px; }
#path a { color: #aaa; }
/*////////////////////////////////////////////*/
#corps { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: both; display: block; }
#gauche { position: relative; top: 0; left: 0; width: 590px; height: 430px; float: left; clear: left; display: block; }
#droite { position: relative; top: 0; right: 0; width: 290px; height: 430px; float: right; clear: right; display: block;}
/******MARQUE***********
*/
#marque { position: relative; top: 20px; left: 30px; width: 230px; height: 400px; float: left; clear: both; }
#marque h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed #f197bc; }
#txtmarque { color: #fff; font-size: 13px; position: relative; top: 0; left: 0; width: 230px; height: 260px; float: left; clear: both; margin: 0; padding: 0; display: block; }
#menumarque { display: block; position: relative; top: 10px; left: 0; width: 230px; clear: both; margin: 0; padding: 0; }
#marque a.menu { color: #e72e91; font-size: 13px; font-weight: bold; text-decoration: none; }
#marque a.menu:hover { color: #be2577; font-size: 13px; font-weight: bold; text-decoration: none; }
/**/
#famille { font-size: 13px; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; clear: both; display: block; }
#famille #gauche { color: white; position: relative; top: 20px; left: 64px; width: 310px; height: 430px; float: left; clear: left; display: block; }
#famille h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed #f197bc; }
#famille #droite { position: relative; top: 0; right: 0; width: 486px; height: 430px; float: right; clear: right; }
/**/
#recherche { font-size: 12px; background-image: url(../_img/fond_recherche_droite.jpg); background-repeat: no-repeat; background-position: right 0; position: relative; width: 100%; height: 430px; float: left; clear: both; display: block; }
#recherche #gauche { color: white; display: block; position: relative; top: 0; left: 0; width: 486px; height: 430px; float: left; clear: left; }
#recherche #droite { color: white; background-image: none; position: relative; top: 20px; right: 67px; width: 300px; height: 430px; float: right; clear: right; display: block; }
#recherche h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
/**/
#introlocal{ font-size: 12px; background-image: url(http://academie.ankportal.ru/_img/fd_carte.jpg); background-repeat: no-repeat; background-position: right 0; position: relative; top: 0; left: 0; width: 100%; height: 430px; z-index: 0; float: left; clear: both; display: block; }
#introlocal #gauche { color: white; background-color: white; background-image: url(../_img/fd_loc_g.jpg); background-repeat: no-repeat; display: block; position: relative; top: 0; left: 64px; width: 250px; height: 430px; float: left; clear: left; padding-right: 10px; padding-left: 10px; }
#introlocal h1 { color: white; font-size: 22px; font-weight: normal; padding-top: 10px; border-bottom: 1px dashed white; }
#introlocal a { color: white; font-size: 13px; font-weight: bold; text-decoration: none; }
#introlocal a:hover { color: #ffffe5; font-weight: bold; text-decoration: none; }
/**/

#local{ font-size: 12px; background-image: url(../_img/fd_loc.gif); background-repeat: repeat-x; background-position: right 0; position: relative; top: 0; left: 0; width: 100%; height: 430px; z-index: 0; float: left; clear: both; display: block; }
#local #gauche { background-color: white; background-image: url(../_img/fd_loc_g.jpg); background-repeat: no-repeat; display: block; position: relative; top: 0; left: 0; width: 640px; height: 430px; float: left; clear: left; }
#local #droite { color: white; background-image: none; position: relative; top: 20px; right: 35px; width: 200px; height: auto; float: right; clear: right; display: block; }
#local h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
/**/
#historique { background-image: url(../_img/fond_historique.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 100%;  float: left; clear: both; display: block; }
#historique #gauche { color: white; display: block; position: relative; top: 20px; left: 64px; width: 505px; height: 430px; float: left; clear: left;}
#historique h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
#histoscroll { display: block; padding-right: 20px; position: absolute; top: 10px; left: 0; width: 480px; height: 320px; float: left; }
#histoscroll1 { display: block; padding-right: 20px; position: absolute; top: 10px; left: 0; width: 300px; height: 320px; float: left; }
#histoscroll table { color: white; }
#divContainer { position:absolute; left:0; top:60px; visibility: hidden; overflow: hidden; width:450px; clip: rect(0 460px 380px 0); height: 310px; }
#divContent { color: white; position:absolute; left:0; top:0; width:450px; padding-left:0; }
#divContent table { color: white; }
#conteneur_bouton_haut { display: block; position: relative; top: 0; left: 0; width: 20px; height: 20px; float: right; overflow: hidden; clear: right; }
#conteneur_bouton_bas { display: block; position: relative; top: 300px; left: 0; width: 20px; height: 20px; float: right; clear: right; overflow: hidden; }
.separ_histo { font-size: 13px; padding-top: 10px; /*border-top: 1px solid white;*/ }
/******3 ACTES*******

*/
#actes { font-size: 13px; background-image: url(../_img/fond_3actes_gauche.jpg); background-repeat: no-repeat; background-position: 40px 0; display: block; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; clear: both; }
#actes #gauche { color: white; display: block; position: relative; top: 20px; left: 54px; width: 222px; height: 420px; float: left; clear: left; }
#actes #gauche h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed #fff; }
#actes #gauche #ssmenu { line-height: 25px; background-image: url(../_img/fond_menu3actes_g.gif); background-repeat: no-repeat; text-indent: 25px; position: absolute; left: 20px; bottom: 10px; width: 202px; height: 25px; float: left; clear: both; display: block; }
#actes #gauche #ssmenu a { color: #584f99; font-size: 13px; font-weight: bold; text-decoration: none; }
#actes #gauche #ssmenu a:hover { color: #ada3f8; font-size: 13px; font-weight: bold; text-decoration: none; }
#actes #droite { font-size: 13px; position: relative; top: 0; right: 0; width: 580px; height: 430px; float: right; clear: right; }
#actes #droite h1 { font-size: 18px; font-weight: bold; padding-top: 0; padding-bottom: 0; }
#actes #droite #acte1 { color: #1b92b1; position: relative; top: 125px; left: 12px; width: 170px; height: 340px; float: left; display: block; }
#actes #droite #acte2 { color: #eb7e1f; display: block; position: relative; top: 125px; left: 34px; width: 170px; height: 340px; float: left; }
#actes #droite #acte3 { color: #2bb14c; display: block; position: relative; top: 125px; left: 60px; width: 170px; height: 340px; float: left; }
/******SOINS INSTITUT*******

*/
#fond_soins { width: 100%; height: 430px; }
#fond_soins #menusoins { color: white; }
#menusoins a { color: #636b7e; font-weight: bold; text-decoration: none; }
#menusoins a:hover { color: #5e6075; font-weight: bold; text-decoration: none; }
/*visage
*/
#institut { position: relative; top: 20px; left: 30px; width: 230px; height: 470px; float: left; clear: both; }
#institut h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
#txtinstitut { color: #fff; font-size: 13px; display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 230px; height: 340px; float: left; clear: both; }
#visage { position: relative; top: 20px; left: 30px; width: 230px; height: 470px; float: left; clear: both; }
#visage h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
#txtvisage { color: #fff; font-size: 13px; display: block; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 230px; height: 210px; float: left; clear: both; }
#menuvisage { font-size: 16px; display: block; position: relative; top: 10px; left: 0; width: 230px; height: 80px; clear: both; margin: 0; padding: 0; }
#menuvisage a.menu { color: #55a0ff; font-weight: bold; text-decoration: none; }
#menuvisage a.menu:hover { color: #a2cafd; font-weight: bold; text-decoration: none; }
/*soincorps
*/
#soincorps { font-size: 0.9em; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: both; display: block; }
#soincorps #droite #menu #intro { font-size: 0.75em; font-weight: normal;}
#soincorps gauche { position: relative; top: 0; left: 0; width: 586px; height: 430px; float: left; clear: left; display: block; }
#soincorps #droite { background-image: url(../_img/institut/soins_corps_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 290px; height: 430px; float: right; clear: right; display: block; }
#soincorps #droite #txt { color: white; font-size: 12px; position: relative; top: 10px; left: 32px; width: 230px; float: left; clear: both; display: block; }
#soincorps #droite #txt h1 { color: white; font-size: 22px; border-bottom: 1px dashed white; }
#soincorps #droite #menu { color: #346025; font-size: 1.1em; font-weight: bold; position: relative; top: 10px; left: 32px; width: 230px; float: left; clear: both; display: block; }
#soincorps #droite .titre { color: #346025; font-size: 1.1em; font-weight: bold; margin: 5px 0; padding: 0; border-bottom-style: dotted; border-bottom-width: 1px; }
#soincorps #droite #menu a.menu { color: #346025; font-size: 0.75em; font-weight: normal; text-decoration: none; }
#soincorps #droite #menu a:hover.menu { color: #93b044; font-weight: normal; text-decoration: none; }

/*pierres celestes*/
#celeste { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: both; display: block; }
#celeste #gauche { position: relative; top: 0; left: 0; width: 590px; height: 430px; float: left; clear: left; display: block; }
#celeste #droite { background-image: url(../_img/institut/fond_tonic_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 290px; height: 430px; float: right; clear: right; display: block; }
#celeste h1 { color: white; font-size: 22px; font-weight: normal; margin-top: 0; border-bottom: 1px dashed white; }
#celeste h2 { color: white; font-size: 15px; font-weight: bold; }
#celeste #droite #txt { color: #fff; font-size: 12px; display: block; margin: 0; padding: 0; position: relative; top: 20px; left: 30px; width: 230px; height: auto; float: left; clear: both; }
#test { text-align: right; clear: none; }
/*///////////PRODUITS SOIN////////
*/
#soin { background-image: url(../_img/produits/fond_degrad_soin.gif); background-repeat: repeat-x; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: both; margin: 0; padding: 0; display: block; }
#produit_soin_txt { font-size: 12px; position: relative; top: 50px; left: 30px; width: 540px; height: 180px; display: block; }
#soin #txt { color: #373737; font-size: 13px; position: relative; top: 20px; left: 34px; width: 840px; float: left; clear: both; margin: 0; padding: 0; }
#soin #txt h1 { font-size: 22px; width: 800px; margin-top: 0; border-bottom-style: dashed; border-bottom-width: 1px; }
#visu_soin { position: relative; top: 100px; bottom: 20px; width: 300px; height: 210px; float: left; }
/*Scientific system*/
#ssystem { background-repeat: no-repeat; background-position: 0 66px; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#ssystem #enter { color: #b18444; font-size: 12px; line-height: 22px; background-color: #fef9f1; background-image: url(../_img/produits/enter_ssyst.gif); background-repeat: no-repeat; text-indent: 25px; position: relative; top: 235px; left: 630px; width: 210px; height: 24px; float: left; display: block; }
#ssystem #enter a { color: #b18444; font-weight: bold; text-decoration: none; }
#ssystem #enter a:hover { color: #826c4d; text-decoration: none; }
#ssystemgauche { font-size: 0.75em; position: relative; top: 0; left: 0; width: 640px; height: 389px; float: left; clear: left; margin: 0; padding: 0; display: block; }
#ssystemdroite { font-size: 0.75em; display: block; margin: 0; padding: 0; position: relative; top: 0; right: 0; width: 240px; height: 389px; float: right; clear: right; }
#ssystemdroite #txt { color: black; position: relative; top: 0; left: 0; width: 160px; height: 300px; float: left; margin-left: 10px; }
#ssystemdroite #txt ul { margin: 0; padding: 0; }
#ssystemdroite #txt li { font-weight: bold; border-bottom: 1px solid white; list-style-type: none; }
#ssystemdroite #txt a { color: #4e391c; text-decoration: none; font-weight: normal; }
#ssystemdroite #txt a:hover { color: #4e391c; font-weight: bold; text-decoration: none; }
#ssystemdroite #divContainer { position:absolute; left:18px; top:40px; visibility: hidden; overflow: hidden; width:170px; clip: rect(0 170px 380px 0); height: 290px; clear: both; }
#ssystemdroite #divContent { color: white; position:absolute; left:0; top:0; width: 170px; padding-left:0; }
#ssystemdroite #conteneur_bouton_haut { position: relative; top: 40px; left: 195px; width: 22px; height: 22px; float: left; }
#ssystemdroite #conteneur_bouton_bas { position: relative; top: 320px; left: 175px; width: 22px; height: 22px; float: left; }

/*ssystdetail
*/
#ssystdetail { }
#ssystdetail #gauche { position: relative; top: 0; left: 0; width: 40px; height: 430px; float: left; clear: left; display: block; }
#ssystdetail #visuel { position: relative; top: 30px; left: 0; width: 334px; height: 400px; float: left; display: block; }
#visuel #zoom { text-align: center; position: absolute; left: 30px; bottom: 30px; width: 265px; height: 14px; float: left; display: block; }
#ssystdetail #droite { background-image: url(../_img/produits/scientific_system/fd_deg.gif); background-repeat: repeat-x; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
#ssystdetail #droite #content { color: #826c4d; font-size: 13px; background-image: none; background-repeat: no-repeat; background-position: 0 bottom; display: block; position: relative; top: 25px; left: 25px; width: 461px; height: 405px; float: left; clear: both; }
#content #titre { color: #826c4d; font-size: 19px; background-repeat: no-repeat; background-position: 0 bottom; display: block; position: relative; top: 0; left: 0; width: 461px; clear: both; margin: 0 0 10px; padding: 0 0 5px; border-bottom-style: dashed; border-bottom-width: 1px; }
#content #gauche { font-size: 11px; position: relative; top: 0; left: 0; width: 261px; height: 355px; float: left; clear: left; display: block; }
#content #gauche h1 { font-size: 15px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
#content #droite { color: white; font-size: 11px; background-image: none; position: relative; top: 0; right: 0; display: block; width: 180px; height: 300px; float: right; clear: right; padding-left: 10px; border-left-style: dotted; border-left-width: 1px; }

/*hydratation optimale*/
#hydraopt { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#hydraopt #gauche { background-image: url(../_img/institut/soin_hydra_opt_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#hydraopt #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #80cdd3; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#hydraopt #gauche h1 { font-size: 20px; }
#hydraopt #gauche #txt { color: #80cdd3; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-right: 0; padding-left: 20px; }
#hydraopt #droite { background-image: url(../_img/institut/soin_hydra_opt_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*thermo actif*/
#thermoactif { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#thermoactif #gauche { background-image: url(../_img/institut/soin_thermo_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#thermoactif #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #c67cad; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#thermoactif #gauche h1 { font-size: 20px; }
#thermoactif #gauche #txt { color: #c67cad; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#thermoactif #droite { background-image: url(../_img/institut/soin_thermo_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*purete optimale*/
#pureteopt { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#pureteopt #gauche { background-image: url(../_img/institut/soin_purete_opt_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#pureteopt #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #72c6a2; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#pureteopt #gauche h1 { font-size: 20px; }
#pureteopt #gauche #txt { color: #72c6a2; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#pureteopt #droite { background-image:url(http://academie.ankportal.ru/_img/institut/soin_purete_opt_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*oxygenant stimulant*/
#oxystimul { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#oxystimul #gauche { background-image: url(../_img/institut/soin_oxygenant_stimulant_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#oxystimul #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #30a7ad; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#oxystimul #gauche h1 { font-size: 20px; }
#oxystimul #gauche #txt { color: #30a7ad; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#oxystimul #droite { background-image:url(../_img/institut/soin_oxygenant_stimulant_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*modelant*/
#modelant { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#modelant #gauche { background-image: url(../_img/institut/soin_modelant_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#modelant #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #9c5f0c; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#modelant #gauche h1 { font-size: 20px; }
#modelant #gauche #txt { color: #9c5f0c; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#modelant #droite { background-image: url(http://academie.ankportal.ru/_img/institut/soin_modelant_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*lifting raffermissant*/
#liftrafferm { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#liftrafferm #gauche { background-image: url(http://academie.ankportal.ru/_img/institut/soin_lifting_raffermis_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#liftrafferm #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #597b7c; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#liftrafferm #gauche h1 { font-size: 20px; }
#liftrafferm #gauche #txt { color: #597b7c; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#liftrafferm #droite { background-image: url(http://academie.ankportal.ru/_img/institut/soin_lifting_raffermis_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*correcteur rides*/
#correctride { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#correctride #gauche { background-image: url(http://academie.ankportal.ru/_img/institut/soin_correcteur_rides_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#correctride #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #90595c; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#correctride #gauche h1 { font-size: 20px; }
#correctride #gauche #txt { color: #90595c; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#correctride #droite { background-image: url(../_img/institut/soin_correcteur_rides_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*correcteur taches*/
#correctache { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#correctache #gauche { background-image: url(../_img/institut/soin_correcteur_tache_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#correctache #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #d07f16; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#correctache #gauche h1 { font-size: 20px; }
#correctache #gauche #txt { color: #d07f16; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#correctache #droite { background-image: url(../_img/institut/soin_correcteur_tache_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*contour yeux*/
#contouryeux { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#contouryeux #gauche { background-image: url(../_img/institut/soin_contour_yeux_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#contouryeux #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #9560a4; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#contouryeux #gauche h1 { font-size: 20px; }
#contouryeux #gauche #txt { color: #9560a4; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#contouryeux #droite { background-image: url(../_img/institut/soin_contour_yeux_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*collagene*/
#collagene { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#collagene #gauche { background-image: url(../_img/institut/soin_collagene_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#collagene #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #856a61; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#collagene #gauche h1 { font-size: 20px; }
#collagene #gauche #txt { color: #856a61; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#collagene #droite { background-image: url(../_img/institut/soin_collagene_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*desensibilisant anti rougeurs*/
#desensrougeur { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#desensrougeur #gauche { background-image: url(http://academie.ankportal.ru/_img/institut/soin_desensib_roug_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#desensrougeur #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #735f3e; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#desensrougeur #gauche h1 { font-size: 20px; }
#desensrougeur #gauche #txt { color: #735f3e; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#desensrougeur #droite { background-image: url(../_img/institut/soin_desensib_roug_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*soin majeur*/
#majeur { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#majeur #gauche { background-image: url(http://academie.ankportal.ru/_img/institut/soin_essentiel.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#majeur #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #ec6607; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#majeur #gauche h1 { font-size: 20px; }
#majeur #gauche #txt { color: #ec6607; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#majeur #droite { background-image: url(../_img/institut/soin_majeur_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*essentiel*/
#essentiel { position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; display: block; }
#essentiel #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #ec6607; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#essentiel #gauche { background-image: url(http://academie.ankportal.ru/_img/institut/soin_essentiel.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#essentiel #gauche h1 { font-size: 20px; }
#essentiel #gauche #txt { color: #ec6607; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding: 0 0 0 20px; }
#essentiel #droite { background-image: url(../_img/institut/soin_essentiel_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*EXPRESS*/
#express { display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#express #gauche { background-image: url(../_img/institut/soin_express_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#express #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #7d5b24; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#express #gauche h1 { font-size: 20px; }
#express #gauche #txt { color: #7d5b24; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#express #droite { background-image: url(../_img/institut/soin_express_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }


/*AHA*/
#aha { display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#aha #gauche { background-image: url(../_img/institut/soin_aha_g.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#aha #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: #7d5b24; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#aha #gauche h1 { font-size: 20px; }
#aha #gauche #txt { color: #7d5b24; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#aha #droite { background-image: url(../_img/institut/soin_aha_d1.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }

/*MEN*/
#men { display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#men #gauche { background-image: url(../_img/institut/academiemen.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#men #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#men #gauche h1 { font-size: 20px; }
#men #gauche #txt { color: #7d5b24; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#men #droite { background-image: url(../_img/institut/soin_homme_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/

/*ACADEXPERT*/
#acadexpert { display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#acadexpert #gauche { background-color:black; background-image: url(../_img/institut/acadexpert.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#acadexpert #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#acadexpert #gauche h1 { font-size: 17px;}
#acadexpert #gauche #txt { color: white; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#acadexpert #droite { background-image: url(../_img/institut/soin_exp_d.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/

/*ACADEXPERT anti age*/
#acadexpert2 { display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#acadexpert2 #gauche { background-color:black; background-image: url(../_img/institut/acadexpert.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#acadexpert2 #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#acadexpert2 #gauche h1 { font-size: 17px;}
#acadexpert2 #gauche #txt { color: white; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#acadexpert2 #droite { background-image: url(../_img/institut/soin_antiage.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/

/*ACADEXPERT micro dermabrasion*/
#acadexpert3{ display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#acadexpert3 #gauche { background-color:black; background-image: url(../_img/institut/acadexpert.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#acadexpert3 #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#acadexpert3 #gauche h1 { font-size: 17px;}
#acadexpert3 #gauche #txt { color: white; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#acadexpert3 #droite { background-image: url(../_img/institut/soin_micro.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/

/*ACADEXPERT EXPERT1*/
#acadexpert4{ display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#acadexpert4 #gauche { background-color:black; background-image: url(../_img/institut/acadexpert.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#acadexpert4 #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#acadexpert4 #gauche h1 { font-size: 17px;}
#acadexpert4 #gauche #txt { color: white; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#acadexpert4 #droite { background-image: url(../_img/institut/soin_expert1.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/

/*ACADEXPERT EXPERT1*/
#acadexpert5{ display: block; position: relative; top: 0; left: 0; width: 880px; height: 430px; float: left; clear: left; }
#acadexpert5 #gauche { background-color:black; background-image: url(../_img/institut/acadexpert.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 374px; height: 430px; float: left; clear: left; display: block; }
#acadexpert5 #gauche #titre { color: white; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; background-color: black; text-transform: uppercase; text-align: center; position: relative; top: 0; left: 45px; width: 335px; float: left; clear: both; padding: 10px 5px; }
#acadexpert5 #gauche h1 { font-size: 17px;}
#acadexpert5 #gauche #txt { color: white; font-size: 12px; position: relative; top: 15px; left: 45px; width: 300px; float: left; clear: both; padding-left: 20px; }
#acadexpert5 #droite { background-image: url(../_img/institut/soin_expert2.jpg); background-repeat: no-repeat; position: relative; top: 0; right: 0; width: 506px; height: 430px; float: right; clear: right; display: block; }
/*////////////////////////////////////////////*/


#pied { color: #aaa; font-size: 12px; line-height: 20px; position: relative; top: 20px; left: 0; width: 880px; height: 20px; float: left; clear: both; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; display: block; }
#pied a { color: #aaa; text-decoration: none; }
#pied a:hover { color: #606060; text-decoration: none; }
#all { position: relative; top: 0; left: 0; height: 20px; float: left; clear: left; }
#under { text-align: right; position: static; top: 0; right: 0; height: 20px; float: right; clear: right; }
/* affichage du menu accordeon */
#accordion li{}
#accordion li a{padding:3px 6px; text-decoration:none; color: #55A0FF; font-size:12px; font-weight: normal;}
#accordion h3 a{padding: 0px; text-decoration:none; color: #55A0FF; font-size:15px; font-weight: bold;}
#accordion li a:hover{}
#accordion ul, li, h3 {border:0; padding:0; margin:0; list-style:none;}

/* affichage du menu soins visage ---------*/
#slidemenu { position: absolute; z-index: 10; bottom: 0; left: 44px; float: left; }
#menu_soins {width: 300px;padding: 0; margin: 0;}

#menu_soins table {padding: 0; margin: 0; width: 100%;}
#menu_soins td {
background-color: #A3D4CE;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
color: #1D3F3A;
height: 20px;
}

#menu_soins a{
color: #1D3F3A;
text-decoration: none;
font-weight: bold;
font-size: 12px;
display: block;
}

#toggle_soins {
width: 300px;
margin: 0;
padding: 0;
}
#toggle_soins table{padding: 0; margin: 0; width: 100%;
}
#toggle_soins td { width: 350px; background-color: #202b64; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; -khtml-opacity: 0.7; height: 20px; margin: 0; padding: 0; }

#toggle_soins a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#retour_soins { font-weight: bold; background-color: #202b64; position: absolute; right: 0; bottom: 2px; width: 160px; height: 20px; float: right; }
#retour_soins table { height: 20px; margin: 0; padding: 0; }
#retour_soins a { color: #fff; font-size: 12px; text-decoration: none; }
/**/
#slidefamille { position: absolute; left: 2px; z-index: 10; bottom: 0; float: left; }
#menu_famille {width: 250px;padding: 0; margin: 0;}
#menu_famille table {padding: 0; margin: 0; width: 100%;}
#menu_famille td {
background-color: #e57fb7;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
color: #fff;
height: 20px;
}
#menu_famille a{
color: #ffffe5;
text-decoration: none;
font-weight: bold;
font-size: 12px;
display: block;
}
#toggle_famille {
width: 250px;
margin: 0;
padding: 0;
}
#toggle_famille table{padding: 0; margin: 0; width: 100%;
}
#toggle_famille td {
width: 350px;
background-color: #de318e;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
height: 20px;
}
#toggle_famille a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/**/
#slidehisto { position: absolute; left: 0; z-index: 10; bottom: 0; float: left; }
#menu_histo {width: 250px;padding: 0; margin: 0;}
#menu_histo table {padding: 0; margin: 0; width: 100%;}
#menu_histo td {
background-color: #deaa85;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
color: #fff;
height: 20px;
}
#menu_histo a{
color: white;
text-decoration: none;
font-weight: bold;
font-size: 12px;
display: block;
}
#menu_histo a:hover { color: #7a5746; font-size: 12px; font-weight: bold; text-decoration: none; display: block; }
#toggle_histo {
width: 250px;
margin: 0;
padding: 0;
}
#toggle_histo table{padding: 0; margin: 0; width: 100%;
}
#toggle_histo td {
width: 350px;
background-color: #cc774e;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
height: 20px;
}
#toggle_histo a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/**/
#sliderecherche { position: absolute; left: 235px; z-index: 10; bottom: 0; float: left; }
#menu_recherche {width: 250px;padding: 0; margin: 0;}
#menu_recherche table {padding: 0; margin: 0; width: 100%;}
#menu_recherche td {
background-color: #6cc7d5;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
color: #fff;
height: 20px;
}
#menu_recherche a{
color: white;
text-decoration: none;
font-weight: bold;
font-size: 12px;
display: block;
}
#menu_recherche a:hover { color: #038794; font-size: 12px; font-weight: bold; text-decoration: none; display: block; }
#toggle_recherche {
width: 250px;
margin: 0;
padding: 0;
}
#toggle_recherche table{padding: 0; margin: 0; width: 100%;
}
#toggle_recherche td {
width: 350px;
background-color: #0bc;
 filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
height: 20px;
}
#toggle_recherche a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
/*localisation
*/
#listeville { font-size: 1em; position: relative; top: 20px; left: 20px; width: 200px; height: 370px; overflow: auto; float: left; clear: left; display: block; }
#listeville ul,li { margin: 0; padding: 0; }
#listeville a { color: #ffffff; font-size: 0.8em; text-decoration: none; }
#listeville a:hover { color: #ffffff; text-decoration: underline; }
#listeville_loca { font-size: 1em; position: relative; top: 20px; left: 20px; float: left; clear: left; display: block; }
#carte { background-color: transparent; position: relative; top: 0; right: 0; width: 400px; height: 430px; float: right; clear: right; display: block; }
#details { background-color: transparent; position: relative; top: 20px; right: 0; width: 400px; height: 430px; float: left; clear: right; display: block; }
.xxOLDxxprod_actif{ font-weight: bold; line-height: 30px; border: solid 1px white; padding: 2px; }
.prod_actif{ display: block; font-weight: bold; line-height: 30px; border: solid 1px white; padding: 2px; }
span.prod_actif_fr{ display: block; font-weight: bold; border: solid 1px white; padding: 2px; }
span.prod_actif_en{ display: block; font-weight: bold; line-height: 16px; border: solid 1px white; padding: 2px; }
/*contact
*/
#contact { color: gray; background-image: url(../_img/fleur2.jpg); background-repeat: repeat; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; display: block; }
#contact #gauche { color: white; background-color: white; background-image: url(../_img/deg_contact.jpg); background-repeat: repeat-x; display: block; position: relative; top: 0; left: 24px; width: 700px; height: 430px; float: left; clear: left; padding-right: 10px; padding-left: 10px; }
#contact table { color: #800000; font-size: 11px; }
#contact a { color: white; font-size: 12px; font-weight: bold; text-decoration: none; }
#contact a:hover { color: #ffffd7; font-size: 12px; font-weight: bold; text-decoration: none; }
#contact #gauche h1 { color: white; font-size: 22px; font-weight: normal; margin-top: 20px; border-bottom: 1px dashed white; }
input.field { color: white; font-size: 12px; background-color: transparent; width: 180px; height: 20px; border-bottom: 1px solid #472311; border-top-style: none; border-right-style: none; border-left-style: none; display: block; }
textarea.fieldtxt { color: #472311; background-color: #f5e5de; width: 200px; height: 250px; border-style: none; display: block; }
/**/
#depositaire { color: #626262; background-image: url(../_img/fond_fleur.jpg); background-repeat: repeat; background-position: right 0; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; display: block; }
#depositaire #gauche { color: white; background-color: white; background-image: url(../_img/deg_gris.gif); background-repeat: repeat-x; display: block; position: relative; top: 0; left: 24px; width: 700px; height: 430px; float: left; clear: left; padding-right: 10px; padding-left: 10px; }
#depositaire table { color: #1d3f3a; font-size: 11px; }
#depositaire #gauche h1 { color: white; font-size: 22px; font-weight: normal; margin-top: 20px; border-bottom: 1px dashed white; }
#depositaire input.field { color: white; font-size: 12px; background-color: transparent; width: 180px; height: 20px; border-bottom: 1px solid #1d3f3a; border-top-style: none; border-right-style: none; border-left-style: none; display: block; }
#depositaire textarea.fieldtxt { color: black; background-color: #e7e7e7; width: 200px; height: 250px; border: solid 1px #9fa3a6; display: block; }
/**/
#recrutement { color: #3b3b3b; background-image: url(../_img/bulles.jpg); background-repeat: repeat; background-position: right 0; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; display: block; }
#recrutement h1 { color: white; font-size: 22px; font-weight: normal; margin-top: 20px; border-bottom: 1px dashed white; }
#recrutement #gauche { color: white; background-color: white; background-image: url(../_img/deg_vert.gif); background-repeat: repeat-x; display: block; position: relative; top: 0; left: 20px; width: 700px; height: 430px; float: left; clear: left; padding-right: 10px; padding-left: 10px; }
#recrutement input.field { color: #3c3c3c; font-size: 12px; background-color: transparent; display: block; width: 180px; height: 20px; border-top-style: none; border-right-style: none; border-bottom: 1px solid #3c3c3c; border-left-style: none; }
#recrutement textarea.fieldtxt { color: black; background-color: #e8e8e8; display: block; width: 200px; height: 250px; border: solid 1px white; }
#recrutement table { color: #3c3c3c; font-size: 11px;}
/*newsletter----------*/
#newsletter { color: #3b3b3b; background-image: url(../_img/fd_news.jpg); background-repeat: no-repeat; background-position: right 0; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; display: block; }
#newsletter h1 { color: white; font-size: 22px; font-weight: normal; margin-top: 20px; border-bottom: 1px dashed white; }
#newsletter #gauche { color: white; display: block; position: relative; top: 0; left: 120px; width: 300px; height: 430px; float: left; clear: left; padding-right: 10px; padding-left: 10px; }
#newsletter input.field { color: #3c3c3c; font-size: 12px; background-color: transparent; display: block; width: 180px; height: 20px; border-top-style: none; border-right-style: none; border-bottom: 1px solid #3c3c3c; border-left-style: none; }
#newsletter table { color: #3c3c3c; font-size: 11px;}
/**/

#actualites{ color: gray; background-image: url(../_img/fond_actu2.jpg); background-repeat: no-repeat; background-position: right 0; display: block; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; }
#actualites h1 { color: #7d5b24; font-size: 18px; text-align: center; font-weight: normal; margin-left: 10px; margin-top: 0px;  }
#actualites h2 { color: #7d5b24; font-size: 18px; font-weight: normal; margin: 0; padding-top: 5px; padding-bottom: 5px; }
#actualites #gauche { color: #7d5b24; font-size: 12px; display: block; padding-right: 0; padding-left: 0; position: relative; top: 0px; left: 290px; width: 550px; height: 410px; float: left; clear: left; }
.encadre { padding: 6px; border-style: solid; border-width: 1px; }
/**/
#presse { color: gray; background-image: url(../_img/fond_presse.gif); background-repeat: no-repeat; background-position: right 0; display: block; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; }
#presse h1 { font-size: 22px; font-weight: normal; margin-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; }
#presse #gauche { font-size: 12px; display: block; padding-right: 0; padding-left: 0; position: relative; top: 10px; left: 20px; width: 180px; height: 410px; float: left; clear: left; }
#presse #droite { font-size: 12px; position: absolute; top: 20px; left: 270px; width: 620px; height: 380px; float: left; padding: 0; display: block; }
#toscroll { position: absolute; top: 0; left: 0; width: 575px; height: 360px; float: left; display: block; }
#toscroll1 { position: absolute; top: 0; left: 0; width: 700px; height: 360px; float: left; display: block; }
#presse #droite h1 { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: 5px 0 0; padding: 0; border-style: none; }
#presse #droite p { font-size: 10px; margin: 3px 0 0; }
.cellpresse { position: relative; top: 0; left: 0; width: 175px; float: left; margin-right: 12px; display: block; }
.wrappresse { position: relative; top: 0; left: 0; width: 570px; float: left; clear: left; margin-bottom: 12px; display: block; }
/*vente en ligne*/
#vente { font-size: 13px; background-image: url(../_img/fond_vente.jpg); background-repeat: no-repeat; position: relative; top: 0; left: 0; width: 100%; height: 430px; float: left; clear: both; display: block; }
#vente #gauche { color: white; position: relative; top: 20px; left: 54px; width: 480px; height: 410px; float: left; clear: left; display: block; }
#vente h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
#vente #droite { position: relative; top: 0; right: 0; width: 386px; height: 430px; float: right; clear: right; }
/**/
#legal { color: gray; font-size: 12px; position: absolute; top: 0; left: 0; width: 100%; height: 410px; float: left; }
#legalscroll { display: block; position: absolute; top: 10px; left: 20px; width: 860px; height: 410px; float: left; padding-right: 20px; }
/*all*/
#toscrollall { display: block; padding-right: 20px; position: absolute; top: 10px; left: 20px; width: 860px; height: 410px; float: left; }
.wrapall { position: relative; top: 10px; left: 0; width: 840px; float: left; clear: both; margin-bottom: 10px; padding-bottom: 10px; display: block; }
.all { font-size: 12px; position: relative; top: 0; left: 0; width: 180px; float: left; margin-right: 20px; display: block; }
.all ul { margin: 0; padding: 0; border-bottom: 1px dotted silver;}
.all li { border-bottom: 1px dotted silver; list-style-type: none;}
.all a { color: gray; text-decoration: none; }
.all h1 { color: gray; font-size: 14px; margin-top: 0; margin-bottom: 2px; padding: 0; border-bottom: 2px solid gray; }
#ventee { font-size: 13px; top: 0; left: 0; width: 100%; float: left; clear: both; display: block; }
#ventee #gauche { color: white; position: relative; top: 20px; left: 54px; width: 480px; height: 410px; float: left; clear: left; display: block; }
#ventee h1 { color: white; font-size: 22px; font-weight: normal; border-bottom: 1px dashed white; }
#ventee #droite { position: relative; top: 0; right: 0; width: 386px; height: 430px; float: right; clear: right; }
.promo_text {
    text-align: justify;
    margin: 0px 25px 30px 25px;
    font-size: 12px;
    float: left;
    position: relative;
    top: 20px;
    color: rgb(130, 130, 130);
}
.promo_h1 {
    text-align: center;
    margin: 0px 30px 20px 30px;
    font-size: 18px;
    position: relative;
    top: 40px;
    color: rgb(130, 130, 130);
    clear: both;
}