/* TAGS */
html {
	/*height:100%;*/
}
body {
	text-align: center;
	color: #bbb;
	background:#000; /* url(../img/body.png) repeat center 30px;*/
	/*height:100%;*/
}
h1,h2,h3 {
	font-family: Impact, "Arial Black", Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:0 0 30px #fff; -moz-text-shadow:0 0 30px #fff;
	letter-spacing:1px;
}
h1 {
	position:relative;
	font-size:3em;
	background:url('../img/logo-nats.png') no-repeat top center;
	/*padding:200px 0 10px 273px;*/
	padding:185px 0 0 0;
	margin-bottom:50px;
	text-align:center;
}
h2 {
	font-size:1.5em;
	margin:50px 0 15px;;
}
h3 {
	font-size:1.2em;
	margin:15px 0;
}
code {
	color:#f00;
}
p { margin:15px 0; }
input, select, textarea { padding:0 5px; }
ul, ol { margin:15px 15px; }
li { margin:5px 0 5px 30px; text-align:left; }
a {
	color: #fff;
	line-height:1.2em;
	padding:1px 6px;
	border-radius: 0.6em;
		-moz-border-radius: 0.6em;
		-webkit-border-radius: 0.6em;
	background-color:rgba(0,0,0,0.5);
}
a:hover {
	text-decoration: none;
	background-color:#fff;
	color:#000;
	transition-property: background-color,color;
		-moz-transition-property: background-color,color;
		-webkit-transition: background-color,color;
	transition-duration: 0.4s;
		-moz-transition-duration: 0.4s;
		-webkit-transition-duration: 0.4s;
}
input[type=text], input[type=password], textarea {
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	background-color:#ccc;
}
input:focus, textarea:focus {
	background-color:#fff;
	box-shadow:0 0 30px #ddd;
		-moz-box-shadow:0 0 30px #ddd;
		-webkit-box-shadow:0 0 30px #ddd;
}


/* TEMPLATE */
#site {
	margin:10px auto;
	width:950px;
	text-align:left;
	position:relative;
}
#footer {
	font-size:0.8em;
	margin-top:50px;
	color:#666;
	text-align:center;
}
#footer a { color:#666; }
#logo-micro {
	position:absolute;
	top:10px; left:-80px;
	background:transparent url(../img/logo-micro.png) no-repeat top left;
	width:299px; height:274px;
}
	
