/* CSS Document */

/*Reinitialization */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , object, embed{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 0.97em;
	font-family: inherit;
	vertical-align: baseline;
}



/* Global Styles */
html, body {

}
html { font-family:  Arial,Helvetica,Tahoma,  Verdana, sans-serif; background-image:url(/img/background.png); background-repeat: repeat-x; background-color:#CC0099; color: #5B545A;}

.al_left {float:left;}
.al_right {float:right;}
div.spacer {clear:both;}

.pink { color:#CC0099;}
.pink_h { color:#8F006B;}
.pink_l { color:#FF80DF;}
.pink_ll { color:#FFBFEF;}

.date { float:right; margin-bottom:5px; font-size:0.8em;color:#CC0099;}
.pseudo { color:#8F006B; font-size:1.1em; font-weight:bold;}
.move {cursor:move;}
.border { border: 1px solid #8F006C;}

a:link, a:visited, a:hover{color:#8F006B;}
a:hover {text-decoration: none;}

hr {border-style:solid; color:#8F006B; border-width:1px; height:1px; width:70%; border-bottom:none;}

/* Boutons*/
div#intro a:link,div#intro a:visited{color:#FFBFEF;}
a.btn {text-decoration:none; text-align:center; padding-top: 6px; font-weight:bold;color:#FF80DF; display:block;}
a.btn:link, a.btn:visited{color:#FF80DF;}
a.btn_100 { background: url(/img/btn_100.png) no-repeat top left; height:40px; width:115px; }
a.btn_150 { background: url(/img/btn_150.png) no-repeat top left; height:40px; width:165px; }
a.btn_200 { background: url(/img/btn_200.png) no-repeat top left; height:40px; width:215px; }
a.btn:hover {text-decoration:none; color:#FFBFEF;}

/* AJAX LOG */
#log_update { width:300px; margin: auto; position:absolute; top:10%; left:30%; z-index:200;}
/*#log_update.ajax-loading { padding: 20px 0;background: url(/img/loading.gif) no-repeat center;}*/
#log_res.warn_ok {border: 4px solid #678622; color:#678622; background-color: #EBFDC3;padding: 5px 20px; -moz-border-radius: 10px;}
#log_res.warn_ko {border: 4px solid #E34D4D; color:#E34D4D; background-color: #FFDFDF;padding: 5px 20px; -moz-border-radius: 10px;}
.ajax-loading { padding: 20px 0;background: url(/img/loading.gif) no-repeat center;}

/* DIV */
div.spacer {clear:both;}
div#intro {width: 800px; margin: 0px auto; margin-top: 50px; text-align:center;}
span#intro_display { width:435px; height:353px;  display:block; margin:auto;background: url(/img/logo_home.png) no-repeat top left;}
div#master {width:920px; height:800px; margin: 0 auto;background-image:url(/img/background_2.png); background-repeat:no-repeat; position:relative;}
div#flag { position:absolute; left: 695px; top: 120px; width:150px; height:33px; }
div#left { position:absolute; left: 61px; top: 210px; width:143px; height:250px;}
div#h1 { position:absolute; left: 230px; top: 180px; width:300px; height:80px;}
div#middle { position:absolute; left: 230px; top: 315px; width:600px; height:350px; overflow:auto;}
div#copyright { position:absolute; left: 250px; top: 687px; width:500px; height:20px; font-size:0.7em; font-weight:bold;}
div#bottom { position:absolute; left: 160px; top: 715px; width:600px; height:20px; color:#FF80DF;  font-size:0.9em; }


/* Link */
div#bottom a:link, div#bottom a:visited, div#bottom a:hover{color: #FF80DF;}
div#bottom a:hover {text-decoration: none;}

/* DIV FLAG */
div#flag a {margin-right: 15px; float:left;}
div#flag a.flag_fr { background: url(/img/flag_fr.png) no-repeat top left; height:33px; width:33px; display:block;}
div#flag a.flag_en { background: url(/img/flag_en.png) no-repeat top left; height:33px; width:33px; display:block;}
div#flag a.flag { background: url(/img/flag.png) no-repeat top left; height:33px; width:33px;}

/* /DIV FLAG */

/* DIV H1 */
div#h1 h1 {display:block; width:500px; height:125px;}


/* DIV LEFT */
div#left ul.rub { margin:0; padding: 0; list-style:none;}
div#left ul.rub li a { display: block; height:40px;  }

/* DIV MIDDLE */
div#middle div.col { float:left; width:350px;}
div#middle div.col > p {text-align: justify;}
div#middle div#accordion div.toggler {color:#8F006B; font-weight:bold;  padding: 2px 5px;background: #FF80DF; border-bottom: 1px solid #CC0099;	border-right: 1px solid #CC0099; border-top: 1px solid #ffbfef; border-left: 1px solid #ffbfef;}
div#middle div#accordion div.element, div#middle div#accordion2 div.element { padding: 10px; line-height: 1.5em; }
div#middle div#accordion2 div.toggler { padding: 2px 5px;background: #FF80DF; border-bottom: 1px solid #CC0099;	border-right: 1px solid #CC0099; border-top: 1px solid #ffbfef; border-left: 1px solid #ffbfef;}
div#middle div#accordion2 input {border:none;background:none; font-weight:bold;color:#8F006B; width:300px;}
div#middle div#accordion2 input:focus {border:1px solid #CC0099; background-color:#FFF;}


div#middle ul#guestbook { width:400px;}
div#middle ul#guestbook  li { border-bottom:1px solid #CC0099; margin-bottom: 10px; padding-bottom:10px;}
div#middle ul#guestbook .pseudo { color:#8F006B; font-size:1.1em; font-weight:bold;}
div#middle ul#guestbook .date { float:right; margin-bottom:5px; font-size:0.8em;color:#CC0099;}
div#middle ul#guestbook .quote_left { background: url(/img/quote_left.png) no-repeat top left; height:26px; width:28px; display:block; float:left; margin-right:10px;}
div#middle ul#guestbook .quote_right { background: url(/img/quote_right.png) no-repeat top left; height:26px; width:28px; display:block; float:right;margin-right:2px;}
div#middle ul#guestbook .post { width:320px; float:left;}

/* DIV FORM_GUESTBOOK */
div#btn_bottom { position:absolute; top: 610px; left:680px;  z-index:50;	 }
div#form_guest { height:320px; width:520px; display:block; position: absolute; z-index:100; top:200px; left:260px;  opacity:0; visibility:hidden; display:block; }
div#form_guest div#form_handle{cursor:move;}
div.form_guest_fr { background: url(/img/form_guestbook_fr.png) no-repeat top left;}
div.form_guest_en { background: url(/img/form_guestbook_en.png) no-repeat top left;}
div#form_guest input, div#form_guest textarea{border:none; background:none; padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_guest input.form_name {top: 31px; left:71px;width:180px;}
div#form_guest input.form_email {top: 31px; left:310px;width:180px; }
div#form_guest input.form_city {top: 67px; left:71px;width:180px;}
div#form_guest input.form_country {top: 102px; left:71px;width:180px;}
div#form_guest input.form_url {top: 67px; left:310px;width:180px; }
div#form_guest input.form_captcha {top: 102px; left:310px;width:85px;}
div#form_guest img#captcha_0 {top: 96px; left:405px;position:absolute; border: 1px solid #8F006B;}
div#form_guest textarea.form_message {top:167px; left:20px; width:465px; height:78px;}
div#form_guest a#post_post {top:260px; left:20px; position:absolute;}
div#form_guest a#close_post {top:260px; left:380px; position:absolute;}

/* DIV FORM_CONTACT */
div#form_contact { height:411px; width:520px; display:block; position: absolute; z-index:100; top:280px; left:260px;  opacity:0; visibility:hidden; display:block; }
div#form_contact div#form_handle{cursor:move;}
div.form_contact_fr { background: url(/img/form_contact_fr.png) no-repeat top left;}
div.form_contact_en { background: url(/img/form_contact_en.png) no-repeat top left;}
div#form_contact input, div#form_contact textarea{border:none; background:none; padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_contact input.form_name {top: 32px; left:71px;width:180px;}
div#form_contact input.form_email {top: 32px; left:310px;width:180px; }
div#form_contact input.form_city {top: 68px; left:71px;width:180px;}
div#form_contact input.form_subject {top: 133px; left:71px;width:418px;}
div#form_contact input.form_phone {top: 68px; left:310px;width:180px; }
div#form_contact input.form_captcha {top: 100px; left:71px;width:85px;}
div#form_contact img#captcha_0 {top: 96px; left:170px;position:absolute;border: 1px solid #8F006B;}
div#form_contact textarea.form_message {top:188px; left:20px; width:465px; height:155px;}
div#form_contact a#post_contact {top:352px; left:20px; position:absolute;}
div#form_contact a#close_contact {top:352px; left:380px; position:absolute;}

/* DIV FORM_RECOMMEND */
div#form_recommend { height:321px; width:520px; display:block; position: absolute; z-index:150; top:280px; left:260px;  opacity:0; visibility:hidden; display:block; }
div#form_recommend div#form_handle{cursor:move;}
div.form_recommend_fr { background: url(/img/form_recommend_fr.png) no-repeat top left;}
div.form_recommend_en { background: url(/img/form_recommend_en.png) no-repeat top left;}
div#form_recommend input, div#form_recommend textarea{ background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_recommend input.form_name {top: 30px; left:110px;width:140px;}
div#form_recommend input.form_email {top: 30px; left:348px;width:140px; }
div#form_recommend input.form_recipient {top: 66px; left:110px;width:380px;}
div#form_recommend input.form_captcha {top: 101px; left:110px;width:140px;}
div#form_recommend img#captcha_1 {top: 96px; left:260px;position:absolute;border: 1px solid #8F006B;}
div#form_recommend textarea.form_message {top:145px; left:20px; width:465px; height:95px;}
div#form_recommend a#post_recommend {top:255px; left:20px; position:absolute;}
div#form_recommend a#close_recommend {top:255px; left:380px; position:absolute;}

/* DIV FORM_ADMIN */
div#form_admin { height:157px; width:280px; display:block; margin:10px auto; background: url(/img/form_admin.png) no-repeat top left; position:relative;}
div#form_admin input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_admin input.form_login {top: 32px; left:110px;width:140px;}
div#form_admin input.form_password {top: 68px; left:110px;width:140px; }
div#form_admin a#post_admin {top:100px; left:80px; position:absolute;}

/* DIV FORM_EDIT */
div#form_edit { height:480px; width:580px;background: url(/img/form_edit.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_edit div#form_handle{cursor:move; height:30px;}
div#form_edit div.edit { margin:10px auto; width:500px;}
div#form_edit a#post_edit {top:415px; left:100px; position:absolute;}
div#form_edit a#close_edit {top:415px; left:340px; position:absolute;}

/* DIV FORM_ADD_ALBUM */
div#form_add_album { height:157px; width:280px; background: url(/img/form_add_album.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_add_album div#form_handle{cursor:move;}
div#form_add_album input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_add_album input.form_name_fr {top: 32px; left:110px;width:140px;}
div#form_add_album input.form_name_en {top: 68px; left:110px;width:140px; }
div#form_add_album a#post_album {top:100px; left:10px; position:absolute;}
div#form_add_album a#close_album {top:100px; left:150px; position:absolute;}

/* DIV FORM_MOD_ALBUM */
div#form_mod_album { height:157px; width:280px; background: url(/img/form_mod_album.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_mod_album div#form_handle{cursor:move;}
div#form_mod_album input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_mod_album input.form_name_fr {top: 32px; left:110px;width:140px;}
div#form_mod_album input.form_name_en {top: 68px; left:110px;width:140px; }
div#form_mod_album a#post_album {top:100px; left:10px; position:absolute;}
div#form_mod_album a#close_album {top:100px; left:150px; position:absolute;}

/* DIV FORM_DEL_ALBUM */
div#form_del_album { height:157px; width:280px; background: url(/img/form_del_album.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_del_album div#form_handle{cursor:move;}
div#form_del_album input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_del_album a#post_album {top:100px; left:10px; position:absolute;}
div#form_del_album a#close_album {top:100px; left:150px; position:absolute;}

/* DIV FORM_DEL_PHOTO */
div#form_del_photo { height:157px; width:280px; background: url(/img/form_del_photo.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_del_photo div#form_handle{cursor:move;}
div#form_del_photo input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_del_photo a#post_album {top:100px; left:10px; position:absolute;}
div#form_del_photo a#close_album {top:100px; left:150px; position:absolute;}

/* DIV FORM_MOD_PHOTO */
div#form_mod_photo{ height:157px; width:280px; background: url(/img/form_mod_photo.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_mod_photo div#form_handle{cursor:move;}
div#form_mod_photo input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_mod_photo input.form_desc_fr {top: 35px; left:110px;width:140px;}
div#form_mod_photo input.form_desc_en {top: 68px; left:110px;width:140px; }
div#form_mod_photo a#post_album {top:100px; left:10px; position:absolute;}
div#form_mod_photo a#close_album {top:100px; left:150px; position:absolute;}

/* DIV FORM_ADD_PHOTO */
div#form_add_photo { height:217px; width:280px; overflow:hidden; background: url(/img/form_add_photo.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_add_photo div#form_handle{cursor:move;}
div#form_add_photo input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_add_photo input.form_photo {top: 32px; left:110px;width:140px;}
div#form_add_photo input.form_desc_fr {top: 95px; left:110px;width:140px;}
div#form_add_photo input.form_desc_en {top: 125px; left:110px;width:140px; }
div#form_add_photo a#post_album {top:155px; left:10px; position:absolute;}
div#form_add_photo a#close_album {top:155px; left:150px; position:absolute;}

/* DIV FORM_DEL_GUEST */
div#form_del_guest { height:157px; width:280px; background: url(/img/form_del.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_del_guest div#form_handle{cursor:move;}
div#form_del_guest input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_del_guest a#post_guest {top:100px; left:10px; position:absolute;}
div#form_del_guest a#close_guest {top:100px; left:150px; position:absolute;}

/* DIV FORM_DEL_CONTACT */
div#form_del_contact { height:157px; width:280px; background: url(/img/form_del.png) no-repeat top left;  position: absolute; z-index:150; top:200px; left:260px;  opacity:0; visibility:hidden; display:block;}
div#form_del_contact div#form_handle{cursor:move;}
div#form_del_contact input { background: none; border:none;   padding-left:2px; color:#8F006B; font-weight:bold; position:absolute;}
div#form_del_contact a#post_contact {top:100px; left:10px; position:absolute;}
div#form_del_contact a#close_contact {top:100px; left:150px; position:absolute;}

/* DIV GALLERY */
div#gallery div#gall_rub a#gall_prev {visibility:hidden; display:none; }
div#gallery div#gall_rub a#gall_next {visibility:hidden; display:none; }
div#gallery div#gall_rub { float:left; width:150px; margin-right:2px; border-right: 1px solid #8F006B;}
div#gallery div#gall_thumb { float:left; width:430px; }
div#gallery div#gall_thumb div.div_thumb{  display:none; visibility:hidden; opacity:0; }
div#gallery div#gall_rub ul li {color:#8F006B; font-size:1.5em;}
div#gallery div#gall_rub ul li a:link, div#gallery div#gall_rub ul li a:visited, div#gallery div#gall_rub ul li a:hover {text-decoration:none; display:block;}
div#gallery div#gall_rub ul li.hover {background-color:#FF80DF;}
div#gallery div#gall_rub ul li.selected { background-color:#CC0099; }
div#gallery div#gall_rub ul li.selected a {color:#FF80DF;}



div#gallery div#gall_thumb ul {list-style:none;}
div#gallery div#gall_thumb div.div_thumb span a{color:#8F006B;}
div#gallery div#gall_thumb span.thumb_v { background: url(/img/thumb_v.png) no-repeat top left; height: 131px; width: 106px; display:block; margin-left:14px; margin-right:14px; float:left; padding-top:7px; padding-left:8px;}
div#gallery div#gall_thumb span.thumb_v img { width:75px; height:100px; opacity:0.7}
div#gallery div#gall_thumb span.thumb_h { background: url(/img/thumb_h.png) no-repeat top left; height: 106px; width: 131px; display:block; margin-left:2px; margin-right:2px;float:left;padding-top:7px; padding-left:8px;}
div#gallery div#gall_thumb span.thumb_h img { width:100px; height:75px;opacity:0.7}
