/* BLOCS DE BASE */
body { 
  background: #eee url(../img/fond_general.png) repeat-x top left; 
  color: #333;
  line-height: 1.3em;
  font-size: 0.8em;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
}
input, select, textarea {
	font-size: 1em;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
  color: #6a2169;
}

img { border: 0; }
a img { border: 0; }

#sidebar a, a { 
  color: #6a2169; 
  text-decoration: none;
}
#sidebar a:hover, a:hover { 
  color: #6a2169; 
  text-decoration: underline;
}

p.construction {
	font-size: 1.4em;
	color: #bfabbf;
	margin-bottom: 50px;
}

p.elan {
	text-align: center;
	margin-top: 40px;
}
p.elan a {
  text-decoration: none;
  font-size: 0.8em;
  color: #999;
}
p.elan a:hover {
  text-decoration: underline;
  font-size: 0.8em;
  color: #999;
}

/* POSITION */
.centre { text-align: center; }
.gras { font-weight: bold; }
.mbot10 { margin-bottom: 10px; }
.mbot20 { margin-bottom: 20px; }
.mbot40 { margin-bottom: 40px; }
.mbot60 { margin-bottom: 60px; }
.mbot80 { margin-bottom: 80px; }
.mtop20 { margin-top: 20px; }
.mtop40 { margin-top: 40px; }
.mtop60 { margin-top: 60px; }
.mtop100 { margin-top: 100px; }
.no_mbot { margin-bottom: 0; }
.big2 { font-size: 1.2em; }
.big10 { font-size: 2em; }
h1, h2, h3, h4, h5, h6 { color: #333; }
p.just { text-align: justify; }
.violet { color: #6a2169; }
.bbot { border: 0; border-bottom: #6a2169 1px dotted; }
.small { font-size: 0.8em; }


/* BOUTON ROSE */
button.rose_big {
  background: #fafafa;
  border: 1px solid #6a2169;
  color: #6a2169;
  padding: 4px;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", Arial, sans-serif;
  font-size: 1em;
  margin: 5px auto 5px auto;
}
button.rose_big:hover {
  background: #eee;
  border: 1px solid #6a2169;
  color: #6a2169;
  cursor: pointer;
}
button.rose_big img {
  margin: 0 6px -3px 0;
  padding: 0;
  width: 16px;
  height: 16px;
}



/*** INDEX ***/
.container_index { 
  background: url(../img/Post-it.png) no-repeat center;
  margin-top: 0; 
  min-height: 500px;
  height: 500px;
}
.logo_index { 
  margin: 50px auto 0 auto; 
  width: 953px;
  min-height: 330px;
  height: 330px;
}



/*** CONTAINERS ***/
#full_container, #full_footer, #full_header {
  width: 970px;
  margin: 0 auto;
}
#full_container {
  background: url(../img/fond_full_container.png) repeat-y top left;
}
#full_footer {
  background: url(../img/fond_full_footer.png) no-repeat top left;
  min-height: 55px;
  margin-bottom: 50px;
}
#full_header {
	background: url(../img/fond_header.png) no-repeat top left;
}


/*** HEADER ***/
#header {
	height: 205px;
	min-height: 205px;
	max-height: 205px;
  background: url(../img/fond_bandeau.png) no-repeat top left;
} 



/*** MENU ***/
#menu {
	height: 35px;
	min-height: 35px;
	background: url(../img/fond_menu_40.png) no-repeat top left;
	border-bottom: #6a2169 5px solid;
	padding-top: 5px;
}



/*** NAVIGATION ***/
#navigation {
	height: 40px; /* 50-20 */
	min-height: 40px;
	color: #6a2169;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
	text-transform: uppercase;
}
#navigation img {
	margin: 0 10px -8px 0;
}
.separ {
	width: 870px;
  height: 2px;
  border: 0;
  margin: 0 0 20px 40px;
  color: #6a2169;
  background: #6a2169;
}



