/* structure generale */
* {margin: 0px; padding: 0px; font-family: Arial;}
body {margin: 0px; text-align: center; background-color: #FFF;}

html>body input[type="checkbox"] {margin: 3px;}
html>body input[type="radio"] {margin: 5px 5px 0 5px;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0px;}

div#main {position: relative; width: 962px; margin-left: auto; margin-right: auto; text-align: left;}
div#bg_main, div#header, div#content, div#footer, div#footer_halls {float: left; width: 955px;}

div#bg_main {background: url(img/bg_main.jpg) repeat-x;}

div#nav {float: left; width: 544px;}
div#nav .copyright {display:none;font-size: 12px; color: #FFF; padding: 5px 0 0 15px;}

div#footer, div#footer_halls {font-size: 12px; color: #F60;}
div#footer a, div#footer_halls a {color: #F60;}
div#footer span.copy, div#footer_halls span.copy {color: #542300;}
div#footer p, div#footer_halls p {padding: 15px 50px 12px 0; text-align: right;}
div#footer_halls {margin-top: -68px;}

.bold {font-weight: bold;}
.under {text-decoration: underline;}


/* -------------------------------------------------------------------------------------------------- */
/* page resa */
div#sousnav {float: left; width: 857px; margin: 0 0 10px 25px; background: url(img/bg_ssnav.gif) repeat-x;}
html>body div#sousnav {margin-left: 50px;}

div#sousnav img.bt_tarifs {margin-right: 89px;}
div#sousnav img.bt_resa {margin-right: 76px;}
div#sousnav img.bt_partenaires {margin-right: 48px;}

div#resa1 {float: left; width: 210px; margin-left: 25px;}
html>body div#resa1 {margin-left: 50px;}
div#resa1 img.visu {margin-top: 10px;}

div#resa2 {float: left; width: 261px; margin-left: 20px; background: url(img/bg_choix.gif) repeat-y; font-size: 12px; color: #0D0C0C;}
div#resa2 div.bloc_choix {float: left; width: 261px; height: 208px;}
div#resa2 p.choix1 {font-weight: bold; padding: 8px 0 0 63px;}
div#resa2 p.choix2 {font-weight: bold; text-decoration: underline; padding: 20px 0 0 87px;}
div#resa2 p.choix3 {padding: 6px 0 0 85px;}

div#resa3 {float: left; width: 347px; margin-left: 20px; background-color: #F99BCD; font-size: 12px; color: #FFF;}
div#resa3 div.bloc_remplis {float: left; width: 347px; height: 230px; padding-top: 10px;}
div#resa3 p.form_titre {float: left; width: 118px; text-align: right; padding-top: 4px;}
html>body div#resa3 p.form_titre {padding-top: 6px;}
div#resa3 p.form_input {float: left; width: 190px; padding-top: 3px;}
html>body div#resa3 p.form_input {padding-top: 5px;}
div#resa3 p.form_input input {width: 144px; border: 1px solid #7F9DB9; font-size: 12px; color: #0D0C0C; margin-left: 5px;}
div#resa3 p.note {float: left; width: 242px; padding-top: 18px; text-align: right; font-size: 11px; color: #FFF; font-style: italic;}

div.bouton {float: left; width: 908px; text-align: right; padding-top: 12px;}


/* -------------------------------------------------------------------------------------------------- */
/* page decouvrir */
div#decouvrir1 {float: left; width: 249px; margin-left: 25px;}
html>body div#decouvrir1 {margin-left: 50px;}
div#decouvrir1 div.bloc_decouvrez {float: left; width: 248px; height: 182px; background: url(img/bg_decouvrez.gif) no-repeat;}
div#decouvrir1 div.bloc_decouvrez p {font-size: 14px; color: #E65DA6; padding: 45px 40px 0 25px;}
div#decouvrir1 div.bloc_services {float: left; width: 249px; height: 149px; background: url(img/bg_services.gif) no-repeat; margin-top: 18px;}
div#decouvrir1 div.bloc_services p {font-size: 14px; color: #FFF; padding: 82px 32px 0 122px;}

div#decouvrir2 {float: left; width: 349px; margin-left: 14px;}

div#decouvrir3 {float: left; width: 230px; margin-left: 14px;}
div#decouvrir3 div.bloc_partenaires {float: left; width: 229px; height: 128px; background: url(img/bg_partenaires.gif) no-repeat; text-align: center;}
div#decouvrir3 div.bloc_partenaires img {margin: 74px 4px 0 4px;}
div#decouvrir3 div.bloc_engagements {float: left; width: 230px; height: 117px; background: url(img/bg_engagements.gif) no-repeat; margin-top: 22px;}
div#decouvrir3 div.bloc_engagements ul {margin: 67px 0 0 58px;}
div#decouvrir3 div.bloc_engagements ul li {float: left; width: 155px; font-size: 14px; color: #FFF; list-style: none; background: url(img/puce_liste.gif) no-repeat 0px 8px; padding-left: 9px;}
div#decouvrir3 div.bloc_tarifs {float: left; width: 230px; height: 61px; background: url(img/bg_tarifs.gif) no-repeat; margin-top: 21px;}
div#decouvrir3 div.bloc_tarifs p {font-size: 14px; color: #FFF; padding: 37px 0 0 50px;}


/* -------------------------------------------------------------------------------------------------- */
/* pages salles */
div#salle1 {float: left; width: 390px; margin-left: 25px;}
html>body div#salle1 {margin-left: 50px;}

div#salle1 div.bloc_salle {float: left; width: 390px; height: 357px; background-color: #00B0D4;}
div#salle1 div.bloc_salle img {display: block;}
div#salle1 div.bloc_salle img.visu_salle {margin: 8px 0 0 20px;}
div#salle1 div.bloc_salle img.fleche_rose {margin: -17px 0 0 357px;}
div#salle1 div.bloc_salle img.tt_salle {margin: 17px 0 0 40px;}
div#salle1 div.bloc_salle p.intro,
div#salle1 div.bloc_salle p.spip {font-size: 12px; color: #FFF; padding: 2px 25px 0 18px;}

div#salle1 div.bloc_salle div.scroll_intro {float: left; position: relative; width: 243px;}

div#salle2 {float: left; width: 243px; margin-left: 11px;}
div#salle2 div.bloc_intro {float: left; width: 243px; height: 357px; background-color: #67C5DE;}
div#salle2 div.bloc_intro img.top_intro {display: block;}
div#salle2 div.bloc_intro p {font-size: 12px; color: #FFF; padding: 2px 10px 0 10px;}
div#salle2 div.bloc_intro p.intro {float: left;}
div#salle2 div.bloc_nom {float: left; width: 228px; height: 63px; background: url(img/fleche_equipe.gif) no-repeat; margin: 10px 0 0 4px;}
html>body div#salle2 div.bloc_nom {margin-left: 8px;}
div#salle2 div.bloc_nom img {margin: 5px 0 0 35px;}
div#salle2 div.bloc_nom p {font-size: 12px; color: #FFF; padding: 0 0 0 35px;}

div#salle3 {float: left; width: 196px; margin-left: 10px;}
div#salle3 div.bloc_adresse {float: left; width: 196px; height: 128px; background: url(img/bg_adresse.gif) no-repeat;}
div#salle3 div.bloc_adresse img.tt_adresse {margin: 15px 0 0 15px;}
div#salle3 div.bloc_adresse p {font-size: 12px; color: #FFF; padding: 5px 0 0 18px;}
div#salle3 div.bloc_adresse p a {color: #440FF1; text-decoration: underline;}
div#salle3 div.bloc_adresse p a:hover {text-decoration: none;}

div#salle3 div.bloc_reservez {float: left; width: 196px; height: 63px; background: url(img/bg_reservez.gif) no-repeat; margin-top: 8px;}
div#salle3 div.bloc_reservez p {font-size: 12px; padding: 28px 0 0 58px;}
div#salle3 div.bloc_reservez p a {color: #000; font-weight: bold; text-decoration: underline;}
div#salle3 div.bloc_reservez p a:hover {text-decoration: none;}

div#salle3 div.bloc_plan {float: left; width: 196px; height: 60px; margin-top: 8px;}

div#salle3 div.bloc_agenda {float: left; position: relative; width: 197px; height: 84px; background: url(img/bg_agenda.gif) repeat-y; margin-top: 8px;}
div#salle3 div.bloc_agenda img {display: block;}


/* scroll */
div#salle1 div.scroll_intro #divUpControl2 {position: relative; left: 220px; top: 2px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#salle1 div.scroll_intro #divDownControl2 {position: relative; left: 220px; top: 46px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#salle1 div.scroll_intro #divContainer2 {position: absolute; left: 18px; top: 0px; width: 347px; height: 115px; visibility: hidden; overflow: hidden; clip: rect(0px 347px 115px 0px);}
div#salle1 div.scroll_intro #divContent2 {background:red;position: relative; left: 0px; top: 0px;}
div#salle1 div.scroll_intro .pscroll {font-size: 12px; color: #FFF;}

div#salle3 div.bloc_agenda #divUpControl {position: relative; left: 170px; top: 5px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#salle3 div.bloc_agenda #divDownControl {position: relative; left: 170px; top: 18px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#salle3 div.bloc_agenda #divContainer {position: absolute; left: 15px; top: 38px; width: 150px; height: 47px; visibility: hidden; overflow: hidden; clip: rect(0px 150px 47px 0px);}
div#salle3 div.bloc_agenda #divContent {position: relative; left: 0px; top: 0px;}
div#salle3 div.bloc_agenda .pscroll {font-size: 12px; color: #000;}


/* -------------------------------------------------------------------------------------------------- */
/* page agenda */
div#agenda1 {float: left; width: 37px; margin-left: 25px;}
html>body div#agenda1 {margin-left: 50px;}
div#agenda1 img {margin-top: 25px;}

div#agenda2 {float: left; position: relative; width: 392px; height: 351px; background: url(img/bg_page_g.gif) no-repeat;}
div#agenda2 img.tt_semaine {margin: 22px 0 0 18px;}

div#agenda3 {float: left; position: relative; width: 417px; height: 351px; margin-left: 11px; background: url(img/bg_page_d.gif) no-repeat;}
div#agenda3 p.titre, div#agenda3 p.titre_news {font-size: 24px; color: #81CFE3; font-weight: bold; padding: 22px 0 0 54px;}
div#agenda3 p.titre_news {color: #98A706;}


/* page detail agenda */
div#agenda2 p.titre {font-size: 24px; color: #81CFE3; font-weight: bold; padding: 17px 0 0 20px;}
div#agenda2 img.visu_agenda {margin: 9px 0 0 27px;}
div#agenda2 img.visu_news {margin: 27px 0 0 27px;}
div#agenda2 img.spip_logos {margin: 15px 0 0 15px;}

p.ag_date {font-size: 12px; color: #050505; font-weight: bold; padding: 6px 16px 0 54px;}
p.ag_lieu {font-size: 14px; color: #98A706; font-weight: bold; padding: 12px 16px 0 54px;}
p.ag_lieu a {color: #98A706; text-decoration: underline;}
p.ag_lieu a:hover {text-decoration: none;}
p.ag_texte {font-size: 12px; color: #050505; padding: 16px 16px 0 54px;}
p.ag_infos {font-size: 12px; color: #3FB7D5; font-weight: bold; padding: 12px 16px 0 54px;}


/* scroll */
div#agenda2 #divUpControl {position: relative; left: 338px; top: 17px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#agenda2 #divDownControl {position: relative; left: 338px; top: 250px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#agenda2 #divContainer {position: absolute; left: 18px; top: 47px; width: 315px; height: 280px; visibility: hidden; overflow: hidden; clip: rect(0px 315px 280px 0px);}
div#agenda2 #divContent {position: relative; left: 0px; top: 0px;}
div#agenda2 .datescroll {background: url(img/puce_verte.gif) no-repeat 0px 16px; padding: 12px 0 0 17px;}
div#agenda2 .datescroll a {font-size: 14px; color: #050505; font-weight: bold; text-decoration: underline;}
div#agenda2 .datescroll a:hover {text-decoration: none;}
div#agenda2 .pscroll,
div#agenda2 p.spip {font-size: 14px; color: #050505; padding: 9px 0 7px 17px;}
div#agenda2 .pscroll img {float:right; margin:10px 10px 10px 0}
div#agenda2 .pscroll .couleur {color: #98A706; font-weight: bold;}
div#agenda2 #divContainer .filet {width: 315px; height: 1px; background-color: #FA9CCE;}

div#agenda3 #divUpControl2 {position: relative; left: 380px; top: 6px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#agenda3 #divDownControl2 {position: relative; left: 380px; top: 210px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#agenda3 #divContainer2 {position: absolute; left: 54px; top: 77px; width: 320px; height: 230px; visibility: hidden; overflow: hidden; clip: rect(0px 320px 230px 0px);}
div#agenda3 #divContent2 {position: relative; left: 0px; top: 0px;}
div#agenda3 .datescroll a {font-size: 12px; color: #050505; font-weight: bold; text-decoration: underline;}
div#agenda3 .datescroll a:hover {text-decoration: none;}
div#agenda3 .pscroll, 
div#agenda3 p.spip {font-size: 12px; color: #050505; padding: 0 0 12px 0;}


/* -------------------------------------------------------------------------------------------------- */
/* page corporate */
div#corpo1 {float: left; width: 249px; margin-left: 25px;}
html>body div#corpo1 {margin-left: 50px;}

div#corpo1 div#corpo1_top, div#corpo1 div#corpo1_bot {float: left; width: 249px;}
div#corpo1 div#corpo1_top {background-color: #FFF;}
div#corpo1 div#corpo1_bot {background-color: #81CFE3; margin-top: 17px;}
div#corpo1 div.bloc_corpo1_top {float: left; position: relative; width: 249px; height: 154px;}
div#corpo1 div.bloc_corpo1_bot {float: left; position: relative; width: 249px; height: 137px;}

div#corpo1_top img.tt_autrement {margin: 3px 0 0 14px;}
div#corpo1_bot img.tt_chiffres {margin: 1px 0 0 14px;}

div#corpo2 {float: left; width: 370px; margin-left: 12px; background-color: #00B0D4;}
div#corpo2 div.bloc_corpo2 {float: left; position: relative; width: 370px; height: 328px;}
div#corpo2 img.tt_bottle {margin: 4px 0 0 24px;}

div#corpo3 {float: left; width: 212px; margin-left: 12px; background-color: #FFF;}
div#corpo3 div.bloc_corpo3 {float: left; position: relative; width: 212px; height: 328px;}
div#corpo3 img.tt_emploi {margin: 3px 0 0 19px;}

div#bande_bas1 {float: left; width: 856px; margin: 11px 0 0 25px; background: #F60 url(img/arr_orange_g.gif) no-repeat;}
html>body div#bande_bas1 {margin-left: 50px;}
div#bande_bas2 {float: left; width: 856px; height: 27px; padding-left: 32px; background: url(img/arr_orange_d.gif) no-repeat right top;}
html>body div#bande_bas2 {width: 824px;}
div#bande_bas2 a {font-size: 14px; color: #FFF; font-weight: bold; background: url(img/fleche.gif) no-repeat; margin: 5px 38px 0 0; padding: 1px 0 2px 25px; float: left; display: block;}


/* scroll */
div#corpo1_top #divUpControl {position: relative; left: 225px; top: 15px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#corpo1_top #divDownControl {position: relative; left: 225px; top: 104px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#corpo1_top #divContainer {position: absolute; left: 14px; top: 30px; width: 212px; height: 126px; visibility: hidden; overflow: hidden; clip: rect(0px 212px 126px 0px);}
div#corpo1_top #divContent {position: relative; left: 0px; top: 0px;}
div#corpo1_top .pscroll {font-size: 11px; color: #050505;}

div#corpo1_bot #divUpControl2 {position: relative; left: 225px; top: 5px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#corpo1_bot #divDownControl2 {position: relative; left: 225px; top: 82px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#corpo1_bot #divContainer2 {position: absolute; left: 14px; top: 23px; width: 212px; height: 114px; visibility: hidden; overflow: hidden; clip: rect(0px 212px 114px 0px);}
div#corpo1_bot #divContent2 {position: relative; left: 0px; top: 0px;}
div#corpo1_bot .pscroll {font-size: 11px; color: #050505;}
div#corpo1_bot .pscroll .phrase_top {font-weight: bold; text-decoration: underline;}
div#corpo1_bot .pscroll .chiffre {font-size: 18px; color: #FFF; font-weight: bold;}

div#corpo2 #divUpControl3 {position: relative; left: 346px; top: 8px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#corpo2 #divDownControl3 {position: relative; left: 346px; top: 265px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#corpo2 #divContainer3 {position: absolute; left: 24px; top: 35px; width: 322px; height: 295px; visibility: hidden; overflow: hidden; clip: rect(0px 322px 295px 0px);}
div#corpo2 #divContent3 {position: relative; left: 0px; top: 0px;}
div#corpo2 .pscroll {font-size: 11px; color: #FFF;}
div#corpo2 ul {width: 322px; padding-left: 7px;}
div#corpo2 ul li {width: 295px; font-size: 11px; color: #FFF; list-style: none; background: url(img/puce_blanc.gif) no-repeat 0px 4px; padding-left: 14px; float: left;}

div#corpo3 #divUpControl4 {position: relative; left: 189px; top: 10px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#corpo3 #divDownControl4 {position: relative; left: 189px; top: 213px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#corpo3 #divContainer4 {position: absolute; left: 19px; top: 84px; width: 172px; height: 240px; visibility: hidden; overflow: hidden; clip: rect(0px 172px 240px 0px);}
div#corpo3 #divContent4 {position: relative; left: 0px; top: 0px;}
div#corpo3 .pscroll {font-size: 11px; color: #050505;}


/* -------------------------------------------------------------------------------------------------- */
/* page index */
div#index_top, div#index_mid, div#index_bot {float: left; width: 955px;}
div#index_top {height: 50px;}
div#index_mid {height: 455px; background: url(img/bg_cadre_index.jpg) no-repeat right bottom;}
div#index_bot {height: 75px; background: url(img/bg_bas_index.jpg) no-repeat right top;}

div#index_top p.copy {font-size: 12px; color: #FFF; padding: 4px 0 0 8px;}

div#index_mid p.milk_shop {float: left; width: 185px; height: 188px; font-size: 12px; color: #000; background: url(img/bg_shop.gif) no-repeat; margin-top: 61px; _margin-left: -3px; padding: 32px 0 0 15px;}
html>body div#index_mid p.milk_shop {width: 170px; height: 156px;}
div#index_mid p.milk_shop a {color: #000;}

div#index_mid img.img_index {float: left; _margin-left: -3px; display: block;}
div#index_mid img.cartouche {float: left; _margin-left: -6px; display: block;}
div#index_mid img.agenda_index {float: left; margin: 0 0 0 15px; display: block;}

div#index_mid div#agenda {float: left; position: relative; _margin-left: -2px; width: 185px;}

div#index_bot p.nav_index {float: left;}
div#index_bot p.liens {float: left; font-size: 12px; color: #F60; padding: 17px 0 0 90px;}
div#index_bot p.liens a {color: #F60;}
div#index_bot p.liens span.copy {color: #542300;}

/* scroll */
div#agenda #divUpControl {position: relative; left: 162px; top: 5px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div#agenda #divDownControl {position: relative; left: 162px; top: 67px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div#agenda #divContainer {position: absolute; left: 15px; top: 4px; width: 150px; height: 105px; visibility: hidden; overflow: hidden; clip: rect(0px 150px 105px 0px);}
div#agenda #divContent {position: relative; left: 0px; top: 0px;}
div#agenda .pscroll {font-size: 12px; color: #000;}
div#agenda .pscroll a {color: #000;}


/* -------------------------------------------------------------------------------------------------- */
/* page milkies */
div#milkies1 {float: left; width: 507px; margin-left: 25px;}
html>body div#milkies1 {margin-left: 50px;}

div#milkies2 {float: left; width: 349px;}
div#milkies2 div.bloc_milkies {float: left; width: 349px; height: 329px; background-color: #552500;}
div#milkies2 div.bloc_milkies img.dessine {margin-left: 17px;}
div#milkies2 div.bloc_milkies p.milkies_info {font-size: 12px; color: #FFF; padding: 10px 15px 0 28px;}
div#milkies2 div.bloc_milkies p.milkies_lien {font-size: 14px; color: #000; font-weight: bold; padding: 10px 0 0 120px;}
div#milkies2 div.bloc_milkies p.milkies_lien a {color: #000; text-decoration: underline;}
div#milkies2 div.bloc_milkies p.milkies_lien a:hover {text-decoration: none;}


/* -------------------------------------------------------------------------------------------------- */
/* page halls */
div#halls1 {float: left; width: 542px; height: 418px; background: url(img/bg_halls.jpg) no-repeat;}
div#halls1 p.texte_halls {float: left; width: 230px; font-size: 12px; color: #240D94; padding: 44px 20px 0 77px;}
html>body div#halls1 p.texte_halls {width: 133px;}
div#halls1 p.img_halls {float: left; width: 312px;}

div#halls2 {float: left; width: 349px; margin-left: 18px; background-color: #81CFE3;}
div#halls2 .flash_halls {margin: 11px 0 11px 24px;}


/* -------------------------------------------------------------------------------------------------- */
/* page services */
div#services1 {float: left; width: 249px; margin-left: 25px;}
html>body div#services1 {margin-left: 50px;}
div#services1 div.bloc_friendly {float: left; position: relative; width: 249px; height: 167px; background: url(img/bg_friendly.gif) no-repeat;}
div#services1 div.bloc_connection {float: left; width: 249px; height: 115px; margin-top: 14px;}

div#services2 {float: left; width: 345px; margin-left: 17px;}
div#services2 a.bloc_tarifs {float: left; width: 345px; height: 60px; background: url(img/bg_tarifs2.gif) no-repeat; font-size: 14px; color: #FFF; font-weight: bold; padding: 26px 0 0 170px; margin-top: 15px;}
html>body div#services2 a.bloc_tarifs {width: 175px; height: 34px;}
div#services2 div.bloc_attitude {float: left; position: relative; width: 345px; height: 136px; background: url(img/bg_attitude.gif) no-repeat; margin-top: 24px;}

div#services3 {float: left; width: 230px; margin-left: 17px;}
div#services3 a.bloc_partenaires {float: left; width: 229px; height: 150px; background: url(img/bg_partenaires2.gif) no-repeat; text-align: center;}
div#services3 a.bloc_partenaires img {margin: 74px 4px 0 4px;}
div#services3 div.bloc_engagements {float: left; width: 230px; height: 136px; background: url(img/bg_engagements2.gif) no-repeat; margin-top: 13px;}
div#services3 div.bloc_engagements ul {margin: 76px 0 0 58px;}
div#services3 div.bloc_engagements ul li {float: left; width: 155px; font-size: 14px; color: #FFF; list-style: none; background: url(img/puce_liste.gif) no-repeat 0px 8px; padding-left: 9px;}
div#services3 div.bloc_engagements ul li a {color: #FFF;}

a.savoir {float: left; width: 94px; height: 19px; padding-top: 2px; font-size: 12px; color: #FFF; background: url(img/bg_savoir.gif) no-repeat; text-align: center;}
html>body a.savoir {height: 17px;}
div#services1 a.savoir {margin-left: 142px;}
div#services1 div.bloc_connection a.savoir {margin-top: 96px;}
div#services2 a.savoir {margin-left: 238px;}

/* scroll */
div.bloc_friendly #divUpControl {position: relative; left: 225px; top: 48px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div.bloc_friendly #divDownControl {position: relative; left: 225px; top: 115px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div.bloc_friendly #divContainer {position: absolute; left: 24px; top: 47px; width: 200px; height: 105px; visibility: hidden; overflow: hidden; clip: rect(0px 200px 105px 0px);}
div.bloc_friendly #divContent {position: relative; left: 0px; top: 0px;}
div.bloc_friendly .pscroll {font-size: 12px; color: #E65DA6;}

div.bloc_attitude #divUpControl2 {position: relative; left: 320px; top: 40px; width: 20px; height: 22px; z-index: 1; text-align: right;}
div.bloc_attitude #divDownControl2 {position: relative; left: 320px; top: 90px; width: 20px; height: 22px; z-index: 1;text-align: right;}
div.bloc_attitude #divContainer2 {position: absolute; left: 20px; top: 40px; width: 300px; height: 90px; visibility: hidden; overflow: hidden; clip: rect(0px 300px 90px 0px);}
div.bloc_attitude #divContent2 {position: relative; left: 0px; top: 0px;}
div.bloc_attitude .pscroll {font-size: 12px; color: #FFF;}



/* -------------------------------------------------------------------------------------------------- */
/* page divers */
div#bloc_large, div#bloc_large2 {float: left; width: 855px; margin-left: 25px; background-color: #95D7E7;}
html>body div#bloc_large, div#bloc_large2 {margin-left: 50px;}
div#bloc_large2 {background-color: #EAAACD;}

div#bloc_large img.tt_large, div#bloc_large2 img.tt_large {margin: 20px 0 0 27px;}
div#bloc_large img.bas_large, div#bloc_large2 img.bas_large {margin-top: 10px;}

div#bloc_large p.intro_large, div#bloc_large p.note_large, div#bloc_large2 p.intro_large, div#bloc_large2 p.note_large {float: left; font-size: 14px; color: #FFF; font-weight: bold;}

div#bloc_large p.intro_large, div#bloc_large2 p.intro_large {width: 755px; margin-left: 32px; padding-top: 3px;}
html>body div#bloc_large p.intro_large, div#bloc_large2 p.intro_large {margin-left: 64px;}

p.note_large {width: 784px; margin-left: 16px; padding-top: 12px;}
html>body p.note_large {margin-left: 32px;}
p.note_large a {color: #FFF; text-decoration: underline;}
p.note_large a:hover {text-decoration: none;}
p.note_large .rubrique {color: #E65DA6;}

div.bg_large {float: left; width: 784px; background: url(img/bg_couleurs.gif) repeat-y; margin: 16px 0 0 16px; font-size: 14px; color: #FFF;}
div.bg_large2 {float: left; width: 784px; background: url(img/bg_couleurs2.gif) repeat-y; margin: 16px 0 0 16px; font-size: 14px; color: #FFF;}
html>body div.bg_large {margin-left: 32px;}
html>body div.bg_large2 {margin-left: 32px;}

div.bg_large p.colonne1 {float: left; width: 170px; margin-left: 8px; color: #F6499D; font-weight: bold;}
html>body div.bg_large p.colonne1 {margin-left: 16px;}
div.bg_large p.colonne2 {float: left; width: 164px; margin-left: 25px; font-weight: bold;}
div.bg_large p.colonne3 {float: left; width: 140px; margin-left: 19px; font-weight: bold;}
div.bg_large p.colonne4 {float: left; width: 215px; margin-left: 26px;}
div.bg_large2 p.colonne5 {float: left; width: 170px; margin-left: 8px; color: #fff; font-weight: bold;}

div.bg_large2 p.colonne1 {float: left; width: 170px; margin-left: 8px; color: #F6499D; font-weight: bold;}
html>body div.bg_large p.colonne1 {margin-left: 16px;}
div.bg_large2 p.colonne2 {float: left; width: 164px; margin-left: 25px; font-weight: bold;}
div.bg_large2 p.colonne3 {float: left; width: 140px; margin-left: 19px; font-weight: bold;}
div.bg_large2 p.colonne4 {float: left; width: 215px; margin-left: 26px;}

div#bloc_large p.attente {float: left; width: 784px; margin-left: 16px; padding: 60px 0 60px 0; font-size: 14px; color: #E65DA6; font-weight: bold; text-align: center;}
html>body div#bloc_large p.attente {margin-left: 32px;}
div#bloc_large p.attente a {color: #FFF; text-decoration: underline;}
div#bloc_large p.attente a:hover {text-decoration: none;}

div#content img.bt_retour {margin: 10px 0 0 720px;}


/* -------------------------------------------------------------------------------------------------- */
/* page admin */
div#header_admin {float: left; width: 955px;}
div#header_admin img.logo {margin: 25px 0 25px 170px;}
html>body div#header_admin img.logo {margin-left: 341px;}

div#bloc_large table {margin: 25px 0 25px 16px; border: 1px solid #98A706;}
html>body div#bloc_large table {margin-left: 32px;}
div#bloc_large table td {padding: 4px; border: 1px solid #98A706; font-size: 12px; color: #0D0C0C;}
div#bloc_large table td.colonne {font-weight: bold; text-align: center;}

.clear {clear: both;}