/* CLASSES */
h1 a {
	font-size:12pt;
	padding:2px 6px;
}
.photo a {
	padding:0;
}
.photo {
	display:inline-block;
	padding:5px;
	margin:5px 25px 15px 0px;
	float:left;
	box-shadow:0 5px 30px rgba(0,0,0,0.6);
		-moz-box-shadow:0 5px 30px rgba(0,0,0,0.6);
		-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.6);
	border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em;
	background-color:#888;
	border:1px solid #aaa;
}
.photo.right {
	margin:5px 0px 15px 25px;
	float:right;
}
.photo:hover {
	background-color:#fff;
}
.photo img {
}
.normal { color: white; }
.normal:hover { background-color:transparent; }
.panel {
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	box-shadow:0 0 50px #444;
		-moz-box-shadow:inset 0 0 50px #444;
		-webkit-box-shadow:inset 0 0 50px #444;
	background-color:#222;
	background-color:rgba(50,50,50,0.6);
	border:1px solid #333;
	padding:0 30px 30px 30px;
	margin:40px auto;
	width:750px;
}
.panel p {
	margin:20px 30px 5px 30px;
	text-align:justify;
}
span.name { font-size:1.2em; font-weight:bold; }
input#envoi {
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color:#eee;
	background-color:#333;
	border:1px solid #444;
	padding:10px 20px;
}
input#envoi:hover {
	box-shadow:0 0 20px #555;
		-moz-box-shadow:inset 0 0 20px #555;
		-webkit-box-shadow:inset 0 0 20px #555;
	border:1px solid #555;
}
table {
	border-collapse:collapse;
	margin:0 30px;
}
tr { background:none; }
tr:hover { background:#333; }
td {
	text-align:center;
	border:1px solid #444;
	background-color:#333;
	color:#eee;
}
th {
	text-align:left;
	font-weight:normal;
	padding:5px;
}
label { vertical-align:top; }

blockquote {
	border-radius:15px 0 15px 0;
		-moz-border-radius:15px 0 15px 0;
		-webkit-border-radius:15px 0 15px 0;
	background:#ddd url(../img/quotes.png) no-repeat bottom right;
	color:#333333;
	font-family:Georgia,Times,serif;
	font-style:italic;
	font-size:11px;
	margin:25px 30px 0;
	padding:20px;
	quotes:"“" "”";
	text-align:justify;
}


/* accueil */
#accueil {
	width:950px;
	height:560px;
}
#menu_accueil {
	position:absolute;
	right:-20px;
	top:15px;
}
#menu_accueil a {
	display:block;
	opacity:0.6;
}
#menu_accueil a:hover { opacity:1; }
#menu_festivals { margin-left:45px; }
#menu_evenements { margin-left:85px; }
#menu_sport { margin-left:115px; }
#menu_gardiennage { margin-left:140px; }
#menu {
	position:absolute;
	right:10px;
	top:10px;
	opacity:0.6;
	text-align:right;
}
#menu:hover { opacity:1; }
#menu a {
	display:inline-block;
	margin:1px 0;
	/*font-weight:bold;*/
}
#menu a:hover { zoom:1; } /* bug IE7 */
#menu_accueil a, #menu {
	transition:opacity 0.5s ease;
		-moz-transition:opacity 0.5s ease;
		-webkit-transition:opacity 0.5s ease;
}

/* devis */
.devis span { display:inline-block; width:400px; text-align:right; margin:0 10px 5px 0; }
.devis input, .devis textarea, .devis-detail textarea { width:300px; vertical-align:top; }
.devis-detail span { display:inline-block; width:160px; text-align:right; margin:0 10px 5px 0; }
.devis-detail input { width:50px; vertical-align:top; }
.devis-detail textarea { width:550px; vertical-align:top; }
.devis-col { display:inline-block; width:246px; }

/* enquete */
textarea {
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	/*margin:0 30px;*/
	width:680px;
	height:80px;
	background-color:#ccc;
}
textarea:focus {
	background-color:#fff;
	box-shadow:0 0 30px #ddd;
		-moz-box-shadow:0 0 30px #ddd;
		-webkit-box-shadow:0 0 30px #ddd;
}
#formulaire-enquete td label { display:block; }
#formulaire-enquete textarea { margin:0 30px; }

/* recrutement */
#formulaire-recrutement label {
	display:inline-block;
	width:250px;
}
#formulaire-recrutement div.champs { margin:8px 30px; }

/* passes */
#passes {
	position:absolute;
	overflow:hidden;
	width:195px; height:400px;
	left:-10px; top:-35px;
	transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
}
#passe-cordon    { position:absolute; top:-160px; left:45px; }
#passe-img       { position:absolute; top:128px; left:11px; height:250px; width:150px; }
#passe-plastique { position:absolute; top:100px; left:0px; }
#passe-loader    { position:absolute; top:109px; left:11px; }
#passe-titre     { position:absolute; top:381px; left:0px; width:173px; font-size:small; font-weight:bold; text-align:center; color:#ccc; }
#passe-precedent { position:absolute; top:381px; left:11px; cursor:pointer; }
#passe-suivant   { position:absolute; top:381px; left:147px; cursor:pointer; }

/* ZOOMY */
#zoom p, #zoom div { color:#aaa; }
#zoom table { margin:0; }
#zoom td { border:none; }
#zoom tr:hover{ background:none; }
#zoom a, #zoom a:hover {
	padding:0;
	background:none;
}

.diapo {
	text-align:center;
	background-color:#888;
	padding:10px;
	margin:20px 30px 5px;
	border:1px solid #aaa;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
}
.diapo .photo { margin:5px; float:none; }