/*** CONTENU PAGE ***/
#contenu_page { 
	margin: 20px 0 50px 0;
	text-align: justify;
}



/*** MAIN ***/
#main { 
	/*background: #0ff;*/
}



/*** SIDEBAR ***/
#side_vip {
	height: 300px;
	min-height: 300px;
	background: url(../img/bloc_sidebar_300.png) no-repeat top left;
}
p.vip {
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
}
#side_photo {
	margin-top: 30px;
  height: 300px;
  min-height: 300px;
  background: url(../img/bloc_sidebar_300.png) no-repeat top left;
}
#side_chat {
	margin-top: 30px;
  height: 300px;
  min-height: 300px;
  background: url(../img/bloc_sidebar_300.png) no-repeat top left;
}
#side_radio {
	margin-top: 30px;
  height: 370px;
  min-height: 370px;
  background: url(../img/bloc_sidebar_370.png) no-repeat top left;
}
.side_titre { 
	color: #fff;
	font-weight: bold;
	height: 17px; /* 25-8 */
	padding: 8px 0 0 10px;
	font-size: 1.1em;
}
.side_img_alea img {
	padding: 5px;
	background: #fff;
	border: #666 1px solid;
}
#apercu_chat {
	width: 188px;
	padding: 5px;
  background: #fafafa;
  height: 180px;
	border: #6a2169 1px solid;
	margin: 0 auto 10px auto;
	font-size: 0.8em;
	text-align: left;
	overflow: auto;
}

#side_meteo {
  margin-top: 30px;
  height: 200px;
  min-height: 200px;
  background: url(../img/bloc_sidebar_200_meteo.png) no-repeat top left;
}


/*** FOOTER ***/
#footer {
  color: #6a2169;
  padding-top: 55px;
}
#footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer ul li { 
	float: left;
}
#copyright {
	width: 520px;
  padding-left: 30px;
  font-size: 0.8em;
  font-weight: bold;
}
#liens_footer {
	width: 370px;
  padding-right: 30px;
  text-align: right;
}
#liens_footer a {
  color: #6a2169;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
}
#liens_footer a:hover {
  color: #6a2169;
  text-decoration: underline;
}
.tete_bottom {
  margin-bottom: 0;
  background: url(../img/tete_bottom.png) no-repeat bottom right;
  min-height: 250px;
  border: 0;
  border-top: #976496 1px dotted;
}
#coord_salon_lekeu, #coord_salon_botanique {
	padding-top: 100px;
}


/*** ADM PANEL ***/
#adm_panel {  
  z-index: 25;  
  text-align: center;
  margin: 0 auto;
} 
#panel_content {
  background: #6a2169;
  color: #eee;
  padding-top: 5px;
}
#panel_open, #panel_close {
  background: url(../img/footer_icon_panel.png) no-repeat top left;
  color: #ccc;
  height: 35px;
  min-height: 35px;
}
#panel_open:hover, #panel_close:hover { 
	cursor: pointer; 
	color: #b59ab9; 
}
#panel_open img, #panel_close img { margin: 5px 0 -7px 15px; }
#panel_content p { margin: 0; }
#panel_content label, #panel_content input { float: left; }
#panel_content input { 
  width: 80px;
  padding: 1px;
  border: #b59ab9 1px solid;
  margin: 5px 0 0 10px;
}
#panel_content input:focus { background: #b59ab9; }
#panel_content label {
	font-weight: normal;
	color: #ccc;
	width: 100px;
	margin: 5px 0 0 5px;
	text-align: right;
}
#smsg { 
	color: #f00;
	padding: 5px 0 0 0;
	clear: both;
}

button.membre {
  background: #fafafa;
  border: 1px solid #b59ab9;
  color: #b59ab9;
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 5px auto;
}
button.membre:hover {
  background: #eee;
  border: 1px solid #b59ab9;
  color: #6a2169;
  cursor: pointer;
}
button.membre img {
  margin: 0 3px -3px 0;
  padding: 0;
  width: 16px;
  height: 16px;
}



