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

a{color:#666666;}
a:hover{color:#000000;}
/* BLOCK GENERAUX */
*{margin:0; padding:0;}

body {
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#page {
	width:90%;
	margin:0 auto;
	position:relative;
}

#top {
	border: 1px solid #333333;
	border-width:0;
	padding:2px;
	background:url(img/image002.gif) center no-repeat;
	margin-top:10px;
	height:100px;
	text-align:center;
}

#content {
	width:90%;
	margin:20px auto;
}

#footer {
	clear:both;
	font-size:65%;
	padding:20px;
	text-align:center;
	border-top:1px dashed #CCC;
}

/* CHAQUE BLOQUES */ 

#top h1 {
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:italic;
	text-align:center;
	margin-top:120px;
	margin-bottom:50px;
}

#content h2 {
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-decoration:underline;
	margin-bottom:10px; margin-top:50px;
}

#content p.explication {
	border: 2px solid #000033;
	padding:10px;
	background: #818AFE url(img/explications.png) no-repeat 10px;
	padding-left:50px;
	margin: 20px 0 0 0;
	font-weight: bold;
	text-align:center;
}

#content p.error {
	border: 2px solid red;
	padding: 10px 5px;
	margin: 20px 0 0 0;
	font-weight: bold;
	background: #FFCCCC  url(img/error.png) no-repeat 10px;
	text-align:center;
	padding-left:50px;
}

#content p.attention {
	border: 2px solid  #FF6600;
	padding: 10px 5px;
	margin: 20px 0 0 0;
	font-weight: bold;
	background: #FEDA98 url(img/attention.png) no-repeat 10px;
	text-align:center;
	padding-left:50px;
}

/* AUTRES */

label.required {
	font-weight : bold;
	color:#000;
}
label.required:after {
	content : '* ';
	color : #c00;
}

.submit:hover {
	background : #F90!important;
	cursor:pointer;
}

/* ADD-USER */

#add-user form,
#rdv-add form,
#pwd form,
#connexion form {

	width:75%;
	margin:10px auto;
	display:block;
	text-align:center;
}
#add-user form p label,
#rdv-add form p label,
#pwd form p label,
#connexion form p label {
	width: 45%;
	border-bottom: 1px dotted #C2C2C2;
	font-weight:   bold;
	margin-top: 20px;
	color:#000;
	float:left;
}

#add-user form p input,
#rdv-add form p select,
#rdv-add form p input,
#pwd form p input,
#connexion form p input {
	width:50%;
	padding:2px;
	border:1px dotted #CCC;
	margin-top: 20px;
	-moz-border-radius: 5px;
}

#add-user form p input.submit,
#rdv-add form p input.submit,
#pwd form p input.submit,
#connexion form p input.submit {
	width: 100%;
}


#add-user form p input:focus,
#add-user form p input:hover,
#rdv-add form p select:focus,
#rdv-add form p select:hover,
#pwd form p input:focus,
#pwd form p input:hover,
#connexion form p input:focus,
#connexion form p input:hover {
	border:1px dotted #333333;
	background-color: #F0F0F0;
}

/* INDEX */
#index form {
	text-align:center;
	margin-top:20px;
}

#index form p label {
	font-weight:bold;
	margin-right:20px;
}

#index form p input {
	padding:2px;
	border:1px dotted #CCC;
	margin-top: 20px;
	-moz-border-radius: 5px;
}


/* See Planning */

td,
th,
tr {
	border:2px solid #FFF;
}

th {
background-color:#ff9966;
}

table {
	width:100%;
	background-color:#eeeeee;
	border-collapse:collapse;
	text-align:center;
	margin-top:20px;
}

table tr td.occup {
	background:url(img/cancel.png) no-repeat center;
}

table tr td.allow a {
	background-color: #9eff8e;
	font-weight:bold;
	color:#FFF;
	display:block;
	text-decoration:none;
}
table tr td.me {
	background-color: #9eff8e;
}

table tr td.allow a:hover {
	background-color:#FFFFCC;
	color:#000;
}

table tr td a img {
	border:none;
	padding:0 2px;
}

p.logoff {
	text-align:right;
}