/* ----------------------------------------------------------------- */
/* -- Wildcruz.ch v4 : Fichier des styles --*/
/* -- Sylvain Genoud, Brice Castella 2010 -- */
/* ----------------------------------------------------------------- */

@import url(wildbox.css);
@import url(menu.css);

/* ----- */

body {
	background:url(../img/design/background.png) #666 repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center; margin:0; padding:0;
}

p { 
	font-size:0.75em; text-align:left; color:#EEE; 
	margin:0; padding:0
}

ul { list-style: none; margin:0; padding:0; text-align:left }

li { font-size:0.7em; margin:0; padding:0 }

ol { margin:0; padding:8px 20px 0 34px; color:#FFF; text-align:left }
ol li { margin-bottom:6px }

h1, h2, h3 { text-align:left; margin:0; padding:0; color:#333 }

h1 { font-size:0.9em }
h2 { font-size:0.7em; color:#F90 }

input, textarea, select { 
	background:#777; color:#FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border:1px #000 solid;
	text-align:left; font-size:11px; margin-bottom:6px;
	-moz-border-radius:4px;
}

label {  font-size:0.8em; color:#EEE; text-align:right }

/* Mise en forme des liens */

a, .nopict { color:#BBB; text-decoration:none }
a:hover, .nopict:hover { color:#EEE }

#contenu img { border:1px #666 solid; margin:2px }
#contenu img:hover { border:1px #F60 solid  }

.spacer { clear:both; visibility:hidden }
.hidden { display:none; visibility:hidden }

/* Cadre principal */

#page {
	background-image:url(../img/design/pageup.png) !important;
	background-image:none;
	background-repeat:no-repeat;
	background-color:#333;
	padding:8px 8px 0 8px;
	position:relative; top:15px; margin:6px auto 0 auto; width:800px
}

#bottom { 
	clear:both; height:24px; width:1px
}

#pagedown {
	background-image:url(../img/design/pagedown.png) !important;
	background-image:none;
	background-repeat:no-repeat;
	width:816px !important;
	width:800px; 
	height:8px;
	margin-left:-8px !important;
	margin-left:0;
}

/* Logo - header */

#headerbox { height:80px; width:100% }
#indexlink { display:block; height:80px; width:100% }

/* Menu */

#menu { background:url(../img/design/menu.png) repeat-x; height:30px }
#menu span { display:none; visibility:hidden }
#menu a { display:block; width:75px; height:30px }

#menuleft { float:left; width:600px }
#menuleft li { float:left; width:75px; height:30px }

#menuright { float:right; width:200px}
#menuright li { float:right; width:75px; height:30px }

/* Contenu */

#contenu { margin:6px 0 }

/* Copyright - bas de page */

#copyright { background:url(../img/design/copyright.png) no-repeat; height:20px }
#copyright p { text-align:right; font-size:0.65em; color:#999; padding:6px 6px 0 0 }

/* Facebook promo */

#facebook_index { background:url(../img/design/facebook_index.png); height:110px }
#indexlink_f { display:block; height:110px; width:100% }

#facebook_right { background:url(../img/design/facebook_right.png); height:330px }
#indexlink_r { display:block; height:330px; width:100% }

#facebook { background:url(../img/design/facebook_back.png) no-repeat }
#facebook #face { background:url(../img/design/facebook_windows.png) no-repeat; margin:6px auto; padding:6px 0; width:500px }

/* Contenu principaux */

.contenu_tot { width:788px; padding:6px }
.contenu_tot h1 { margin-bottom:6px; height:25px }

.contenu_left { float:left; width:600px; padding:6px; background:#666 }
.contenu_left h1 { margin-bottom:6px; height:25px }
.contenu_left h2 { padding:6px 0 0 10px }
.contenu_left p { padding:6px 10px 0 10px }

.contenu_right { float:right; width:171px; padding:6px; margin-bottom:3px; background:url(../img/design/contenuright.png) no-repeat  }

/* Prochain event - index */

#next { background:url(../img/design/nextback.png) no-repeat }
#next img { float:right; margin-right:12px }
#next h1 { background:url(../img/design/nexth1.png) no-repeat }
#next h2 { font-size:1.1em; margin-bottom:12px }
#next p { width:360px }
#next span { display:block; float:left; width:100px }

#next .start { font-size:0.9em;  padding-top:16px }
#next .contsupp { padding-top:16px }

/* Agenda condense - index */

#ag_condense { margin-top:3px; background:url(../img/design/suiteback.png) repeat-x }
#ag_condense h1 { background:url(../img/design/suiteh1.png) no-repeat }

.ev_condense, .ev_condense_first { float:left; height:122px; width:24% }
.ev_condense { border-left:1px #999 solid } 
.ev_condense h2, .ev_condense_first h2 { font-size:0.7em }

/* Last Pict - index */

#lastpict { height:455px }
#lastpict h1 { margin-bottom:9px; background:url(../img/design/la_der.png) no-repeat; height:25px }
#lastpict p { margin:0 0 4px 14px }
#lastpict img.nopict_index { margin:8px 0 0 0 }

/* Bestpict - index */

#bestpict_index { 
	margin-bottom:3px; height:80px;
	background:url(../img/design/bestpictindex.png) no-repeat
}

#bestpict_title  { float:right; width:312px; height:76px } 
#bestpict_title p { text-align:right; padding:36px 18px 0 0 }

#bestpict_img { float:right; width:488px; height:76px; padding-top:4px }

/* Remember - index */

#rememb { 
	margin-bottom:3px; height:80px;
	background:url(../img/design/rememberindex.png) no-repeat
}

#rememb_title { float:left; width:312px; height:76px } 
#rememb_title p { padding:36px 0 0 18px }

#rememb_img { float:left; width:488px; height:76px; padding-top:4px }

/* Wildcruz - Wildcruz */

#wildcruz { padding-bottom:12px  }
#wildcruz h1 { background:url(../img/design/wildcruz.png) no-repeat }
#wildcruz h2, #admin h2 { font-size:0.85em }

/* Pages */

.pages_up { border-bottom:1px #999 solid }
.pages_up, .pages_down { padding: 0 10px }
.pages_up p, .pages_down p { padding:3px 0 }
.pages_right { float:right; width:50%; text-align:right }
.pages_left { float:left; width:50% }

/* Galeries - Galeries */

#galeries_best  h1 { margin-bottom:12px; background:url(../img/design/galeries_best.png) no-repeat; height:25px  }
#galeries h1 { background:url(../img/design/galeries.png) no-repeat }

#recherche p { padding:0 0 0 6px }
#erreur { margin-bottom:6px }

.nopict { width:580px; height:46px; font-size:0.75em; text-align:left; padding:3px 10px 3px 10px } 

.galeries_link:hover { background:#999 }
.galeries_link, #galeries_min, #photos_c, .agenda_link { border-bottom:1px #999 solid }

.galeries_link a { display:block; width:580px; height:46px; font-size:0.75em; text-align:left; padding:3px 10px 3px 10px } 
.galeries_link img { float:right; margin:0 3px }

#galeries_affiche h1 { background:url(../img/design/galeries_affiche.png) no-repeat }

#galeries_min { margin:0 auto; padding:0 0 6px 0 }
#galeries_min td { width:75px }
#galeries_min p { text-align:center; font-size:0.6em; margin:0; padding:1px 1px 0 1px }

#photos img { padding:0; margin:6px }

/* Agenda */

#agenda h1 { background:url(../img/design/agenda.png) no-repeat }

.agenda_link { height:120px }
.agenda_link h2 { padding:12px 0 3px 0; margin-left:110px }
.agenda_link img { float:left; position:relative; top:8px; left:5px }
.agenda_link span { display:block; float:left; width:100px }
.agenda_link p { margin-left:110px; padding:0; font-size:0.6em }
.agenda_link .start { padding-top:3px }

/* InTheMix */

#inthemix { height:400px }
#inthemix h1 { background:url(../img/design/inthemix.png) no-repeat }
#mixbox { margin:12px 0 }

/* Locations */

#locations h1 { background:url(../img/design/locations.png) no-repeat }
#locations img { margin:12px 0 12px 0 }
#locations { padding-bottom:12px }

/* contact */

#contact h1 { background:url(../img/design/contact.png) no-repeat }
.contact_c { float:left; width:200px }

#renseignements { margin-top:10px; border-top:1px #999 solid }
#contact #valid { margin:15px 0 6px 10px }

/* mailing */

#mailing { height:250px }

#mailing h1 { background:url(../img/design/mailing.png) no-repeat }
#mailing p { padding:6px 10px 0 10px }

/* Admin */

#admin { padding-bottom:18px }

#admin_cont { padding-top:8px }
#admin_cont p, .contenu_tot h2 { padding:3px 10px 0 8px }

#mp3 { border-top:1px #999 solid; border-bottom:1px #999 solid; padding:6px 0; margin:6px 0 }
#mp3 p { padding:0 0 0 8px }   

/* Formulaires */

#form1 { text-align:left; margin:12px 0 0 0 }
#form1 div { width:480px; text-align:left }
#form1 label { width:110px; float:left; clear:both; margin-top:2px; padding-right:3px }
#form1 #sess { text-align:center }
#form1 #text { width:350px }

#concours p { padding:6px 10px 0 10px }
#concours #valid { margin-top:15px }

#uploaddiv { margin:12px auto 12px 0; width:430px }
#uploadsend { float:right; margin-top:4px }

#form_mailing { text-align:left; margin:12px 0 0 0 }
#form_mailing label { margin-top:2px; padding-right:3px }
#form_mailing select { float:left; margin:2px 30px 0 10px; }
#form_mailing #mailform label { width:35px; float:left; margin:4px 6px 0 0; text-align:right }

#recherche input { float:left }

.rech { border:none; margin-left:6px }
.send { text-align:center }
.red { color:#FF0 }
.green { color:#0F0 }
.date { margin-right:6px }
.check { background:transparent; border:none; margin-left:0 }