/*** SALONS ***/
#side_ctrl {
  height: 300px;
  min-height: 300px;
  background: url(../img/bloc_sidebar_300.png) no-repeat top left;
}
#side_ctrl_salon {
  height: 370px;
  min-height: 370px;
  background: url(../img/bloc_sidebar_370.png) no-repeat top left;
}
#carte_full p {
	margin: 0;
	font-size: 0.9em;
}

#carte_full p.nom_salon {
	color: #6a2169;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.1em;
}
#carte_full .map_gauche, #map_full .map_droite {
  float: left;
}
#carte_full .map_droite a {
  margin-left: 20px;
}
#bloc-iti {
  padding-top: 40px;
}
.titre-iti {
  font-size: 1.2em;
  color: #6a2169;
  font-weight: bold;
  font-size: 1.2em;
  padding-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-bottom: #6a2169 1px solid;
}
.gauche-iti, .droite-iti { float: left; }
#bloc-iti input { 
  width: 300px;
  padding: 3px;
  border: #b59ab9 1px solid;
  margin: 5px 0 0 0;
}

button.choix_salon {
  background: #fafafa;
  border: 1px solid #b59ab9;
  color: #b59ab9;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: -5px auto 0 auto;
}
button.choix_salon:hover {
  background: #eee;
  border: 1px solid #6a2169;
  color: #6a2169;
  cursor: pointer;
}
button.choix_salon_on {
  background: #eee;
  border: 2px solid #6a2169;
  color: #6a2169;
  cursor: pointer;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: -5px auto 0 auto;
}
button.choix_salon img {
  margin: 0 3px -3px 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#header_iti {
	background: #eee;
	border: #b59ab9 1px solid;
	padding: 5px;
	color: #6a2169;
	font-size: 1.1em;
	font-weight: bold;
}
#header_iti img {
	float: right;
	padding: 0 10px 0 0;
}
#contenu_iti {
	background: #fafafa;
  border-color: #b59ab9;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  padding: 5px;
  color: #6a2169;
  font-size: 1em;
}
#contenu_iti a, #contenu_iti a:hover {
	color: #000;
}
#contenu_iti td { color: #333; }
.iti_erreur {
	text-align: center;
	padding: 5px;
	color: #f00;
}
#footer_iti {
	height: 50px;
	min-height: 50px;
	padding: 10px;
	text-align: center;
	background: #eee;
  border-color: #b59ab9;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

#side_ctrl button {
  background: #fafafa;
  border: 2px solid #b59ab9;
  color: #6a2169;
  padding: 6px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  margin: 15px auto 0 auto;
  width: 170px;
}
#side_ctrl button:hover {
  background: #eee;
  border: 2px solid #6a2169;
  color: #6a2169;
  cursor: pointer;
}
#side_ctrl button img {
  margin: 0 3px -3px 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

.img-equipe { 
	background: #f1e0f1;
	border: #6a2169 1px solid;
}

button.dbl {
  background: #fafafa;
  border: 2px solid #b59ab9;
  color: #6a2169;
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: -5px auto 0 auto;
  width: 180px;
}
button.dbl:hover {
  background: #eee;
  border: 2px solid #6a2169;
  color: #6a2169;
  cursor: pointer;
}
button.dbl img {
  margin: 0 3px -3px 0;
  padding: 0;
  width: 16px;
  height: 16px;
}


/* ARTICLE */
#ul_liste_blocs_article, #ul_liste_blocs_article li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#ul_liste_blocs_article li p { margin: 0; }



/* ACTU */
.ul_liste_blocs_actu, .ul_liste_blocs_actu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ul_liste_blocs_actu {
	margin: 0 0 80px 0;
}

