@charset "utf-8";
/* CSS Document */

/*------------------
skeleton.php

connection
-------------------*/

*{
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	font-size:0.96em;
}

fieldset{
	-moz-border-radius:5px;
}

body{
	background-color:#00774d;
	color:#555;
}

#formulaireConnection{
	width:400px;
	margin:auto;
	margin-top:150px;
	text-align:center;
}

#formulaireConnection label{
	width:120px;
	display:inline-block;
	margin:5px 10px;
	text-align:right;
}

#formulaireConnection fieldset{
	border:none;
	padding:5px;
}

#formulaireConnection legend{
	font-weight:bold;
	margin-bottom:10px;
	margin-left:10px;
	padding:2px 5px 2px 5px;
}

#formulaireConnection .legendForm{
	width:120px;
} 

#formulaireConnection #submit{
	margin-top:15px;
}

#topConnec{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background:#FFFFFF url(../img/fondTrait.png) no-repeat bottom left;
	height:37px;
	margin-left:8px;
	margin-top:-50px;
}

#bottomConnec{
	height:37px;
	margin-top:-50px;
}

#formulaireConnection form{
	background:url(../img/fondContentConnection.png);
	padding:10px;
}

/*-------------------------
index
-------------------------*/

#page{
	width:1450px;
}

/*::-moz-selection{
	color:#FFF;
	background-color:#000;
}*/

#header{
	width:340px;
}

#titreSite{
	
}

#header .titre{
	background-color:#FFF;
	padding:5px 20px 0px 20px;
}

#headerFoot{
	height:30px;
	background:url(../img/bottomHeader.png) top no-repeat;
}

#menuGauche{
	float:left;
	width:170px;
}

#menuGauche .menuTop{
	background:url(../img/fondTopMenu.png) no-repeat;
	height:20px;
}

#menuGauche .menu{
	background-color:#FFF;
}

#menuGauche ul{
	padding:0 0 10px 0;
}

#menuGauche li{
	list-style-type:none;
	margin:0 2px 5px 10px;
}

#menuGauche li.separateur{
	list-style-type:none;
	margin:20px 2px 10px 2px;
	border-top:1px solid #00774d;
	border-bottom:1px solid #00774d;
	font-weight:bold;
}

#menuGauche li.separateur span{
	background-color:#FFF;
	margin-left:15px;
}

#menuGauche li.separateur2{
	list-style-type:none;
	margin:20px 2px 10px 2px;
	font-weight:bold;
	color:#00774d;
	
}

#page h1{
	font-size:1.2em;
}

#page h2{
	margin-bottom:10px;
	font-size:14px;
}

#page #aide p{
	margin-bottom:15px;
}

#page h3{
	font-size:13px;
	margin-bottom:8px;
}

a{
	color:#555;
	text-decoration:none
}

a:hover{
	text-decoration:underline;
	color:#00F;
}

#contenu{
	margin-left:10px;
	width:1250px;
	float:left;
}

#contenu .contenu{
	background-color:#FFF;
	border-top:1px solid #00774d;
	padding:10px;
}

#contenu .contenu label.labeltype1{
	display:inline-block;
	width:100px;
}

table#listeReservations, #tableauRecapitulatif, .filtre, #listeSalles, #listeMateriel{
	background-color:#FFF;
	margin:20px auto;
	width:700px;
}

#listeSalles{
	width:300px;
}

#listeReservations tr th, #tableauRecapitulatif tr th, #listeSalles tr th, #listeMateriel tr th{
	background-color:#BBB;
}

#listeReservations tr td,#tableauRecapitulatif tr td, #listeSalles tr td, #listeMateriel tr td{
	background-color:#DDD;
	font-size:0.95em;
	padding:5px;
}

#listeMateriel{
	width:300px
}

#listeReservations tr td.action{
	text-align:center;
}

#listeReservations tr td.action span{
	cursor:pointer;
}

#listeReservations tr td.action span:hover{
	color:#00F;
}


#listeReservations tr td .horaires{
	margin:5px;
}

.contenuTop{
	height:20px;
	background:url(../img/fondTopContent.png) no-repeat;
	padding-left:20px;
}

span.refuse{
	color:#F00;
}

span.accepte{
	color:#070;
}

span.new{
	color:#F90;
}

span.cancelled{
	color:#F00;
}

img{
	border:none;
}

form{
	padding:10px;
}

.messFiltre{
	display:block;
	margin:auto;
	width:700px;
}

p.attention{
	color:#F00;
	background-color:#ffc3c3;
	border:solid 1px #F00;
	font-size:0.75em;
	padding:2px;
}

#aide{
	position:absolute;
	right:0;
	top:0;
}

#aide div{
	position:absolute;
	width:250px;
	left:-999em;
	background-color:#FFF;
	padding:10px;
	border:1px solid #000;
}

#aide div #croix{
	border:none;
	margin-left:225px;
	margin-top:-10px;
	position:static;
	width:15px;
}

p.motif{
	margin:5px;
	color:#000;
}

textarea{
	width:250px;
}

textarea, input[type="text"], input[type="password"]{
	background:url(../img/fondTextarea.png) right top;
	border:1px solid #EEEEEE;
}

input[type="submit"], input[type="button"]{
	background-color:#EEE;
	border:solid 1px #CCC;
	margin-left:5px;
}

input[type="button"]:hover, input[type="submit"]:hover{
	background-color:#c5c5ff;
	border:solid 1px #8383ff;
	cursor:pointer;
	color:#3939ff;
}

input[type="button"]:active, input[type="submit"]:active{
	background-color:#2222ff;
	border:solid 1px #8383ff;
	cursor:pointer;
	color:#ffffff;
}

.horaires legend{
	margin-left:10px;
	padding:2px 10px;
}

.heure acronym{
	border:none;
}

p.infos{
	color:#070;
	margin:10px 0;
	padding:5px;
	border:1px solid #070;
	background-color:#7f7;
}

p.error{
	color:#fff;
	margin:10px 0;
	padding:5px;
	border:1px solid #F00;
	background-color:#F77;
}

/*---------------
CALENDRIER
----------------*/

table.calendar{
	background-color:#FFF;
	width:100%;
}

table.calendar tr td, table.calendar tr th{
	background-color:#CCC;
}

tr.ligne td{
	text-align:right;
}

.ligne td div.calendarOneDay, .ligne td div.jour{
	padding:2px;
}

.calendarOneDay table{
	width:100%;
}

.calendarOneDay td{
	width:25px;
	text-align:right;
}

div.occupe, #page a.occupe{
	color:#F00;
}

div.heure{
	position:relative;
}

div.reservateur{
	left:50px;
	position:absolute;
	text-align:left;
	top:-5px;
	width:auto;
	background-color:#FFF;
	z-index:1;
	font-size:1.2em;
	padding:5px;
	border:#000 1px solid;
}

.currentDay{
	background-color:#888;
	color:#000;
}

.calendarOneDay.currentDay tr td{
	background-color:#888;
}

.calendarOneDay tr td a:hover{
	color:#00F;
}

.materielInfos{
	background-color:#FFF;
	text-align:left;
}

.materielInfos th, .materielInfos td{
	text-align:left !important;
	background-color:#FFF !important;
	border-bottom:1px dotted #BBBBBB;
}