.ul_liste_blocs_actu li p { 
	margin: 0;
	background: transparent; 
}
li.titre_actu {
	display: block;
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
  min-height: 22px;
  height: 22px; 
  background: url(../img/bloc_actu_590.png) no-repeat top left;
  padding: 7px 0 0 10px;
}
.date_actu { 
	z-index: 2;
  position: relative;
  top: -60px;
  left: 520px;
  background: #c9031a;
  width: 45px;
  border: #666 1px solid;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transform: rotate(15deg);  
} 
.mois_actu {
  color: #fff;
  margin: 1px 0 1px 0;
  text-transform: uppercase;
  font-size: 0.7em; 
  font-weight: bold;
} 
.jour_actu {
  background: #fff;
  padding: 8px 0 10px 0;
  font-weight: bold;
  font-size: 1.6em;
  color: #000;
}

.footer_actu {
	height: 30px;
	min-height: 30px;
	margin: 0 0 40px 10px;
	background: url(../img/bloc_actu_bas_590.png) no-repeat bottom left;
}
#actu_pager {
	margin-top: -40px;
	text-align: center;
}
#actu_pager a {
	border: #6a2169 1px solid;
	background: #976496;
	padding: 3px 8px;
	margin-right: 20px;
	color: #fff;
}

/*** ACCUEIL ***/
.titre_accueil_intro {
	color: #6a2169;
	font-size: 1.4em;
	font-style: italic;
	background: url(../img/bg_accueil_titre.png) repeat-y top left;
	padding: 5px;
}
#accueil_intro {
  font-size: 1.1em;
  font-style: italic;
}
#signature_accueil_intro {
  color: #6a2169;
  font-size: 1.3em;
  font-style: italic;
  margin: 30px 50px 60px 0;
  text-align: right;
}
#cadre_accueil_activites {
  background: #eee;
  margin-bottom: 80px;
}
#cadre_accueil_activites > div > a {
  background: #fff;
}
.lien_195, .lien_200 { 
  display: block;
  float: left;
  text-align: center;
}
.lien_195 { width: 195px; }
.lien_200 { width: 200px; }
.lien_195 img, .lien_195 canvas { margin-left: 39px; }
.lien_200 img, .lien_200 canvas { margin-left: 36px; }
.rot-10 {
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  transform: rotate(-10deg);
}
.rot-5 {
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.rot-15 {
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.rot10 {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  transform: rotate(10deg);
}
.rot5 {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  transform: rotate(5deg);
}
.rot15 {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transform: rotate(15deg);
}


/* METEO */
#meteo_jour {
  float: left;
  margin: 0;
  padding: 15px 0 0 25px;
  font-size: 1.5em;
  text-align: center;
}
#meteo_jour_picto {
  float: right;
  width: 100px;
  margin: 0;
}
#conditions {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 5px 0 5px;
}


/* PLAN DU SITE */
ul#plan, ul#plan li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*** STUDIO ***/
.titre_870 {
  color: #6a2169;
  font-size: 1.4em;
  font-style: italic;
  background: url(../img/bg_titre_870.png) no-repeat top left;
  padding: 5px;
}

ul#liste_albums, ul#liste_albums li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#liste_albums li {
  display: block;
  min-height: 150px;
  margin-bottom: 20px;
  background: #f1e0f1;
  padding: 10px;
  overflow: auto;
}
ul#liste_albums li div { 
	float: left;
}
ul#liste_albums li div span { 
	display: block;
	margin-left: 20px; 
}
div.alb_txt span p { 
	margin: 0; 
	padding: 0; 
}
div.alb_txt { 
	width: 640px;
}



/*** LIENS ***/
ul#liste_liens, ul#liste_liens li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul#liste_liens li {
	margin-bottom: 10px;
	background: #f1e0f1;
	padding: 10px 0 10px 0;
}
.lien_image, .lien_texte { float: left; }
.lien_texte { 
	width: 720px;
}
.lien_image { 
	width: 150px;
	text-align: center;
}